前言

随着社会的进步，无论是日常休息，还是上班工作，人们都在追求方便。伴随着这些，手机成为了人类生活中不可缺少的一部分，于是小程序等手机端app就流行起来了。

Uni-app

是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。

HBuilderX开发（入口）

Visual Studio Code开发（入口）

网上（入口）有着详细的开发教程，这里我就不多说了，只说一些比较常见的知识。

页面跳转：

生命周期：

UviewUI

uView是uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码， 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。

vue.js有着自己合适的UI框架elementUI,当然uni-app也有着自己合适的UI框架，就是uviewUI（入口）。同时它有着非常多的模板，可以直接下载使用，非常强大（地址）。

接下里直接步入主题，上图。

同时设置了一个登录拦截器，只有在登录成功的情况下才能进行其他操作，否则其他页面无法进行访问。

参考：vue+node.js+express+axios实现连接mysql数据库(前后端分离，详细版)_Hrenhua的博客-CSDN博客

Github地址：https://github.com/dragon-lee-add/Uni-appStore