1.前言
uniapp是一個使用html5標準的触趴，一次開發(fā)，可以發(fā)布到安卓渴肉，ios冗懦，小程序的多端框架。非常方便仇祭。
這是一個非撑叮基礎的demo，面向于近乎無經驗的朋友們乌奇。更重要的是指導按什么順序看這篇demo文件没讲。字有點多，比較亂礁苗，只能抱歉一條條看了爬凑。本來想做一個完全手把手教程，也就是視頻试伙。但發(fā)現自己的表達過于貧瘠嘁信，只能做一個文字版的了。文字版過程將簡單一點疏叨。
本demo分為前端和后端兩部分吱抚，
前端部分為簡單登錄模板，沒有引用任何外部css考廉，較為簡單，并做了簡單合法性校驗携御。您可以拿去用昌粤，來少寫幾個輸入框既绕。登錄保持用的是傳統(tǒng)web的session（cookies）機制。符合傳統(tǒng)開發(fā)習慣涮坐。本demo不含微信等的快捷登錄凄贩，為傳統(tǒng)手機號登錄。
后端采用c#.net袱讹，結構較為簡單疲扎。數據庫為mysql，使用了預處理捷雕，保證了數據庫安全椒丧，您可以放心使用。在下面的部分會有詳細講解救巷，包括POST傳值壶熏，接口，session浦译。
???
2.uniapp前端
首先棒假，務必看一下官方視頻教程，在官方文檔首頁如何學習里有鏈接精盅。
本demo制作時的流程：
1.先制作界面帽哑，先不寫js邏輯。新建“indexme”界面叹俏，在pages.json文件中妻枕，配置tabbar。其中圖標可在阿里云圖標庫（https://www.iconfont.cn/）下載她肯，下載png格式時佳头，可直接指定顏色，大小為81晴氨。json與效果如下：
?
?
2.新建login/register/logot界面康嘉，來繪制登錄、注冊籽前、退出頁面亭珍。繪制輸入框，并在js中對輸入框的合法性進行簡單驗證枝哄。（先不寫網絡交互邏輯肄梨。）之后補全頁面跳轉邏輯。
?
?
以上截圖分別為界面挠锥，合法性校驗众羡，頁面跳轉。
3.后端接口
?
4.uniapp與后端交互
?
5.結果
登錄后蓖租，會顯示JSON數據粱侣，?
?
