同时用到，网页，java程序，数据库的web小应用

news2024/11/16 20:45:44

具体实现功能：通过网页传输添加用户的请求，需要通过JDBC来向 MySql 添加一个用户数据

第一步，部署所有需要用到的工具

IDEA(2021.1),Tomcat(9),谷歌浏览器，MySql,jdk(17)

第二步，创建java项目，提前部署数据库

在 idea 中新建一个空的java项目：

我创建的数据库名为 learnbase，执行 use learnbase 命令可以使用该数据库

部署好需要连接的数据库表单，用户表表名为 t_user，并添加好适当的数据(也可以不添加)：

第三步，为项目添加一个java模块

添加一个普通的 java（ jdk17）的模块即可

第四步，右键单击模块，将其变为 javaEE 的模块

右键点击后，选择Add Fra... Sup...，会弹出如下窗口

我们勾选 Web App... 后点击 OK

完成之后新增的 web 文件夹便是这个项目的根目录

第五步，将 tomcat 的 lib 文件夹中的 servlet.api.jar 和 jsp.api.jar 导入到 idea 中

file -> Project Stu... -> 找到刚刚创建的模块 -> dependen... -> ＋ -> JAR or ... -> 找到自己安装的 tomcat 目录下的 lib -> 将servlet.api.jar，jsp.api.jar引入 -> apply

操作完毕后 jar 包会被导入到模块中：

第六步，在 src 下创建一个 servlet 文件夹，创建 servlet 实现类

第七步，完成代码的编写

ait + enter 实现 servlet 接口中的所有抽象方法

在 service 方法中编写业务代码，由于需要连接数据库使用JDBC，我们需要先引入 JDBC 相关的 jar 包，我们在 WEB-INF 目录下新建一个 lib 文件夹，将 jar 包复制到里面即可，不会 JDBC 的可以先看我之前写的文章：JDBC 教程

引入依赖后就可以开始编写代码了

package servlet;

import javax.servlet.*;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.*;

public class UserServlet implements Servlet {

    @Override
    public void init(ServletConfig servletConfig) throws ServletException {

    }

    @Override
    public ServletConfig getServletConfig() {
        return null;
    }

    @Override
    public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException {
        Connection con = null;
        PreparedStatement ps = null;
        //建立连接
        try {
            con = DriverManager.getConnection("jdbc:mysql://localhost:3306/learnbase","root","1234");
            System.out.println("连接数据库成功了");
            //获取数据库操作对象
            ps = con.prepareStatement("insert into t_user values(hajimi,wow,66666)");
            //执行sql
            ps.executeUpdate();
        } catch (SQLException e) {
            e.printStackTrace();
        } finally {
            //释放资源
            if(ps != null){
                try {
                    ps.close();
                } catch (SQLException throwables) {
                    throwables.printStackTrace();
                }
            }
            if(con != null){
                try {
                    con.close();
                } catch (SQLException throwables) {
                    throwables.printStackTrace();
                }
            }
        }
        //加入用户完毕，响应给浏览器
        servletResponse.setContentType("text/html");
        PrintWriter out = servletResponse.getWriter();
        out.print("<p>恭喜你成功添加了一条用户</p>");
    }

    @Override
    public String getServletInfo() {
        return null;
    }

    @Override
    public void destroy() {

    }
}

第八步，在 xml 文件中完成申请路径和实现类的对接

双击打开WEB-INF文件夹中的 mxm 文件,编写对应的反射

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <servlet>
        <servlet-name>userServlet</servlet-name>
        <!--设置访问路径所对应的实现类-->
        <servlet-class>servlet.UserServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>userServlet</servlet-name>
        <!--设置浏览器的访问路径-->
        <url-pattern>/a</url-pattern>
    </servlet-mapping>
    
</web-app>