java實踐(5)-----實現登錄的前後端連接

上節說了如何抄抄改改完成一個登錄頁面。這節課來說下如何把這個登錄頁面和之前寫的登錄的後端進行連接。

 

①寫一個前後端交互的js文件,即前端頁面渲染完成輸入內容觸發提交事件的時候,會模擬請求去controller層的那個地址。

所以,如下:

意思:我在被調用以後,我會拿着參數去請求這個地址,並拿到對應的返回值進行輸出。

 

②然後我們要考慮如何讓頁面跟這個事件鏈接起來。所以我們要去修改登錄頁面。在其中加上對應提交後的邏輯處理。去調用那個loginAction.js。如下:

③因爲之前是直接用get請求附錄在url中傳入的,現在是前端頁面。所以需要修改controller層裏面的請求內容,將請求參數傳入

注意:這裏的@RequestMapping中參數名稱需要跟js文件中的參數名稱一致,否則會存在傳值失敗

如果點擊了以後頁面報404,就是頁面問題。需要去檢查是否頁面路徑對。因爲前端請求的url不對~

 

如果出現以下的問題:那就是跨域被攔截了~

解決辦法:這幾個文件負責下。具體原因明天確認下。

 

結果展示:

 

 

 

2、擴展知識,這裏的這個引入在括號中的引入是非默認值的。

①,當我們的class是用default修飾時,代表默認值,如圖。

用default修飾的時候代表是默認的如果按照之前的方式導入,會提示。提示語如下圖

正確的導入方式爲,且只能引入單個。

 

另外,修改auction2爲非default修飾:

則,引入包的是:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章