IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Java知识库 -> 获取前端数据实例-代码详解(SpringMVC项目) -> 正文阅读

[Java知识库]获取前端数据实例-代码详解(SpringMVC项目)

获取前端数据

目录

获取前端数据

一、简单数据版

1. 配置

2. 书写Controlloer层

3. index.html界面书写

4.? 点击tomcat运行?

?二、数据升级版

1. 建立实体类entity下的User.java

2. 建立entity下面的Account.java

3.? 编写MyController.java

4. index.html界面

5. 运行

?三、集合数据操作(List<>类型)

1. 实体类中User.java

2. 实体类中Car.java

3. MyController.java不变

4. index.html界面

5. 运行


一、简单数据版

1. 配置

先按照搭建SpringMVC框架_我是老伯的博客-CSDN博客搭建SpringMVC框架,然后按照一文学会在idea中Tomcat的配置_我是老伯的博客-CSDN博客配置本地Tomcat。

2. 书写Controlloer层

MyController.java

package com.qcby.Controller;

import com.qcby.entity.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
@RequestMapping("my")
public class MyController {
    @RequestMapping(path = "/save1.do",method = {RequestMethod.GET})
    public static void save1(String username,String password){
        System.out.println(username);
        System.out.println(password);
    }
}

2.1?RequestMapping注解

RequestMapping注解的作用是建立请求URL和处理方法之间的对应关系

RequestMapping注解可以作用在方法和类上(相当于servlet当中的@WebServlet)

1. 作用在类上:第一级的访问目录

2. 作用在方法上:第二级的访问目录

3. 细节:路径可以不编写 / 表示应用的根目录开始

????????RequestMapping的属性

????????????????1. path 指定请求路径的url

????????????????2. value value属性和path属性是一样的

????????????????3. mthod 指定该方法的请求方式

3. index.html界面书写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入门程序</title>
</head>
<body>
<form action="/SpringMVCDemo/my/save1.do" method="get">
    <input type="text" name="username"/>
    <input type="text" name="password"/>
    <input type="submit" value="提交"/>
</form>

</body>
</html>

4.? 点击tomcat运行?

?以上是在前端输入的username + password

看我们的idea中输出,这样我们就获取到了前端输入的。

一个简单的获取前端输入数据的功能完成。

?二、数据升级版

当我们需要在前端获取到的数据不在是简简单单String 和 Integer 这种简单类型时,我们该如何处理?也就是如何获取集合类型的数据。

?

1. 建立实体类entity下的User.java

它下面三个数据,分别生成Get() Set() toString()方法

username;
password
account
package com.qcby.entity;

import java.util.List;

public class User {
    private String username;
    private String password;
    private Account account;

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public Account getAccount() {
        return account;
    }

    public void setAccount(Account account) {
        this.account = account;
    }

    @Override
    public String toString() {
        return "User{" +
                "username='" + username + '\'' +
                ", password='" + password + '\'' +
                ", account=" + account +
                '}';
    }
}

2. 建立entity下面的Account.java

package com.qcby.entity;

public class Account {
    public Double getMoney() {
        return money;
    }

    public void setMoney(Double money) {
        this.money = money;
    }

    private Double money;

    @Override
    public String toString() {
        return "Account{" +
                "money=" + money +
                '}';
    }
}

3.? 编写MyController.java

package com.qcby.Controller;

import com.qcby.entity.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
@RequestMapping("my")
public class MyController {
    @RequestMapping(value = "/save4",method = {RequestMethod.POST})
    public void save4(User user){
        System.out.println(user.toString());
    }
   
}

4. index.html界面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入门程序</title>
</head>
<body>
<form action="/SpringMVCDemo/my/save4.do" method="post">
    <input type="text" name="username"/>
    <input type="text" name="password"/>
    <input type="text" name="account.money">
 <!--   <input type="text" name="car.money">-->
    <input type="submit" value="提交"/>
</form>
</body>
</html>

5. 运行

?运行成功!!

?三、集合数据操作(List<>类型)

1. 实体类中User.java

package com.qcby.entity;

import java.util.List;

public class User {
    private String username;
    private String password;
    private Account account;
    private Car car;
    List<Account> accounts;

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public Account getAccount() {
        return account;
    }

    public void setAccount(Account account) {
        this.account = account;
    }

    public Car getCar() {
        return car;
    }

    public void setCar(Car car) {
        this.car = car;
    }

    public List<Account> getAccounts() {
        return accounts;
    }

    public void setAccounts(List<Account> accounts) {
        this.accounts = accounts;
    }

    @Override
    public String toString() {
        return "User{" +
                "username='" + username + '\'' +
                ", password='" + password + '\'' +
                ", account=" + account +
                ", car=" + car +
                ", accounts=" + accounts +
                '}';
    }
}

2. 实体类中Car.java

package com.qcby.entity;

public class Car {
    private Double money;

    public Double getMoney() {
        return money;
    }

    public void setMoney(Double money) {
        this.money = money;
    }

    @Override
    public String toString() {
        return "Car{" +
                "money=" + money +
                '}';
    }
}

3. MyController.java不变

(只是改变一下路径@RequestMapping后面的path)

 @RequestMapping(value = "/save5",method = {RequestMethod.POST})
    public void save5(User user){
        System.out.println(user.toString());
    }

4. index.html界面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入门程序</title>
</head>
<body>
<form action="/SpringMVCDemo/my/save5.do" method="post">
    <input type="text" name="username"/>
    <input type="text" name="password"/>
    <input type="text" name="account.money">
    <input type="text" name="car.money">
    <input type="text" name="accounts[0].money">
    <input type="text" name="accounts[1].money">
    <input type="text" name="accounts[2].money">
    <input type="submit" value="提交"/>
</form>
</body>
</html>

5. 运行

?

?idea后台成功接收

?

?

  Java知识库 最新文章
计算距离春节还有多长时间
系统开发系列 之WebService(spring框架+ma
springBoot+Cache(自定义有效时间配置)
SpringBoot整合mybatis实现增删改查、分页查
spring教程
SpringBoot+Vue实现美食交流网站的设计与实
虚拟机内存结构以及虚拟机中销毁和新建对象
SpringMVC---原理
小李同学: Java如何按多个字段分组
打印票据--java
上一篇文章      下一篇文章      查看所有文章
加:2022-02-22 20:26:08  更:2022-02-22 20:28:30 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 11:46:38-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码