uni-app项目的收获及心得体会

  1. Uniapp是一种支持多端开发的框架,能够在一个项目中同时开发小程序、H5、APP等多个版本。学生教务系统包含了学籍信息、成绩查询、选课、课程表等众多模块,需要涉及到复杂的后台逻辑和数据库操作。使用Uniapp架构可以实现跨平台快速开发,同时保证了项目的高效性和维护性。

  2. 项目起步

  3. 开发环境准备
    1. 微信开发者工具
  4. 申请小程序账号
  5. ·申请链接:小程序

    ·小程序后台:https://mp.weixin.qq.com,申请完成后,基本设置开发设置都可在后台管理页面中完成

    uni-app项目的收获及心得体会_第1张图片

  6. 安装开发环境
  7. 开发文档:微信官方文档 | 微信开放文档

    请在微信开发文档官方下载相应平台的开发工具

    微信开发者工具请下载稳定版,其他版本有可能出现HBuiler X无法启动的情况

  8. 请在安全设置中打开服务端口,以便通过HBX调用
  9. uni-app项目的收获及心得体会_第2张图片

    1. 安装HBX
  10. 1、申请dcloud开发者账号

    ·DAccount Service

    ·打包发布应用需要在开发者中心创建应用,每个应用对应一个appid,也可在HBX中生成

    2、安装开发环境

    3、配置微信开发者工具路径,以调试小程序

    uni-app项目的收获及心得体会_第3张图片

    4、配置adb路径及AVD端口号,以调试Android 应用常用的有genymotion、网易mumu、夜神等,网易mumu下载地址:http://mumu.163.com/

    5、配置adb路径及AVD端口号,以调试Android 应用

    uni-app项目的收获及心得体会_第4张图片

  11. 创建项目,项目名blogs_1

  12. uni-app项目的收获及心得体会_第5张图片

  13. 添加3个页面

    • 默认创建的index,作为主页,启动显示blogs_1列表

    • profile页,用于显示个人信息

    • charts页,用于显示个人数据的统计图表

  14. static中添加静态资源,主要是一些icons

  15. uni-app项目的收获及心得体会_第6张图片

  16. pages.json中修改全局外观配置,主要是标题栏文本和颜色>>>属性列表<<<

  17. 设置tabBar,在页面底部添加3个标签 >>>属性列表<<<

    • pages.json中添加tabBar节点

    • uni-app项目的收获及心得体会_第7张图片

    • 个人中心页面是用户进入APP后展示的一个重要入口,用户可以在该页面查看和修改个人信息,查看好友列表、消息通知等等。使得开发者只需要简单地修改组件的样式和功能即可完成APP的个人中心页面搭建。项目开发过程的心得体会

    • uni-app项目的收获及心得体会_第8张图片

      在项目开发过程中,我认为以下几个点是非常重要的:

    • 规范化开发流程:在项目开始前,需要先确定清楚项目的需求和目标,通过需求分析和技术评估,编写详细的开发规格说明书,按照规范化的流程进行开发,确保项目按时、高质量地完成。

    • 团队协作能力:团队合作对于项目开发至关重要,良好的团队协作能力可以提高工作效率、优化开发质量。在团队协作中,需要采用开放、透明的沟通方式,及时解决问题,保持良好的合作氛围。

    • 代码质量:良好的代码质量可以提升项目的可维护性和可扩展性,同时提高开发效率和工作效果。编写规范的代码可以减少错误和潜在漏洞,提高代码的质量和稳定性。

    • 技术积累和分享:项目开发过程中,可以通过技术培训、学习、分享等方式积累和提升技术,尤其是针对新技术、新应用场景进行及时研究和掌握,保持技术优势和市场竞争力。

    • 用户体验:在项目开发过程中,要始终以用户体验为核心,关注用户需求和体验,优化产品设计和功能实现,提高用户体验和满意度,以促进产品的推广和应用。

    • blog项目完成后的收获

    • 开发效率提高:Uniapp 是一个跨平台的开发框架,通过它可以使用 Vue 技术栈开发原生APP和小程序,相比其他开发方式有更佳的使用体验和开法效率。Uniapp 提供了一整套的组件、工具和API,可以加速开发进程,从而节省时间和资源,让我更加高效地完成开发工作。

    • 跨平台兼容性:Uniapp 的跨平台兼容性非常好,可以将一个代码库用于多个平台的开发,包括 iOS、Android 和 Web 等多个平台,这降低了开发成本并提高了代码的重用性。

    • 用户交互体验提高:Uniapp 在提供跨端支持的同时,还提供了丰富的组件和样式等功能,使得应用界面美观、交互良好。

    • 设计规范优良:Uniapp 遵循了Material Design和Apple iOS设计规范,使得应用的设计更加规范和易于导航。

    • 技术进阶:Uniapp 的开发方式和技术栈与Vue的开发一致,因此在项目中,我得到了更深入的Vue技术锻炼和进阶。

    • blog项目完成后的心得

    • 在完成Blog项目后,我深感到了在团队合作、开发、测试、部署和功能上的种种挑战,但同时也认为这一过程带给我很多新的心得体会。

      首先,团队合作的重要性不可忽略。每个人都有不同的观点、意见、经验和想法,但我们需要协作以实现共同的目标。通过学习协同工作,我获得了更多开放、包容、包容性和团队精神等意识。

      其次,在完成项目过程中,作为开发者,要始终以用户需求和使用体验为中心。通过回顾用户反馈和测试结果,我们能够確保我们的应用程序具有更好的性能和质量,能够更好地满足用户需求。

      另外,在项目开发和版本迭代中,要始终处理代码品质的问题。无论是格式、规范性、冗余代码还是缺陷,我们都要时常审查代码,使其规范性和可读性表现尽善尽美。

      最后,完成项目过程也让我学到了历程管理的技术。这包括了如何制定日程表、制定任务计划、跟踪任务进度和与团队成员合作等等。学会这些方法能够使我在未来的项目管理和实施中更加敏锐和精进。

     

你可能感兴趣的:(vue.js,前端,javascript)