后台頁面第一天,實現登錄(依據x-admin模板)


一、將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請求,由對應后端接口進行處理(未調取數據庫記錄)的一般流程已經演示完成。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM