开发工具

Hbuildder下载和安装。

案例工程

案例工程ThorUI导入开发工具。

目录结构

├─common            // 通用文件
├─components        // 组件目录
├─pages             // 小程序的页面目录
│ ├─extend
│ ├─index
│ └─my
├─utils              // 存放request等工具
├─static             //目录：存放应用引用静态资源（如图片、视频等）的地方，注意：静态资源只能存放于此
├─unpackage          // 打包出口
│ └─dist
│ └─dev
│ └─mp-weixin        // 在hbuilder小程序的打包文件
├─main.js            //Vue初始化入口文件
├─App.vue            //应用配置，用来配置App全局样式以及监听应用的生命周期
├─manifest.json      //配置应用名称、appid、logo、版本等打包信息
└─pages.json         //配置页面路由、导航条、选项卡等页面类信息

启动工程

小程序和安卓启动。

新建页面

新建uni-app页面和配置page.json文件，页面跳转控制
提示：pages节点的第一项为应用入口页（即首页）

页面设计

基础组件设计

页面交互

与服务器后台交互，更新数据。

官网路径：https://uniapp.dcloud.io/README

参考

快速上手uni-app项目：https://www.jianshu.com/p/b298c55a095c

uni-app初体验：https://www.jianshu.com/p/aeee38ba66dc