題記：昨天建好了數(shù)據(jù)，修改了一下域名，寫了一個路由，今天我們來設計一下注冊頁面，以及部分頁面的跳轉。

如下圖1所示，（ps:說了句廢話，下圖肯定是登錄頁面嘛），那么我們就從頁面跳轉開始吧， 點擊登錄，肯定跳轉到登錄頁面，如下圖2所示，因為沒有設計賬號密碼，就算跳轉到登錄頁，也是無濟于事~~~那咱們只能往注冊頁跑~~，剛剛拿到這個頁面想當然的認為用href=路徑名這樣靜態(tài)頁面鏈接的方式實現(xiàn)頁面的跳轉。實際上并非如此，應該通過路由找到，該頁面所對應的control層，在control層做過一系列的數(shù)據(jù)判斷和處理后，由control層訪問對應的view層！（ps:mvc設計理念，如果這個暈了，那就涼了~~~）

圖1

圖2

圖3

確定好命名規(guī)范以后，想都不用想，在control層開始定義class，在與之對應的view層定義存放html文件如圖4所示

圖4

接下來定義路由，（最后定義問題也不是很大）如下圖5所示，我已經(jīng)詳細解釋了路由的含義

圖5

我們到reg.php模塊下開始寫方法，如圖6所示，首先都不要想，返回注冊頁的方法第一個就要加上去

圖6

補充說明見到herf,就要寫對應的路由的名字，也就是說，鏈接不能指向靜態(tài)頁面，必須指向路由地址，由路由地址訪問具體方法，再由方法訪問頁面，如圖7所示。

圖7

接下寫注冊方法，也就是對post回來的數(shù)據(jù)做校驗，我們可以在control層鏈接數(shù)據(jù)，但是這樣寫不合理，我們這model層寫鏈接方法，到control層直接new就可以了如圖8-圖9所示

圖8

圖9

tp5.1里提供大量的sql操作方法，具體不細說了。這里想強調的是，數(shù)據(jù)怎么從前端來后端？如圖10所示

圖10

輸入必填信息，點擊注冊按鈕，即可提交成功如圖11-圖12所示

圖11

圖12

做完后臺數(shù)據(jù)驗證，我們做一些前端表單驗證，首先就是對輸入的用戶名做驗證，輸入是否為英文數(shù)字下劃線4-12位數(shù)字，bootstrap提供好了樣式如圖13，也就是說我們只有利益jQuery修改css和html即可，樣式已經(jīng)很完美了

圖13

接下來寫js做表單驗證如圖14

圖14

重點來了，利用ajax對用戶名是否重復做驗證，首先寫ajax方法，找到username的dom節(jié)點如圖14is_user_exist方法。ajax通過尋找 dom節(jié)點的data-url 找到路由，通過路由訪問具體tp方法如下圖15所示，當然前提要寫好具體路由如圖16所示

圖15

圖16

圖17

測試一下如圖18所示

圖18

注冊好以后肯定就要做登錄驗證，明天接著寫

圖19