JavaWeb之利用jdbc通过前端向Mysql数据库中插入数据

用到的东西：IDEA、MySQL、Tomcat正常运行，用于Mysql的jdbc的jar包，还有我创建Mysql数据库用的Navicat，jar包我文章最后会给出。先要学习IDEA连接数据库，首先我们确保自己的Mysql处于打开状态：在Navicat中新建Mysql连接，创建连接这里不再多讲，csdn博主都有介绍可以去搜，我这里创建数据库test---->新建表user---->创建

好的！文西

5410人浏览 · 2020-12-13 15:06:28

好的！文西 · 2020-12-13 15:06:28 发布

用到的东西：IDEA、MySQL、Tomcat正常运行，用于Mysql的jdbc的jar包，还有我创建Mysql数据库用的Navicat，jar包我文章最后会给出。
先要学习IDEA连接数据库，
首先我们确保自己的Mysql处于打开状态：
在这里插入图片描述
在Navicat中新建Mysql连接，创建连接这里不再多讲，csdn博主都有介绍可以去搜，我这里创建数据库test---->新建表user---->创建（主键）name、age 、sex这三个属性，并添加了几个数据如下图：

接着，在IDEA上连接数据库，参考文章：https://www.cnblogs.com/yxym2016/p/12690368.html
我连接好的效果是这样的，同时我把数据库也放到了项目的src里面，防止以后找不到：
在这里插入图片描述
还需要把我们的jdbc jar包导入进来，点击这里：
然后Modules----> “+” ------>选取你的jar包------>勾选不勾选都行，Apply，

结果如下：
下面把代码给出：
jsSubmit.jsp:

<%--
  Created by IntelliJ IDEA.
  User: wangzeyi
  Date: 2020/12/13
  Time: 上午9:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body>
<form action="target.jsp" name = "loginForm" method="post">
    请您输入姓名：<input name="account" type="text"><br>
    请你输入年龄：<input name="age" type="text"><br>
    请你输入性别：<input name="sex" type="text"><br>
    <input type="submit" value="登录">
</form>
</body>
</html>

target.jsp:

<%@ page import="static java.sql.DriverManager.getConnection" %>
<%@ page import="java.sql.*" %><%--
  Created by IntelliJ IDEA.
  User: wangzeyi
  Date: 2020/12/13
  Time: 上午11:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body>
    <%
        request.setCharacterEncoding("UTF-8");//解决中文乱码问题
        String name = request.getParameter("account");
        String age = request.getParameter("age");
        String sex = request.getParameter("sex");
        out.println(name);
        out.println(age);
        out.println(sex);
        //mysql驱动包名
         String DRIVER_NAME = "com.mysql.cj.jdbc.Driver";
        //数据库连接地址
         final String URL = "jdbc:mysql://localhost:3306/test";//url地址，
        // 可以在Drive and Data Source里面查看自己的数据库的地址
         final String USER_NAME = "root";
        //密码
         final String PASSWORD = "Wzy768291";//我设置的密码

        Connection connection = null;
            try {
            //加载mysql的驱动类
            Class.forName(DRIVER_NAME);
            //获取数据库连接
            Connection conn = DriverManager.getConnection(URL, USER_NAME, PASSWORD);
            /*下面注释这一部分为查询的过程，暂时还未删除*/
             //   connection = DriverManager.getConnection(URL, USER_NAME, PASSWORD);
            //mysql查询语句
            //String sql = "select * from user";
            //PreparedStatement prst = connection.prepareStatement(sql);
            //结果集
            /*ResultSet rs = prst.executeQuery();
                while (rs.next()) {
                System.out.println("姓名:" + rs.getString("name"));
                }
            rs.close();*/
            //prst.close();
                Statement stat = conn.createStatement();
                String sql = "INSERT INTO user(name,age,sex) values('"+name+"','"+age+"','"+sex+"')";
                stat.executeUpdate(sql);//调用jdbc插入数据更新表格
            }
            catch (Exception e) { //异常处理
            e.printStackTrace();
            }finally {
                if (connection != null) {
                try {
                connection.close();
                }
                catch (SQLException e) {
                 e.printStackTrace();
                 }
            }
        }
    %>
</body>
</html>

在web.xml里把默认运行界面改成jsSubmit.js,我之前博客里有介绍：
idea运行时默认显示自己创建的jsp方法
最后点击右上角绿色▶️运行，得到如下界面，这里我已经输入好了数据：
在这里插入图片描述
点击登录，进入target.jsp显示界面：

同时，我们的user表应该已经刷新，返回IDEA刷新表格发现，新的一行数据已经在表格中：

Navicat刷新也一样：

至此，已经成功用IDEA连接数据库，并通过代码实现前端输入后端导入数据库👏🏻👏🏻👏🏻🐛🐛🐛

Mysql的jdbc jar包：
链接: https://pan.baidu.com/s/1RdZYqjvxz6xqF4wkYR-sfA
密码: arbd