开发工具
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
网友评论