功能:把从后台拿到的数据,动态的展现到前台的HTML页面上。

01.png
1.先新建一个名字为com.haichen.dto的Package;

01.png
2.在com.haichen.dto包下新建一个Student类代码如下
package com.haichen.dto;
public class Student {
String name = "jack";
int age;
String sex;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
}

01.png
3.新建一个名为index.html,代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DEMO GATE</title>
</head>
<body>
<p>DEMO演示入口:</p>
<p>
    <a href="Demo1Servlet">Demo1 无传参</a>
</p>
<p>
    <a href="Demo1Servlet?flag=static">Demo1
传参:flag=static</a>
</p>
<p>
    <a href="Demo1Servlet?flag=active">Demo1
传参:flag=active</a>
</p>
<p>
<a href="Demo2Servlet">Demo2</a>
</p>
<p>
<a href="Demo3Servlet">Demo3</a>
</p>
</body>
</html>
4.1Java Resources-src文件夹下再新建一个名为com.haichen.web.servlet的包

01.png
4.2在com.haichen.web.servlet的包下,新建一个名为Demo1Servlet,并修改doGet()的代码如下
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 设置页面类型
response.setContentType("text/html;charset=UTF-8");
// 获取页面输出对象
PrintWriter out = response.getWriter();
// 接收页面传参flag
String flag = request.getParameter("flag");
// 根据flag参数值决定服务器响应内容
if ("static".equals(flag)) {
// 使用servlet可以直接输出静态html页面内容
String docType = "<!DOCTYPE html>\n";
String title = "使用servlet直接输出静态html";
String helloWorld = "HelloWorld!一二三!";
out.println(docType + "<html>\n" + "<head><title>" + title + "</title></head>\n" + "<body>" + helloWorld
+ "</body>" + "</html>");
} else if ("active".equals(flag)) {
// 使用servlet可以直接输出动态html页面内容
// 此处代替数据库查询学生信息
Student studentA = new Student();
studentA.setSex("男");
// 输出html页面内容,其中关于studentA的信息为动态信息(来自数据库)
String docType = "<!DOCTYPE html>\n";
String title = "使用servlet直接输出动态html";
out.println(docType + "<html>\n" + "<head><title>" + title + "</title></head>\n" + "<body>" + "姓名:"
+ studentA.getName() + "</br>" + "年龄:" + studentA.getAge() + "</br>" + "性别:" + studentA.getSex()
+ "</body>" + "</html>");
} else {
// 提示需要传参flag
out.println("请输入flag参数,参数值为static或active 如:主机IP:端口/项目名/TestServlet?flag=static");
}
}