uniapp学习流程

小程序（uniapp框架，进行APP,小程序，web的通用软件开发）

Step1.相关软件的安装与熟悉

1. 安装visual studio code
2. 安装HbuilderX，注册hbuilder账号，方便之后从Dcloud导入插件（https://ext.dcloud.net.cn/） 
3. 安装微信开发者工具，注册微信开发者账号

1. 任务一：

        将demo文件在vscode中编译成：

1. 网页web（可以直接用默认浏览器打开，需要安装插件或npm run dev:h5）、
2. 小程序（在终端输入npm run dev:mp-weixin）
3. 分别在Chrome、微信小程序开发者工具中显示结果

1. 任务二：

将demo文件在HbuilderX中编译成网页、小程序、APP（.APK文件），分别在Chrome、微信端小程序、手机端APP

Step2.学习web基本语言（html、javaScript、css）

1. 学习html、CSS语言，学习javaScript语言。（不用全部跟过一遍，能够了解每一个标签是怎么用的，并且他们是如何配合从而实现页面的展示即可）
2. 学习uniapp，先看到P92
3. 熟悉Uniapp开发者开发文档，（注意功能实现的平台，有些功能可能只能在小程序有效果！）：
4. 任务一：

用uniapp框架，在HbuilderX（推荐）或VSCODE中，实现简单的登录界面

包括（两套页面：小程序和h5页面，可以采取css中的条件编译实现）：

1. 用户名、密码的输入、登录按钮（跳转至下一个页面）
2. 手机号输入，获取验证码，当手机号格式不正确时，获取验证码按钮灰色无法点击，当手机号格式正确时，获取验证码按钮变成其他颜色可以点击，

示例：

1. 任务二：

实现一个简单的计算器功能，编译成APP或者小程序，示例：

1. 任务三：

注册页面的设计与实现，可以参考QQ注册、微信注册页面的样式

1. 任务四：

了解unicloud的相关内容，他是一个免费的由uni-app推出的后台数据库服务，我们可以简单地搭建一个数据库，并且通过相对应的unicloud云函数操控数据库，在我们前段学习完成以后，可以尝试跟这个unicloud的教程学习如何使用它，实现前后端交互的功能。

Step3.小程序进阶

1. 学习uview插件的使用
2. 学习node.js（基于javaScript），Express框架，实现后端开发
3. 任务一：（较难，需要后端向微信服务器发起请求）

调用微信API，实现微信一键登录（https://uniapp.dcloud.io/api/plugins/login.html、https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html）

1. 任务二：

实现蓝牙连接，显示蓝牙设备列表，接收蓝牙数据

1. 任务三：

根据上面step2学习的unicloud的知识，开发一个模拟日记的功能（详细样式可参考微信朋友圈）。具体内容包括：

1. 1. 用户登陆（新用户插入数据库，旧用户，欢迎）
   2. 查看日记，添加日记，删除日记