Servlet JSP-Day03

2019年7月2日Servlet JSP第三天

目录

  • Serlvet/JSP
    • 回顾
    • 概念梳理
      • URL/URI: 语法规则一致:
      • Java WEB 目录结构
        • 1. Java EE 规定了web容器中的WEB应用目录结构
        • 2. Eclipse 会自动在项目中创建目录结构, 在部署时候将目录结构复制到Tomcat中.
          • Maven 仓库检查步骤
          • 错误提示500:
    • Request 接收参数
      • 参数编码问题
      • 接收get请求参数
    • 利用Servlet将数据库中的表显示到浏览器中
      • 1. 创建表
      • 2. 编写数据库连接配置文件 db.properties
      • 3. 编写数据库连接工具
      • 4. 利用JUnit进行测试:
      • 5. 编写Servlet 显示表内容
    • 作业

Serlvet/JSP

回顾

约定(规定)的意义

  1. 什么是Servlet/什么是Servlet 容器
    Servlet JSP-Day03_第1张图片
  2. 请求与响应
    Servlet JSP-Day03_第2张图片
  3. 处理请求参数

概念梳理

URL/URI: 语法规则一致:

协议://服务器/路径/资源名
  1. URL 统一资源定位: 从你计算机开始能够唯一寻获的资源位置, 目标资源一定存在.

    http://cdn.tmooc.cn/bsfile//imgad///4E6DEFE23ED047B2B4AB7AD8B963E9B0.png

  2. URI 统一资源识别: 是一个名字, 其对应的位置未必有资源. 目标资源不一定存在, 只是用来作为唯一标识名!!

    请求行 GET /demo HTTP/1.1
    ------------ URI ---------------------

Java WEB 目录结构

1. Java EE 规定了web容器中的WEB应用目录结构

	webapps    Tomcat WEB应用程序部署目录
		|- examples     Webapp WEB应用
		|	|- WEB-INF				安全性很高
		|	|	|- lib
		|	|   |   |- mysql-jdbc.jar  第三方的jar包
		|	|	|- classes
		|	|	|	|- xxx.class       编写的类文件
		|	|	|- web.xml             部署描述文件
		|	|- index.html
	wtpwebapps Eclipse创建了应用程序测试目录, 也是部署目录
		|- Servlet02          Webapp WEB应用
		|	|- WEB-INF
		|	|	|- lib
		|	|   |   |- mysql-jdbc.jar  第三方的jar包
		|	|	|- classes
		|	|	|	|- xxx.class       编写的类文件
		|	|	|- web.xml             部署描述文件
		|	|- index.html	

> WEB-INF 文件夹是用户不能直接看到的文件夹.

访问时注意:
Servlet JSP-Day03_第3张图片

2. Eclipse 会自动在项目中创建目录结构, 在部署时候将目录结构复制到Tomcat中.

Maven 仓库检查步骤

Servlet JSP-Day03_第4张图片

  1. 用浏览器检查是否能够看到仓库

    1. 检查 https://mirrors.huaweicloud.com/repository/maven/
    2. 如果能够看到信息, 说明能够访问仓库, 相反说明网络故障.
  2. 修改Eclipse中的Maven settings.xml 文件

     
         huaweicloud
         *
         https://mirrors.huaweicloud.com/repository/maven/
     
    
  3. 重启Eclipse 检查 Maven Repositories 是否连接到了Maven

  4. 在项目上执行 Maven -> Update Project (Force Update)

    1. 如果有必须的话, 可以先删除 .m2 文件夹再更新Maven
错误提示500:

Servlet JSP-Day03_第5张图片

Request 接收参数

参数编码问题

  1. 网络和IO 每次只能传输一个字节(8位)信息!
  2. 字符是16位无符号整数
  3. 利用网络传输字符时候, 需要将字符进行拆分才能传输
  4. 字符的拆分方案称为字符的编码!

Post 请求的编码

原理:

Servlet JSP-Day03_第6张图片

Post请求时候, 在获取请求参数之前设置请求的编码可以解决编码问题.

案例:

public class LoginServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;


	protected void doPost(
			HttpServletRequest request,
			HttpServletResponse response) 
		throws ServletException, IOException {
		//在读取参数之前设置request的编码,处理解码问题
		request.setCharacterEncoding("UTF-8");

		//利用request的API获取表单参数
		String name = request.getParameter("user");
		String pwd = request.getParameter("pwd");
		System.out.println(name+","+pwd);
		
		response.setContentType(
				"text/html; charset=utf-8"); 
		PrintWriter out=response.getWriter();
		out.print("OK"); 
	}

}

接收get请求参数

getParamter不仅可以接受post请求参数, 也可以接收get请求参数.

Servlet JSP-Day03_第7张图片

get编码问题可以在Tomcat配置文件server.xml中配置:
将 URIEncoding="UTF-8"插入下面代码:


Servlet JSP-Day03_第8张图片

案例:

public class GetDemoServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
	protected void doGet(
			HttpServletRequest request, 
			HttpServletResponse response) 
		throws ServletException, IOException {
		
		//接收浏览器通过 get 请求发送的参数
		//如果浏览器没有提供对应的参数, 则接收到null
		String id=request.getParameter("id");
		String name=request.getParameter("name");
		
		System.out.println(id+", "+name);
		
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.print("OK");
	}
	 
}

配置:

  
    
    GetDemoServlet
    GetDemoServlet
    day03.GetDemoServlet
  
  
    GetDemoServlet
    /get-demo
  

测试:

http://localhost:8080/Servlet03/get-demo
http://localhost:8080/Servlet03/get-demo?id=6
http://localhost:8080/Servlet03/get-demo?id=6&name=tom
http://localhost:8080/Servlet03/get-demo?id=6&name=你吃了吗

利用Servlet将数据库中的表显示到浏览器中

原理:

Servlet JSP-Day03_第9张图片

1. 创建表

创建员工表:

create database web;
use web;
create table t_emp(
	empno int auto_increment primary key,
	ename varchar(100),
	mgr int,
	deptno int,
	hiredate datetime,
	salary double,
	comm double
);

insert into t_emp (empno, ename, mgr, deptno, hiredate, salary, comm)
values (null, 'Tom', 0, null, now(), 1000, 200);

insert into t_emp (empno, ename, mgr, deptno, hiredate, salary, comm)
values (null, 'Jerry', 1, null, now(), 2000, 100);

检查:

select * from t_emp;

2. 编写数据库连接配置文件 db.properties

driver=com.mysql.jdbc.Driver(需要先配置MySQL到Maven里)
url=jdbc:mysql://localhost:3306/web?characterEncoding=utf8&useUnicode=true&useSSL=false(web为数据库名)
username=root
password=root(无密码就password=)

3. 编写数据库连接工具

public class DBUtil {
	private static String driver;
	private static String url;
	private static String username;
	private static String password;
	static {
		try {
			InputStream in = DBUtil.class.getClassLoader()
				.getResourceAsStream("db.properties");
			Properties cfg = new Properties();
			cfg.load(in);
			in.close();
			driver = cfg.getProperty("driver");
			url = cfg.getProperty("url");
			username=cfg.getProperty("username");
			password=cfg.getProperty("password");
		}catch(Exception e) {
			e.printStackTrace();
			throw new RuntimeException(e);
		}
		
	}
	
	public static Connection getConnection() 
		throws Exception{
		Class.forName(driver);
		Connection conn = DriverManager
			.getConnection(url,username,password);
		return conn;
	}
	
	public static void close(Connection conn) {
		try {
			if(conn!=null) {
				conn.close();
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
	
}

4. 利用JUnit进行测试:

  1. 导入JUnit

     	
     	  junit
     	  junit
     	  4.12
     	
    
  2. 编写测试案例:

     public class TestCase {
     
     	@Test
     	public void test() {
     		System.out.println("Hello World!"); 
     	}
     	
     	@Test
     	public void testHello() {
     		System.out.println("Hello Kitty!"); 
     	}
     	
     	@Test
     	public void testGetConnection() {
     		String sql = "select now() d";
     		Connection conn = null;
     		try {
     			conn = DBUtil.getConnection();
     			Statement st = conn.createStatement();
     			ResultSet rs = st.executeQuery(sql);
     			while(rs.next()) {
     				Date date=rs.getDate("d");
     				System.out.println(date);
     			}
     		} catch (Exception e) {
     			e.printStackTrace();
     		}finally{
     			DBUtil.close(conn);
     		}
     	}
     }
    
  3. 测试

5. 编写Servlet 显示表内容

原理:

Servlet JSP-Day03_第10张图片

代码:

public class ListServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void doGet(
			HttpServletRequest request, 
			HttpServletResponse response) 
		throws ServletException, IOException {
		//获得out对象
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out = response.getWriter();
		
		out.println("");
		out.println("");
		out.println("");
		out.println("");
		out.println("登录表单");
		out.println("");
		out.println("");
		
		out.println("

员工列表

"); String sql="select empno, ename, mgr, " + "hiredate, deptno, salary, comm " + "from t_emp"; Connection conn = null; try { conn = DBUtil.getConnection(); Statement st = conn.createStatement(); ResultSet rs = st.executeQuery(sql); //输出表格头 out.println(""); out.println(""); out.println(""); out.println(""); out.println(""); out.println(""); while(rs.next()) { int empno = rs.getInt("empno"); String ename = rs.getString("ename"); Date date = rs.getDate("hiredate"); //System.out.println(empno+","+ename); out.println(""); out.println(""); out.println(""); out.println(""); out.println(""); } out.println("
编号姓名入职日期
"+empno+""+ename+""+date+"
"); }catch (Exception e) { e.printStackTrace(); } finally { DBUtil.close(conn); } out.println(""); out.println(""); } }

配置:

  
    
    ListServlet
    ListServlet
    day03.ListServlet
  
  
    ListServlet
    /list
  

测试:

http://localhost:8080/Servlet03/list

作业

  1. 重新实现完整列版本的员工列表显示.
  2. 实现部门列表显示功能.

你可能感兴趣的:(Servlet,JSP,Serlvet,JSP)