1.前言css
uniapp是一个使用html5标准的，一次开发，能够发布到安卓，ios，小程序的多端框架。很是方便。html
这是一个很是基础的demo，面向于近乎无经验的朋友们。更重要的是指导按什么顺序看这篇demo文件。字有点多，比较乱，只能抱歉一条条看了。原本想作一个彻底手把手教程，也就是视频。但发现本身的表达过于贫瘠，只能作一个文字版的了。文字版过程将简单一点。前端
本demo分为前端和后端两部分，html5
前端部分为简单登陆模板，没有引用任何外部css，较为简单，并作了简单合法性校验。您能够拿去用，来少写几个输入框。登陆保持用的是传统web的session（cookies）机制。符合传统开发习惯。本demo不含微信等的快捷登陆，为传统手机号登陆。mysql
后端采用c#.net，结构较为简单。数据库为mysql，使用了预处理，保证了数据库安全，您能够放心使用。在下面的部分会有详细讲解，包括POST传值，接口，session。ios
2.uniapp前端web
首先，务必看一下官方视频教程，在官方文档首页如何学习里有连接。sql
本demo制做时的流程：数据库
1.先制做界面，先不写js逻辑。新建“indexme”界面，在pages.json文件中，配置tabbar。其中图标可在阿里云图标库（https://www.iconfont.cn/）下载，下载png格式时，可直接指定颜色，大小为81。json与效果以下：json
2.新建login/register/logot界面，来绘制登陆、注册、退出页面。绘制输入框，并在js中对输入框的合法性进行简单验证。（先不写网络交互逻辑。）以后补全页面跳转逻辑。
以上截图分别为界面，合法性校验，页面跳转。
3.后端接口
4.uniapp与后端交互
5.结果
登陆后，会显示JSON数据，