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數據，