uni-app
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web;响应式;、以及各种小程序;微信/支付宝/百度/头条/QQ/钉钉/淘宝;、快应用等多个平台。
DCloud公司拥有800万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件。
本微信小程序分为移动端和PC端两个部分,移动端主要使用Uni-App技术进行开发,可以在微信开发者工具和HBuilder中运行,同时PC端主要是给管理员人员使用的,PC端使用Java语言和流行的SpringMVC框架进行开发,数据库方面使用的是MySQL数据进行数据相关信息的存储
主要内容、研究方法和思路
- 研究思路
采用B/S架构,使用Maven作为项目管理工具,使用Springboot+Mybatis做整合开发,前端页面数据处理传输以及页面展示使用Vue技术,
后端使用Springboot轻量级框架
使用Mysql数据库构建数据库表
开发工具:Idea
开发步骤;
(1) 创建好数据库并导入,
(2) 创建后台Springboot三层架构(controller,service,mapper层)并启动测试
(3) 导入并编译前端代码vue:网站和后台管理
编译:npm install
试运行:npm run dev
由于APP软件在开发以及运营上面所需成本较高,而用户手机需要安装各种APP软件,因此占用用户过多的手机存储空间,导致用户手机运行缓慢,体验度比较差,进而导致用户会卸载非必要的APP,倒逼管理者必须改变运营策略。随着微信小程序的出现,解决了用户非独立APP不可访问内容的痛点,所以很多APP软件都转向微信小程序。本次课题就运用了微信小程序技术开发一个传染病防控宣传系统。
本次使用数据库工具MySQL以及微信开发者工具开发的传染病防控宣传系统,可以实现目标用户群需要的功能,其中管理员审核用户上报的健康信息,管理防控知识,管理医院,管理捐赠信息。用户查看防控知识,查看医院信息,可以参与医疗捐赠,可以登记健康上报信息。
总之,传染病防控宣传系统可以更加方便管理人员管理传染病防控宣传信息,也方便用户查看防控知识,参与医疗捐赠,登记健康上报信息。
下图为管理员的功能设计,管理员审核用户上报的健康信息,管理防控知识,管理医院,管理捐赠信息。
(1)通过查阅相关的书籍搜集材料,进行需求调查。
(2)写需求分析文档,确定系统的主要模块。
(3)画出ER图,流程图等图示以用来明确模块之间的关系
(4)根据需求分析,建立数据库文档,设计表和字段。
(5)进行系统的界面设计。
(6)通过Java语言和MySQL数据库实现本系统。
关键词:微信小程序;Spring框架;MySQL数据库
本文主要划分成7大部分:
第一部分为绪论,主要介绍了目前电脑技术发展状况、货运信息平台发展阶段,分析当前微信小程序的货运信息平台弊端以及使用信息技术来管理货运信息平台的好处。
第二部分为相关技术简介,主要介绍了各技术的发展历程,技术发展现状,技术优点以及选用该技术的原因等。
第三部分为系统分析,主要分析了软件设计所需要的功能,。
第四部分为系统设计,主要进行了系统的架构设计、数据库设计等
第五部分为系统详细设计。
第六部分为系统调试与测试,利用测试方法进行可行性测试、性能测试、系统测试等。
第七部分为总结与致谢,主要总结了程序设计的完成过程及完成情况,比对完成设计过程中施以援手的同学和老师表达中心的感谢和祝愿。
- 了解uni-app的特点
2.掌握uni-app运行环境和开发环境的部署
3.了解整个uni-app项目的开发流程 - 熟悉uni-app的页面开发
5.掌握uni-app的组件库和样式设计
6.实现页面布局和样式设计
7.数据处理和绑定
8.网络请求和数据交互
9.状态管理和全局数据
10.导航和路由控制
11.本地存储和缓存
12.第三方插件和扩展
13.多平台适配和界面优化
14.多平台打包发布
笔记本电脑、台式机电脑、HBuilderX、微信开发者工具、调试预览工具。