练习一:在 jsp 页面中输出九九乘法口诀表
<%@ page import="java.util.concurrent.ForkJoinPool" %><%--
Created by IntelliJ IDEA.
User: It.me
Date: 2020/10/2
Time: 17:07
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>九九乘法表</title>
</head>
<style type="text/css">
table{
width: 650px;
border-collapse: collapse; /*相邻边被合并*/
}
td,th{
border: 1px solid black;
}
</style>
<body>
<%--练习一:在 jsp 页面中输出九九乘法口诀表--%>
<h1 align="center">九九乘法表</h1>
<table align="center">
<%for (int i = 1; i < 9; i++) {%>
<tr>
<% for (int j = 1; j <= i; j++) {%>
<td>
<%=j + "x" + i + "=" + (i * j)%>
</td>
<% }%>
</tr>
<% }%>
</table>
</body>
</html>
练习二:jsp 输出一个表格,里面有 10 个学生信息
Student 类:
private Integer id;
private String name;
private Integer age;
private String phone;
StudentServlet程序:
public class StudentServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 获取请求的参数
// 发sql语句查询学生的信息
// 使用for循环生成查询到的数据做模拟
List<Student> students = new ArrayList<Student>();
for (int i = 1; i <= 10; i++) {
students.add(new Student(i,"name_" + i, 18 + i,"phone_" + i));
}
// 保存查询到的结果(学生信息到request域中
request.setAttribute("stuList",students);
// 请求转发到showStudent.jsp页面
request.getRequestDispatcher("/exer/showStudent.jsp").forward(request,response);
}
}
showStudent.jsp页面:
<%@ page import="loey.pojo.Student" %>
<%@ page import="java.util.List" %><%--
Created by IntelliJ IDEA.
User: It.me
Date: 2020/10/2
Time: 20:20
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>学生信息</title>
</head>
<style>
table {
width: 600px;
border-collapse: collapse;
}
td, th {
border: 1px solid black;
text-align: center;
}
</style>
<body>
<%--练习二:jsp输出一个表格,里面有10个学生信息。--%>
<%
List<Student> stuList = (List<Student>) request.getAttribute("stuList");
%>
<h1 align="center">学生信息表</h1>
<table align="center">
<th>学号</th>
<th>姓名</th>
<th>年龄</th>
<th>联系方式</th>
<th>操作</th>
<%for (Student stu : stuList) {%>
<tr>
<td><%=stu.getId()%></td>
<td><%=stu.getName()%></td>
<td><%=stu.getAge()%></td>
<td><%=stu.getPhone()%></td>
<td>删除 修改</td>
</tr>
<% }%>
</table>
</body>
</html>
结果: