利用Tomcat服务器实现一个简单的web应用

2023.10.17

        昨天使用Tomcat服务器实现了一个简单的web应用，但是显示的页面是静态页面，今天来实现一个动态的web应用。

---

对于一个动态的web应用，一个请求和响应的过程中，有哪些角色参与，角色间有哪些协议？

• 角色

  • 浏览器软件的开发团队（谷歌浏览器、火狐浏览器、IE浏览器....）

  • WEB Server的开发团队（Tomcat、Jetty、WebLogic、JBOSS、WebSphere....）

  • DB Server的开发团队（Oracle、MySQL.....）

  • webapp的开发团队（WEB应用是我们做为JavaWEB程序员开发的）

• 协议

  • webapp的开发团队 和 WEB Server的开发团队 之间有一套规范: JavaEE规范，Servlet规范。

    • Servlet规范的作用是什么？

      • WEB Server 和 webapp解耦合。

  • Browser 和 WebServer之间有一套传输协议：HTTP协议。（超文本传输协议。）

  • webapp开发团队 和 DB Server的开发团队之间有一套规范：JDBC规范。

        可以用以下图表示：

 Servlet规范

        遵循Servlet规范的webapp，这个webapp就可以放在不同的WEB服务器中运行。Servlet规范包括：

• 规范了哪些接口

• 规范了哪些类

• 规范了一个web应用中应该有哪些配置文件

• 规范了一个web应用中配置文件的名字

• 规范了一个web应用中配置文件存放的路径

• 规范了一个web应用中配置文件的内容

• 规范了一个合法有效的web应用它的目录结构应该是怎样的。

开发一个带有Servlet的webapp

开发步骤：

• 第一步：在webapps目录下新建一个目录，起名crm（这个crm就是webapp的名字）。当然，也可以是其它项目，比如银行项目，可以创建一个目录bank，办公系统可以创建一个oa。

  • 注意：crm就是这个webapp的根

• 第二步：在webapp的根下新建一个目录：WEB-INF

  • 注意：这个目录的名字是Servlet规范中规定的，必须全部大写，必须一模一样。

• 第三步：在WEB-INF目录下新建一个目录：classes

  • 注意：这个目录的名字必须是全部小写的classes。这也是Servlet规范中规定的。这个目录下一定存放的是Java程序编译之后的class文件（这里存放的是字节码文件）。

• 第四步：在WEB-INF目录下新建一个目录：lib

  • 注意：这个目录不是必须的。但如果一个webapp需要第三方的jar包的话，这个jar包要放到这个lib目录下，这个目录的名字也不能随意编写，必须是全部小写的lib。例如java语言连接数据库需要数据库的驱动jar包。那么这个jar包就一定要放到lib目录下。

• 第五步：在WEB-INF目录下新建一个文件：web.xml

  • 注意：这个文件是必须的，这个文件名必须叫做web.xml。这个文件必须放在这里。一个合法的webapp，web.xml文件是必须的，这个web.xml文件就是一个配置文件，在这个配置文件中描述了请求路径和Servlet类之间的对照关系。

• 第六步：编写一个Java程序，这个小Java程序也不能随意开发，这个小java程序必须实现Servlet接口。

• 第七步：编译我们编写的HelloServlet

  • 需要配置环境，我这里是：CLASSPATH=.;E:\tomcat\apache-tomcat-10.0.12\lib\servlet-api.jar

我这里的代码是：

package test;
import jakarta.servlet.Servlet;
import jakarta.servlet.ServletException;
import jakarta.servlet.ServletRequest;
import jakarta.servlet.ServletResponse;
import jakarta.servlet.ServletConfig;
import java.io.IOException;


public class HelloServlet implements Servlet{

	
	public void init(ServletConfig config) throws ServletException{
	
	}

	public void service(ServletRequest request,ServletResponse response)
		throws ServletException , IOException{
		System.out.println("My first Servlet,Hello Servlet");
	}

	public void destroy(){
	
	}

	public String getServletInfo(){
		return "";
	}

	public ServletConfig getServletConfig(){
		return null;
	}
}

• 第八步：将以上编译之后的HelloServlet.class文件拷贝到WEB-INF\classes目录下。

• 第九步：在web.xml文件中编写配置信息，让“请求路径”和“Servlet类名”关联在一起。

我这里的配置信息是：

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="https://jakarta.ee/xml/ns/jakartaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="https://jakarta.ee/xml/ns/jakartaee
                      https://jakarta.ee/xml/ns/jakartaee/web-app_5_0.xsd"
  version="5.0"
  metadata-complete="true">

	<servlet>
		<servlet-name>fdsafdsagfdsafdsa</servlet-name>
		<servlet-class>test.HelloServlet</servlet-class>
	</servlet>
	
	<servlet-mapping>
		<servlet-name>fdsafdsagfdsafdsa</servlet-name>
		<url-pattern>/fdsa/fd/saf/d/sa/fd/sa/fd</url-pattern>
	</servlet-mapping>

</web-app>

• 第十步：启动Tomcat服务器

• 第十一步：打开浏览器，在浏览器地址栏上输入一个url，这个URL必须是：

  • http://127.0.0.1:8080/crm/fdsa/fd/saf/d/sa/fd/sa/fd

  • 浏览器上的请求路径必须和web.xml文件中的url-pattern一致。

        打开网址后，浏览器不会显示东西，命令行中会显示如下页面的最后一句话：

在Servlet中连接数据库

        Servlet是Java程序，所以在Servlet中可以编写JDBC代码连接数据库。

        在一个webapp中去连接数据库，需要将驱动jar包放到WEB-INF/lib目录下。                    （com.mysql.cj.jdbc.Driver 这个类就在驱动jar包当中。）

编译StudentServlet.java文件，我的代码如下：

package test;

import jakarta.servlet.Servlet;
import jakarta.servlet.ServletException;
import jakarta.servlet.ServletRequest;
import jakarta.servlet.ServletResponse;
import jakarta.servlet.ServletConfig;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.*;


public class StudentServlet implements Servlet{

	public void init(ServletConfig config) throws ServletException{
	
	}

	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{
			
			Class.forName("com.mysql.cj.jdbc.Driver");
		
			String url = "jdbc:mysql://localhost:3306/jay";
			String user = "root";
			String password = "wuhuajie";
			conn = DriverManager.getConnection(url,user,password);
		
			String sql = "select id,name from student";
			ps = conn.prepareStatement(sql);
		
			rs = ps.executeQuery();
		
			while(rs.next()){
				String id = rs.getString("id");
				String name = rs.getString("name");
				//System.out.println(id + "," + name);
				out.print(id + "," + name + "<br>");
			}
		}catch(Exception e){
			e.printStackTrace();
		}finally{
		
			if(rs != null){
				try{
					rs.close();
				}catch(Exception e){
					e.printStackTrace();
				}
			}
			if(ps != null){
				try{
					ps.close();
				}catch(Exception e){
					e.printStackTrace();
				}
			}
			if(conn != null){
				try{
					conn.close();
				}catch(Exception e){
					e.printStackTrace();
				}
			}
		}
	}

	public void destroy(){
	
	}

	public String getServletInfo(){
		return "";
	}

	public ServletConfig getServletConfig(){
		return null;
	}
}

修改配置文件web.xml如下：

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="https://jakarta.ee/xml/ns/jakartaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="https://jakarta.ee/xml/ns/jakartaee
                      https://jakarta.ee/xml/ns/jakartaee/web-app_5_0.xsd"
  version="5.0"
  metadata-complete="true">

	<servlet>
		<servlet-name>fdsafdsagfdsafdsa</servlet-name>
		<servlet-class>test.HelloServlet</servlet-class>
	</servlet>
	
	<servlet-mapping>
		
		<servlet-name>fdsafdsagfdsafdsa</servlet-name>
		<url-pattern>/fdsa/fd/saf/d/sa/fd/sa/fd</url-pattern>
	</servlet-mapping>


	<servlet>
		<servlet-name>servletJDBC</servlet-name>
		<servlet-class>test.StudentServlet</servlet-class>
	</servlet>
	
	<servlet-mapping>
		
		<servlet-name>servletJDBC</servlet-name>
		<url-pattern>/student/list</url-pattern>
	</servlet-mapping>
</web-app>

 先看一下我数据库的结构：

然后在浏览器中输入如下url：http://localhost:8080/crm/student/list

浏览器会根据查询语句从数据库中查询数据，并动态显示出来：

这样就实现了一个动态的web应用。