一、將x-admin模板下載保存並解壓。
二、將全部文件選中,復制粘貼進后台模塊的static文件夾下(相當於以前war形式部署的webapps文件夾)。
三、啟動類所在的包內新建一個controller包,service包,entity包,service包內新建impl包。
四、在controller包中新建一個類,用於獲取用戶登錄請求和獲取用戶信息請求(名字可以自定義),創建后在類上加上@RestController注解,告訴spring這是一個controller對象,而且方法返回結果都轉化為json串。
五、在entity包中新建一個類,用於封裝用戶信息(暫時設定只有用戶id,用戶名,用戶密碼,登錄信息),創建后在類上加上@Component注解,告訴spring這是一個entity對象,添加getset方法,實現序列化接口@Serializable並指定UID
六、在service包中新建一個接口,用於定義處理用戶登錄的方法
七、在impl包中新建一個類實現這個接口,並加上@Service注解,告訴spring這是一個service對象
八、在service層添加login方法,並在實現類中實現方法(現在只是寫死用戶名和密碼,沒有通過dao層與數據庫交互獲取值,后期再填充)
九、在controller層注入對應service,用@Autowired自動注入,然后加入login方法,在其中獲取對應屬性名的值,交給service層處理
十、同理,再新建一個接口,用於獲取用戶名(指暴露一個url給前端調用並返回前端期待的值),同樣寫死,后面再靠 cookie+session。
十一、打開static中的login.html
十二、檢查表單中用戶名輸入框和密碼輸入框的name名是否正確和controller中方法內的屬性名對應
十三、為登錄頁面寫ajax請求登錄功能,請求方法為post,url對應到controller的接口
十四、login.html導入login.js
十五、啟動后台頁面服務,驗證登錄請求
十六、輸入錯誤的用戶名和密碼
十七、輸入正確的用戶名和密碼,顯示成功登錄,並在提示信息消失時跳轉到index.html頁面
至此,前端發起ajax請求,由對應后端接口進行處理(未調取數據庫記錄)的一般流程已經演示完成。