Spring Boot中html文件和Controller的交互原理

Legend年

已于 2022-05-17 22:19:37 修改

阅读量2.4k

点赞数 3

分类专栏： Java 文章标签： html java intellij-idea spring boot

于 2022-05-17 22:17:52 首次发布

本文链接：https://blog.csdn.net/qq_35332332/article/details/124831296

版权

Java 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

html是怎样和控制器交互的（html和Controller层面）
两个文件内容如下：
fruit.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多文件上传</title>
</head>
<body>
<form action="/fruit" method="post">
    <input type="text" name = "100" class="form-control" placeholder="用户名">
    <input type="submit" value="上传">
</form>
</body>
</html>

FruitController.java

package net.biancheng.www.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@Controller
public class FruitController {
    @RequestMapping("/fruit")
    @ResponseBody
    public void fruit(HttpServletRequest httpServletRequest, HttpServletResponse response)
    throws IOException {
        String text = httpServletRequest.getParameter("100"); // 用name
        PrintWriter out = response.getWriter();
        out.write("tes");

    }
}

流程：
①访问：http://localhost:8080/fruit.html
这一步会访问fruit.html资源，网页如下
在这里插入图片描述
②输入表单信息并提交

其中，html中action是“提交行为”的意思，action属性用于规定当提交表单时，向何处发送表单数据，也可以设置或返回表单的action属性，语法为“<form action=URL>”或者“formObject.action=URL”。
在本例中，点击上传后会跳转到"/fruit"服务
③Controller处理请求
本例中，FruitController提供"/fruit"路由的服务
在这里插入图片描述

我也是刚学这部分内容，有所感悟，分享给大家，文中若存在错误请指正。本文仅供理解相应原理，也欢迎大家一起交流学习

Legend年

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
Spring Boot中html文件和Controller的交互原理

html是怎样和控制器交互的（html和Controller层面）两个文件内容如下：fruit.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多文件上传</title></head><body><form action="/fruit" method="post">
复制链接

扫一扫

专栏目录