SSM框架前后端信息交互實(shí)現(xiàn)流程詳解
一、從前端向后端傳送數(shù)據(jù)
常見(jiàn)的3種方式
1、form表單的action:此方法可以提交form表單內(nèi)的輸入數(shù)據(jù),也可同時(shí)提交某些隱藏但設(shè)置有默認(rèn)值的<input>,如修改問(wèn)題時(shí),我們除了提交問(wèn)題的相關(guān)信息,還需要將用戶的編號(hào)提交給后端,此時(shí)就可以設(shè)置一個(gè)默認(rèn)值為用戶編號(hào)的<input>,并將其隱藏
2、<a>標(biāo)簽的href屬性:此方法一般用來(lái)提交一些較少的數(shù)據(jù),比如對(duì)象編號(hào)
1 <a href="<%=path%>/Question/DisplayQuestionInfo?question_id=${question.question_id}" rel="external nofollow" >${question.question_title}</a>
比如該處代碼,顯示了問(wèn)題的標(biāo)題信息,并將其作為超鏈接,點(diǎn)擊該鏈接時(shí)進(jìn)入后端Controller類的方法,并向其發(fā)送問(wèn)題編號(hào)question_id
3、ajax請(qǐng)求:此方法一般在不需要頁(yè)面跳轉(zhuǎn)時(shí)采用,可以局部刷新頁(yè)面,比如向后端提交關(guān)注某用戶的信息,后端收到ajax的請(qǐng)求數(shù)據(jù),對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作,并通過(guò)@Response注解返回信息給前端,然后前端進(jìn)行相關(guān)操作,可以不進(jìn)行頁(yè)面跳轉(zhuǎn)
前端部分代碼
<script language="JavaScript"> ...... function SaveUserFollowUser(){ var login_user_id = ${login_user_id} //登錄者(發(fā)起者)編號(hào) var user_id = ${user.user_id}; //接受者用戶編號(hào) $.ajax({ url:"<%=path%>/UserRelation/SaveUserFollowUser", type:"POST", async: false, contentType:"application/json;charset=UTF-8", dataType:'json', data:JSON.stringify({"from_user_id":login_user_id,"to_user_id":user_id}), //JSON對(duì)象轉(zhuǎn)為字符串 success:function(data){ /* 可在后端增加判斷發(fā)起者和接受者用戶是否是同一用戶的判斷 */ if (data == true) { alert("關(guān)注成功"); } else { alert("您已經(jīng)關(guān)注該用戶,不可重復(fù)關(guān)注") } } }); } </script> ...... <button class="btn btn-success" style="width: 100px" onclick="SaveUserFollowUser()">關(guān)注用戶</button> ......
后端Controller類
/** * 表現(xiàn)層 用戶關(guān)系相關(guān) (關(guān)注用戶、被用戶關(guān)注、關(guān)注問(wèn)題、贊同回答) */ @Controller @RequestMapping("/UserRelation") public class UserRelationController { ...... /** * 新增某用戶關(guān)注某用戶 * @param map * @return */ @RequestMapping(value = "/SaveUserFollowUser",method = {RequestMethod.POST}) public @ResponseBody Boolean SaveUserFollowUser(@RequestBody Map<String,String> map) { //關(guān)注發(fā)出者編號(hào) Integer from_user_id = Integer.parseInt(map.get("from_user_id")); //關(guān)注接受者編號(hào) Integer to_user_id = Integer.parseInt(map.get("to_user_id")); //是否新增成功 //該項(xiàng)可以增加發(fā)起者用戶和接受者用戶是否是同一用戶的判斷,即比較from_user_id與to_user_id是否相等,如果相等則關(guān)注失敗 //通過(guò)返回Integer類型而非Boolean類型的做判斷 本程序并未增加這項(xiàng)判斷 Boolean flag = userRelationService.saveUserFollowUser(from_user_id,to_user_id); return flag; } ...... }
二、從后端向前端傳送數(shù)據(jù)
1、Model
后端部分代碼
/** * 表現(xiàn)層 用戶 */ @Controller @RequestMapping(value = "/User") public class UserController { ...... /** * 進(jìn)入個(gè)人信息頁(yè)面 * @param httpSession * @param model * @return */ @RequestMapping(value = "/DisplayMyInfo") public String DisplayMyInfo(HttpSession httpSession, Model model) { Integer user_id = (Integer) httpSession.getAttribute("login_user_id"); //登錄者個(gè)人編號(hào) User user = userService.findUserById(user_id); //登錄者個(gè)人信息 model.addAttribute("user",user); //將登錄者個(gè)人信息返回給前端 return "User/myInfo"; } ...... }
前端部分代碼
...... <div class="col-md-6 col-md-offset-5" style="text-align: left;"> <h2>用戶名:${user.user_name}</h2> <h2>用戶昵稱:${user.user_nickname}</h2> <h2>用戶性別:${user.user_sex}</h2> <h2>用戶郵箱:${user.user_email}</h2> <h2>用戶密碼:${user.user_password}</h2> </div> ......
此時(shí)可以通過(guò)${}直接取得后端傳來(lái)的數(shù)據(jù)
2、ModelAndView
該方法與Model相比,多增加了返回的視圖(View),對(duì)于返回給前端的具體數(shù)據(jù)處理類似
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
基于Java中的StringTokenizer類詳解(推薦)
下面小編就為大家?guī)?lái)一篇基于Java中的StringTokenizer類詳解(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05Springboot源碼 AbstractAdvisorAutoProxyCreator解析
這篇文章主要介紹了Springboot源碼 AbstractAdvisorAutoProxyCreator解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08一篇文章帶你入門Springboot沙箱環(huán)境支付寶支付(附源碼)
螞蟻沙箱環(huán)境 (Beta) 是協(xié)助開(kāi)發(fā)者進(jìn)行接口功能開(kāi)發(fā)及主要功能聯(lián)調(diào)的輔助環(huán)境。沙箱環(huán)境模擬了開(kāi)放平臺(tái)部分產(chǎn)品的主要功能和主要邏輯2021-06-06對(duì)Java的面對(duì)對(duì)象編程中對(duì)象和引用以及內(nèi)部類的理解
這篇文章主要介紹了對(duì)Java的面對(duì)對(duì)象編程中對(duì)象和引用以及內(nèi)部類的理解,需要的朋友可以參考下2016-01-01java編程兩種樹形菜單結(jié)構(gòu)的轉(zhuǎn)換代碼
這篇文章主要介紹了java編程兩種樹形菜單結(jié)構(gòu)的轉(zhuǎn)換代碼,首先介紹了兩種樹形菜單結(jié)構(gòu)的代碼,然后展示了轉(zhuǎn)換器實(shí)例代碼,最后分享了相關(guān)實(shí)例及結(jié)果演示,具有一定借鑒價(jià)值,需要的朋友可以了解下。2017-12-12