JavaWeb使用Idea工具开发Servlet

最近开始学习JavaWeb相关技术下面记录一下学习过程

推荐一下b站动力节点老杜/杜老师的Java视频，讲得很好，受益匪浅，下面直接开始吧！

在这里使用的是mac系统，需要准备idea工具、tomcat服务器、jdbc.jar包、mysql数据库

tomcat服务器配置、jar包导入、mysql数据库这里不作赘述

下面先开始创建一个新的空工程，这里工程建议和下面的路径保持一致

 

在这里我们在工程下新建一个Module，这里我们选择Java就好，因为是才开始学习还用不上JavaEE，然后选择JDK17（没有JDK17可以直接去Oracle官网下载一个这里就不另附链接了），并给Module命名，命名根据习惯规范或者需求来就行

然后我们右键module，选择Add Frameworks Support，给Module添加一个框架支持

这里我们选择webapplication，版本我们选择4.0,选择完成之后我们点击ok就成功添加了，这是添加了JavaEE的相关支持，所以上面第二步我们先新建一个普通的Java Module即可【这里社区版的idea可能不支持这些服务，需要使用最终版】

 

成功添加后大家可以看到这里会多出一个名为web的目录，而这个目录就是我们webapp的根目录，因为我们开发一个webapp必须要符合相关规范，这里Idea帮我们新建的web目录就是符合开发webapp规范的（这里会有一个idenx.jsp的文件我们可以先删除，因为是初学还不涉及jsp）

 

下面就可以正式开始写代码了，我们先在src根目录下新建一个package，可以随意命名（这里我就不再演示），然后新建一个类ServletTest（随意命名），因为是进行webapp开发，我们写的这个类要先实现Servlet接口，而实现Servlet接口需要先导入相关的jar包，这里还没有导入Jakarta包所以无法实现Servlet接口

接下来就是导入Tomcat jar包，我们点击，导航栏上的File，点击ProjectStructrue，这里我们仍然先选择jdk17

然后我们来到Modules界面点击Dependencies，注意moduleSDK中是不是jdk17如果不是要手动选择，然后我们就点击下面的+号选择JARS...

 

根据自己安装的Tomcat路径，找到lib目录下的jsp-api和servlet-api  jar包，选中之后点open打开到module中，这里因为暂时只用jsp和servlet所以不用全部导入

之后再点击apply然后点击ok就成功导入jar包了

 

这里我们可以看到左边多了两个文件，这就是我们导入的jar包，可以看到导入jar包之后我们已经可以成功实现Servlet接口，并且可以实现接口中的方法

 

 

下面我们可以正式开始编写代码了，我这里是第一次用idea进行servlet开发就先简单的写一个JDBC程序连接数据库，查询数据库中的数据

package com.wys.sk.servlet;

import jakarta.servlet.*;

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

public class ServletTest implements Servlet {
    @Override
    public void init(ServletConfig servletConfig) throws ServletException {

    }

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

    @Override
    public void service(ServletRequest request, ServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html");
        PrintWriter out = response.getWriter();


        Connection conn = null;
        PreparedStatement ps = null;
        ResultSet rs = null;

        try {
            //获取jdbc注册驱动
            Class.forName("com.mysql.cj.jdbc.Drvier");
            //获取本地连接
            String URL = "jdbc:mysql://localhost:3306/myDB";
            String UserName = "root";
            String PWD = "76294256";
            conn = DriverManager.getConnection(URL,UserName,PWD);
            //获取预编译对象
            String sql = "select id,sName from t_student";
            ps = conn.prepareStatement(sql);
            //处理查询结果集
            rs = ps.executeQuery();
            while(rs.next()){
                String id = "id";
                String sName = "sName";
                out.println(id+" "+sName+"<br>");
            }
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        } catch (SQLException e) {
            e.printStackTrace();
        } finally{
            if (rs != null){
                try {
                    rs.close();
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
            if (ps != null){
                try {
                    ps.close();
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
            if (conn != null){
                try {
                    conn.close();
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
        }
    }

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

    @Override
    public void destroy() {

    }
}

代码已经写好了下面我们要配置一下相关文件，我们进入web.xml文件中，进行一下配置即可

 

然后因为是要使用JDBC连接数据库，这里我们创建一个lib目录将第三方库放到这个目录中【这里注意⚠️必须是创建lib目录，全小写并且只能命名为lib，这是必须要遵守的规范，否则会出错，lib目录要再WEB-INF目录下，因为web目录相当于根目录，后面我会再总结一下servlet规范】我们找到jdbc的jar包将jar包拷贝到lib目录下【我这里将lib界面放在了web目录下是错误的，在最后运行服务器时抛出了异常，看了半天最后发现了这个问题】

 

拷贝好之后文件的目录结构是这样的

 这样所有的准备工作就基本完成了

 我们再写一个简单的html就能运行这个webapp了，注意这个html文件要写再web目录下，简单给网页添加一个超链接就行，这里的URL就是之前在web.xml文件中配置的路径，再在路径前加上'/项目名'即可，项目名可以自己命名，这样所有准备工作就完成了【这个项目在最后配置Tomcat服务器的时候我们会用到】

一切准备就绪下面只需要再进行一下Tomcat的服务器配置就可以正式运行这个简单的webapp了

配置Tomcat服务器：先在idea界面上找到一个绿色的小锤子，在这个锤子的右边点击 一下Add Configuration，再点击加号添加Tomcat Server【这里要注意看清楚不要添加成TomcatEE】

 添加好了以后就是这样的界面，这个Name就是你tomcat服务器的名字，可以自己随意命名，添加好了之后After launch是默认勾选的，表示运行后自动打开服务器，可选可不选我这里选择不选中，JRE需要选择jdk17

然后我们再点击Deployment，添加一个Artifacts，最下面的Application context要更改为这个web小程序项目名，也就是在前端页面中写上的项目名

 配置好服务器以后会出现一下界面，这样就已经配置好服务器了

因为我们是从网页中查看数据库中的数据，下面我们先来看一下数据库中有哪些数据

最后直接来运行一下写好的小程序，这里要使用Debug运行，这里会爆红但是别慌这是正常的，只要显示Artifact is being deployed，please wait...说明服务器是启动成功的 

接下来只需要在浏览器地址栏中输入相应的地址即可，直接输入,输入之后会显示我们的web小程序的页面，我们点击页面中的超链接可以看到网页显示的数据和数据库中的数据是一样的

http://localhost:8080/SJXM/index.html