SSM框架實(shí)現(xiàn)前后端信息交互的實(shí)現(xiàn)代碼詳情

<script language="JavaScript">
  ......
      function SaveUserFollowUser(){
      var login_user_id = ${login_user_id}    //登錄者（發(fā)起者）編號(hào)
      var user_id = ${user.user_id};       //接受者用戶(hù)編號(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ā)起者和接受者用戶(hù)是否是同一用戶(hù)的判斷 */
          if (data == true) {
            alert("關(guān)注成功");
          } else {
            alert("您已經(jīng)關(guān)注該用戶(hù)，不可重復(fù)關(guān)注")
          }
        }
      });
    }
</script>

......
      <button class="btn btn-success"  onclick="SaveUserFollowUser()">關(guān)注用戶(hù)</button>
......

/**
 * 表現(xiàn)層 用戶(hù)關(guān)系相關(guān) (關(guān)注用戶(hù)、被用戶(hù)關(guān)注、關(guān)注問(wèn)題、贊同回答)
 */
@Controller
@RequestMapping("/UserRelation")
public class UserRelationController {

  ......

   /**
   * 新增某用戶(hù)關(guān)注某用戶(hù)
   * @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ā)起者用戶(hù)和接受者用戶(hù)是否是同一用戶(hù)的判斷，即比較from_user_id與to_user_id是否相等，如果相等則關(guān)注失敗
    //通過(guò)返回Integer類(lèi)型而非Boolean類(lèi)型的做判斷 本程序并未增加這項(xiàng)判斷
    Boolean flag = userRelationService.saveUserFollowUser(from_user_id,to_user_id);
    return flag;
  }
  ......
}

/**
 * 表現(xiàn)層 用戶(hù)
 */
@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" >
        <h3>用戶(hù)名:${user.user_name}</h3>
        <h3>用戶(hù)昵稱(chēng):${user.user_nickname}</h3>
        <h3>用戶(hù)性別:${user.user_sex}</h3>
        <h3>用戶(hù)郵箱:${user.user_email}</h3>
        <h3>用戶(hù)密碼:${user.user_password}</h3>
      </div>
......