1.Uniapp
(1)学习认识
简介: uni-app 是一个使用vue
的语法 + 微信小程序的标签和API的跨平台前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台,几乎覆盖所有流量端。
开发工具: 首选使用官方推出的HBuilderX 编辑器
框架目录: 主要分为两层,逻辑层和视图层。
┌─components uni-app组件目录
│ └─comp-a.vue 可复用的a组件
├─hybrid 存放本地网页的目录,详见
├─platforms 存放各平台专用页面的目录,详见
├─pages 业务页面文件存放的目录
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用静态资源(如图片、视频等)的地方,注意:静态资源只能存放于此
├─main.js Vue初始化入口文件
├─App.vue 应用配置,用来配置App全局样式以及监听
├─manifest.json 配置应用名称、appid、logo、版本等打包信息
└─pages.json 配置页面路由、导航条、选项卡等页面类信息
(2)心得体会
uni-app 是一个使用 Vue.js
开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。
项目应用: 本项目为微信小程序开发,则可使用
HBuilderX======>开发者工具(微信开发者工具)
uniapp======>前端开发框架(微信小程序原生框架)
通过两者结合实现页面框架的编写。
2.微信小程序官方框架
(1)学习认识
简介: 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。
结构: 整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。
便利: 小程序提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。
(2)心得体会
在刚接触微信小程序的时候,就是官方提供的这个框架,其实该框架的思想和vue
还是有相似之处,正所谓万变不离其宗。只不过这个框架就是直接使用微信小程序所需要的wxml
、wxss
等文件,而其他框架最终打包生成的文件才是官方所需要的。
所以建议如果是初学者,还是可以先使用或学习下该框架,更能直接的了解小程序和学习。
项目应用: 因此,基于本项目是微信小程序开发,在开始时可以借鉴学习微信小程序官方框架,等熟悉后便可以自己编写框架。
3.Unicloud
(1)学习认识
简介: uniCloud
是 DCloud
联合阿里云、腾讯云,为开发者提供的基于serverless
模式和 js
编程的云开发平台。与Uniapp
配合使用,相当于一个云上服务器。
特性:
- 云开发的基础设施仍然是由阿里云和腾讯云两大云计算基础设施服务商提供的。
-
unicloud
它包含IaaS
层(由阿里云和腾讯云提供硬件和网络)和PaaS
层(由DCloud提供开发环境)。 - 开发时虽然使用
DCloud
的工具,但应用上线时,手机端是直连阿里云或腾讯云的serverless
,不经由DCloud
的服务器。 -
uniCloud
云开发提供的主要是云函数、云数据库、云存储(含CDN)、网页托管等几大服务内容。
(2)心得体会
unicloud
是与uniapp
配套使用的云服务器,其对传统后端开发的优势在于快,熟悉之后很好上手,里面封装了很多功能,我们可以直接使用,大大缩短开发时间。其次,我们不用考虑被攻击,对外而言安全性比传统开发高,而且目前阿里云还是免费。
项目应用: unicloud
可以用于本项目的后端开发,与前端uniapp
配合使用,提供免费的服务器后后端,简化了传统java
的复杂的配置和混乱的依赖管理,给开发者提供一个开箱即用的、非常快速的、广泛接受的入门体验,成为本微信小程序项目后端开发框架的不二选择。