HTML页面中输入参数后端如何才能接收到或者是如何写入数据库的两种方式1，form表单，2使用tabl表在利用Ajax传送

本文介绍: HTML页面中输入参数后端如何才能接收到或者是如何写入数据库的两种方式1，form 表单，2使用 tabl表在利用Aja x传送

1，使用 form 表单形式

直接上干货
1.创建好springboot 工程；
2,添加 static 文件写静态的HTML
在这里插入图片描述

&lt;!DOCTYPE html&gt;
&lt;html lang="en" xmlns:th="http://www.thymeleaf.org"&gt;
&lt;head&gt;
    <meta charset="UTF-8"&gt;
    <title&gt;add_medicine_name</title&gt;
</head>
<body>
<form action="add_medicine_name.do" method="post">
    <input type="text" name="name_medicine" placeholder="输入中药名：">
    <textarea type="text" name="efficacy" placeholder="输入药效："></textarea>
    <textarea type="text" name="can_match" placeholder="输入能够搭配的药名："></textarea>
    <textarea type="text" name="no_collocation" placeholder="输入不能够搭配的药名："></textarea>
    <textarea type="text" name="common_formula_and_effect" placeholder="输入当前药物能搭配的药方和疗效："></textarea>
    <textarea type="text" name="cottoms_desc" placeholder="输入病例情况："></textarea>
    <button>提交</button>
</form>
</body>
</html>

3，写好控制器，连接数据库（这里就不讲JDBC的连接过程，还有创建数据的过程）

package com.walnut.medicine_manage_v01;

import com.mysql.cj.jdbc.MysqlDataSource;
import com.sun.org.glassfish.gmbal.ParameterNames;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

import javax.sql.DataSource;
import java.net.Socket;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.SQLException;

/*
使用重定向
使用回应体
@author hutao
@time 2023 03 14

*/

@Controller
public class MedicineController {
    //连接数据库
    //1获取数据源
    DataSource dataSource=new MysqlDataSource();

    @PostMapping("add_medicine_name.do")
    public String getMedicineName(//获取表中输入放入参数
            @RequestParam("name_medicine")String name_medicine,
            @RequestParam("efficacy")String efficacy,
            @RequestParam("can_match")String can_match,
            @RequestParam("no_collocation")String no_collocation,
            @RequestParam("common_formula_and_effect")String common_formula_and_effect,
            @RequestParam("cottoms_desc")String cottoms_desc
    ) throws SQLException {
        System.out.println("输入中药名：:"+name_medicine);
        System.out.println("输入药效："+efficacy);
        System.out.println("输入能够搭配的药名："+can_match);
        System.out.println("输入不能够搭配的药名："+no_collocation);
        System.out.println("输入当前药物能搭配的药方和疗效："+common_formula_and_effect);
        System.out.println("输入病例情况："+cottoms_desc);


        //2连接数据库
        try(Connection connection=dataSource.getConnection("root","H@13984994357t")){
            String sql="insert into `formula_of_traditional_chinese_medicine`.`species`(name_medicine,efficacy," +
                    "can_match,no_collocation,common_formula_and_effect,cottoms_desc) values(?,?,?,?,?,?)";
            //执行语句
            try(PreparedStatement ps=connection.prepareStatement(sql)){
                ps.setString(1,name_medicine);
                ps.setString(2,efficacy);
                ps.setString(3,can_match);
                ps.setString(4,no_collocation);
                ps.setString(5,common_formula_and_effect);
                ps.setString(6,cottoms_desc);
                ps.executeUpdate();

            }
        }
        catch (SQLException err){
            System.out.println("添加中药失败（sql语句出错）!!!检查后重新输入");
            err.printStackTrace(System.out);
            return "redirect:/add_medicine_name.html";
        }
        if(name_medicine==null){
            //如果为空那么就添加失败
            System.out.println("添加中药名失败");
            return "redirect:/add_medicine_name.html";
        }else {
            System.out.println("添加中医药名成功");
            return "<a href='add_medicine_name.html'>继续添加</a>  <a href='query_medicine_name.html'>现在查询</a>";
        }
    }
}