一.前言
使用wex5一段時間了，感覺wex5自帶的baas后端不倫不類，本身用前端的思想去處理后端的技術問題，本身就是不切合實際的一種想法。能不能結合其它后端來提升wex5的整體開發水平和速度呢？
經過對比，選擇了thinkphp5+layui2.0+vue.js+wex5的解決方案。
本人是初級學習者，將學習和練習過程記錄，希望加深理解，並幫助更多有理想的人，答疑解惑。隨后基於四大框架來制作學習視頻網站，博客圖文跟進介紹，便於同步學習。
先看一下管理后台基本效果。
1.加入動態星星背景的登陸頁
2 深黑色的管理后台
3 數據增刪改查
今天開篇不說技術節點，重點從項目設計和開發角度，重點說開發總體思路。
二 部署
對於初學者而言，項目部署個人推薦寶塔面板.linux 和window版本都有。無論是本機調試，還是服務器部署，簡單，自帶了環境搭建，一鍵建站等眾多工具。具體使用可參見官網或者我的博客。
注意：1. 一鍵部署thinkphp5框架時，linux版自帶偽靜態，window 版沒有，需要手動添加偽靜態.
2 .管理后台和前端,后端，其實是三個應用，需要三個項目。本機測試和遠程部署，后端路徑可能會在頁面中反復使用。一量更改，需要大量修改。可以寫一個js來統一調用。
這樣在頁面中只要引入這段js，baseUrl就得到后端域名。
3 . window本機調試域名設置：
C:\Windows\System32\drivers\etc\hosts 文件添加本機域名
順便說一下，一些廣告也可以在這里干掉
三 框架選擇與對比
一口氣學4個框架，聽起來嚇人，其實簡單。從基礎流程和邏輯作起，跑通了，其它就是復制和粘貼了。特別是模塊化設計思想成熟以后，代碼和頁面復用性提高。框架的作用就是為了高效。
1. thinkphp5.0
國產的好東西，不多說了，學習成本低，響應快，代碼好看，配置簡單，基於mvc模型操作，不能再簡單了。關鍵是報錯給的精確到標點。之前用baas的現在要出坑。java的一堆神報錯，本人難於接受。
來幾張圖看看：
數據庫配置，填完基本參數，就能拿到數據，不用考慮並發，連接池什么的。
在控制器里寫了幾行代碼，根據id取出用戶模型數據，轉換成json返回。夠簡單吧。
調用淘寶接口，根據訪問ip得到訪問者的地理信息，查詢到城市，很多人想做這件事，簡單位。
2 . layui
后台管理界面用layui,無論是效率還是美觀，值得使用。
關鍵是文檔寫的太好。你要什么，直接從官網托下來就能用。改的地方也給你寫好了例子。無語的api.
layui重點維護表格組件table和彈層組件layer,實在是有先見之明。
table的使用，從官網拷下來，改改字段就能用。
layer功能太強大，彈信息，彈頁面都可以。關鍵是快。
3 .vue.js
一說vue.js，大家都怕了。我也怕。但是我看看了文檔幾行。不用不行。
比如下面這個頁面：
信息查詢頁面，用過wex5自然想到綁定，多簡單。那要是沒有綁定呢？？
老老實實一個一個取出元素賦值！！！！！
用了vue.js以后，創建一個vue實例，綁到外層div上，內層元素就可以直接綁定顯示了。
數據變了，內容就響應的變。
vue我只用到了v-model.已經可以用了。其它可以用到了再學。
layui和vue在一些地方會有沖突：
1。layui 的layui-admin樣式內的元素不能綁定vue實例
2. layui 的form表單中，radio,checkbox 等樣式不能正確綁定vue實例，可使用原生form組件
3. div嵌套中綁定會出現數據沖突。只能單一層級綁定。
4 wex5 3.6
掉進很多次wex5的坑，沒有一種框架是完美的。雖然響應不是很快，那要是拋棄了baas呢？？？
看來wex5還是一個不錯的快速開發前端框架。至於大家吐槽的app問題，不行就整原生吧---如果你有能力的話。
目前穩定版本是3.6.不知官方是否還在重點維護。
四 總結
1 4個框架，配合使用。
2 配套教學視頻同步制作，歡迎指出，批評。本人小白，言多勿怪。