SprinMVC前後端相互傳遞資料的方式

阿新 • • 發佈：2018-11-16

控制層的程式碼（後臺）

StudentControler.java

package com.zs.controler;

import com.zs.entity.Student;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework. 
web.bind.annotation.RequestParam;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import java.util.Map;

/**
 * @author 小思
 * @PackageName:com.zs.controler
 * @ClassName: StudentControler
 * @Description:學生類的控制層
 * @date 2018/11/2 16:42
 */

//標明此類是控制器
@Controller 

public class StudentControler {
    //註解外部請求的路徑/test1
    //?:匹配請求路徑中的一個目錄?/test
    //*:代表請求路徑的一級目錄不區分目錄名字元數*/test1
    //**:代表請求路徑的多級目錄不區分目錄名字元數**/test1

    //@RequestMapping方式一：括號的值直接填寫跳轉路徑，此路徑不包括上級目錄
    @RequestMapping("/test1")
    public String test1() {
        System.out.println("test1方法被訪問");
        //核心配置檔案有配置內部檢視解析器的前後綴，合起來就是/success.jsp 

        return "success";
    }

    //@RequestMapping方式二：
    @RequestMapping(value = "test2", method = RequestMethod.GET)
    public String test2() {
        System.out.println("test2方法被訪問");
        return "success";
    }



    //前端向後臺傳遞資料的三種方式
    //方式一：直接傳字串
    @RequestMapping("/test3")
    public String test3(String sname,String ssex){
        System.out.println("test3前端向後臺傳遞資料成功");
        System.out.println(sname + "\t" + ssex);
        return "success";
    }

    //方式二：傳物件
    @RequestMapping(value = "/test4",method = RequestMethod.POST)
    public String test4(Student s){
        System.out.println("test4前端向後臺傳遞資料成功");
        System.out.println(s.getSname() + "\t" + s.getSsex());
        return "success";
    }

    //方式三：使用註解
    @RequestMapping(value = "/test5",method = RequestMethod.POST)
    public String test5(@RequestParam("sname") String sname,@RequestParam("ssex") String ssex){
        System.out.println("test5前端向後臺傳遞資料成功");
        System.out.println(sname + "\t" + ssex);
        return "success";
    }

    //後端向前端傳遞資料的三種方式
    //方式一：使用map集合
    @RequestMapping("/test6")
    public String test6(Map map){
        map.put("sname","小小");
        map.put("ssex","男");
        return "success";
    }

    //方式二：使用Servlet物件
    @RequestMapping("/test7")
    public String test7(Student student, HttpServletRequest request){
        student.setSname("小小");
        student.setSsex("男");
        request.setAttribute("student",student);
        return "success";
    }

    //方式三：使用模型檢視
    @RequestMapping("/test8")
    public ModelAndView test8(Student student){
        student.setSname("小小");
        student.setSsex("男");
        ModelAndView modelAndView=new ModelAndView();
        modelAndView.addObject(student);
        //設定返回的檢視名稱
        modelAndView.setViewName("success");
        return modelAndView;
    }


}

檢視層的程式碼（前端）

submit.jsp

<%--
 @Name: submit
 @Description: 
 @author 小思
 @date 2018/11/2 23:35
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>測試前端向後臺傳遞的資料</title>
</head>
<body>
<form action="/test5.action" method="post">
    使用者名稱：<input type="text" name="sname"><br>
    性別：<input type="text" name="ssex"><br>
    <input type="submit" value="提交">
</form>
</body>
</html>

success.jsp

<%--
 @PackageName:
 @ClassName: success
 @Description: 
 @author 小思
 @date 2018/11/2 21:53File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" language="java" %>
<html>
<head>
    <title>測試後臺向前端傳遞的資料</title>
</head>
<body>
test6傳遞的引數：${sname}&emsp;&emsp;${ssex}<br>
test7/8傳遞的引數：${student.sname}&emsp;&emsp;${student.ssex}
</body>
</html>

說在最後的話：編寫實屬不易，若喜歡或者對你有幫助記得點贊+關注或者收藏哦~

SprinMVC前後端相互傳遞資料的方式

控制層的程式碼（後臺） StudentControler.java package com.zs.controler; import com.zs.entity.Student; import org.springframework.stereotype.Controller;

Mvc_前後端繫結資料json集合

ViewBag.SysModuleList =new List<SysModule>(){.....}; var data = @Html.Raw(Json.Encode(ViewBag.sysModuleList)); $('#treeView').treeview({

php前後端通過json資料傳值

前端關鍵程式碼(需要下載jquery-3.3.1)：<script src="js/jquery-3.3.1.min.js" type="text/javascript"></script> <script> $(functi

使用AngularJS實現的前後端分離的資料互動過程

一. AngularJS簡介 AngularJS是什麼 AngularJS是一個開源Web應用程式框架。最初是由MISKO Hevery和Adam Abrons於2009年開發，現

3. 呼叫另一個Activity,並兩個Activity之間相互傳遞資料

一，在一個Activity中呼叫另一個Activity 利用 android.content.Intent 物件實現從一個Activity跳轉到另一個Activity 例如：從FirstActivity跳轉到SecondActivity /* 關鍵程式碼

Android 下使用 JSON 與伺服器端 Servlet 傳遞資料

在Android下，SDK已經封裝好了與JSON相關的操作，伺服器端也只要匯入相關JAR包即可，這裡先放上我的小demo原始碼，android端和servlet的demo分別在兩個資料

前後端API互動資料加密——AES與RSA混合加密完整例項

　　前言　　前段時間看到一篇文章講如何保證API呼叫時資料的安全性（傳送門：https://blog.csdn.net/ityouknow/article/details/80603617），文中講到利用RSA來加密傳輸AES的祕鑰，用AES來加密資料，並提供如下思路：　　說人話就是前

前後端資料傳遞

HttpServletRequest request; HttpServletResponse response; 前後端資料的傳遞主要是通過以上連個介面，通過瀏覽器將前端的請求，打包通過request傳遞給後臺伺服器。後臺的資料同樣打包通過response響應給前端。例如：將資

從壹開始前後端分離【 .NET Core2.0 +Vue2.0 】框架之十二 || 三種跨域方式比較，DTOs(資料傳輸物件)初探

更新反饋 1、博友@童鞋說到了，Nginx反向代理實現跨域，因為我目前還沒有使用到，給忽略了，這次記錄下，為下次補充。程式碼已上傳Github+Gitee，文末有地址　　今天忙著給小夥伴們提出的問題解答，時間上沒把握好，都快下班了，趕緊釋出：書說上文《從壹開始前

前後端互動方式（同一頁面並行開發、變數傳遞）

剛做完一個專案的改進需求，總結一些專案心得，主要有兩方面：同一個頁面，前後端各負責幾個模組開發，如何頁面整合？前端如何從後端獲取資料？ 1 前後端按模組開發同一頁面首先，在這個專案中沒有用到vue、react這些框架，實現頁面的一種做法是前端通

grpc-服務端與客戶端四種資料傳遞方式（2）

gpc服務端和客戶端的資料傳送有四種方式，客戶端啟動服務端的啟動程式碼在上篇文章已經描述，這裡將只列出關鍵實現的程式碼。 1.客戶端傳送一個物件，服務端返回一個物件這種方式類似於傳統的Http請求資料的方式，在上篇文章有一個簡單的實現例子，在這裡不再描

Python Django 前後端資料互動之後端向前端傳送資料 Django 前後臺的資料傳遞

Django 前後臺的資料傳遞嚴正宣告：作者： psklf 出處： http://www.cnblogs.com/psklf/archive/2016/05/30/5542612.html 歡迎轉載，但未經作者同意，必須保留此段宣告；必須在文章中給出原文連線；否則必究法律責任!

SpringMVC引數繫結學習總結【前後端資料引數傳遞】

目錄 1. 繫結機制 2. 支援的資料型別 3. 引數請求中文亂碼解決 4.自定義型別轉換器 5、最後引數繫結學習小結 SpringMVC作為Controller

spring boot 登錄註冊 demo （三） -- 前後端傳遞

lin 表單提交 www col log ref rec put 內容前端頁面通過thymeleaf渲染　　　　<dependency> <groupId>org.springframework.boot</gro

python前後端加密方式

後端加密方法： python後端加密方式： # 雙重工加密 #bytes((7788).encode('utf-8'))：為後端加密二把手，多加的鎖，該引數可為空，必須加bytes才能實現 md5password=hashlib.md5(bytes((7788).encode

asp.net MVC從後端傳遞資料到前端的幾種資料形式:ViewBag,ViewData,Model

參考:https://blog.csdn.net/xiaouncle/article/details/77825389 在以上文章的基礎上做點相關補充。 1.ViewBag是一個動態欄位，而ViewData是一個字典首先看後臺程式碼： public ActionResult T

真實資料對接從0開發前後端分離的企業級上線專案

=》前往下載第1章課程介紹（2018配套教程：電商前端＋電商後端＋電商許可權管理系統課程）本章中會先讓大家瞭解課程整體情況，然後手把手帶大家做一些開發前的準備工作。後臺管理系統測試賬號和密碼（切勿修改，導致其他同學體驗不了）賬號：admin 密碼：admin （Java一期課程I

vue中用mock資料模擬前後端介面

vue框架中實現mock資料模擬後端介面-提高開發效率 1，npm安裝mockjs npm install mock.js 2,src目錄下新建mock資料夾-新建index.js import Mock from 'mockjs'; const u

前後端資料互動，axios和jquery ajax的區別

axios作為Vue生態系統中濃墨重彩的一筆，我學習這個東西也是花了一定的時間的。剛開始的時候，也是遇到了很多問題。逐漸摸透了它的脾氣。首先說說FormData和Payload兩種資料格式的區別：先是提交一個FormData的請求試試看：然後我們看後端：然後

關於Android Activity之間傳遞資料的6種方式

使用Inten的putExtra傳遞第一個Activity中 ? 1 2 3 4 5 6 //建立意圖物件 Intent intent = new Intent(this,TwoActivity.class); //設定傳

SprinMVC前後端相互傳遞資料的方式

控制層的程式碼（後臺）

檢視層的程式碼（前端）

相關推薦