
我们需要做一个jsp页面,动态显示信息表的内容。
一.需求分析
1、 做一个实体类:StudentInfo (包含4个字段)
2、 如图模拟生成3条数据,本质上就是new StudentInfo 3个实例,每个实例代表一行记录(后面这3条记录放到数据库,本例暂时不处理)
3、 处理这3条数据的过程,不用考虑界面(采用java代码与jsp UI页面分离)编写一个类和方法,处理数据问题,返回值为List<StudentInfo>
把3条数据(StudentInfo)也就是3个StudentInfo的实例,把它们添加到List中换句话说,就是这个List就是代表这个数据集合。
注意:
a、 此类为业务类(处理业务逻辑的类),要养成习惯:先写接口
b、 调用者使用此类时,应该不不关心谁是实现类,只关心接口以及其API
4、 把整个List,丢给jsp用于显示数据,呈现出一个表格的状态。
二.具体操作流程
1、先写实体类
a.建包(entity)
b.建立1个实体类:StudnetInfo.java
c.对实体例,添加私有的属性,属性应该跟二维表的字段一一对应
id,name,classes,place
具体代码如下:
package entity; public class StudentInfo {
private String id;
private String name;
private String classes;
private String place; public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getClasses() {
return classes;
}
public void setClasses(String classes) {
this.classes = classes;
}
public String getPlace() {
return place;
}
public void setPlace(String place) {
this.place = place;
} }
2.建立一个业务逻辑的接口以及实现类
a.先建包service
b.建立接口StudentService.java与实现类StudentServiceImpl.java
接口StudentService.java中的代码
package service; import java.util.List; import entity.StudentInfo; public interface StudentService { //有多少个业务逻辑,就设计多少个方法
public List<StudentInfo> getAllStudents(); }
实现类StudentServiceImpl.java中的代码
package service; import java.util.ArrayList;
import java.util.List; import entity.StudentInfo; public class StudentServiceImpl implements StudentService { @Override
public List<StudentInfo> getAllStudents() {
//存放所有学生信息的数据集合
List<StudentInfo> stuList = new ArrayList<StudentInfo>(); //模拟从数据库取出3条学生信息
StudentInfo si1 = new StudentInfo();
StudentInfo si2 = new StudentInfo();
StudentInfo si3 = new StudentInfo();
si1.setId("1");
si1.setName("张三");
si2.setName("李四");
si3.setName("王五"); //把3个学生存放到List集合中去
stuList.add(si1);
stuList.add(si2);
stuList.add(si3); return stuList;
} }
3.创建一个jsp页面,调用service获取数据集List
a.新建jsp页面
show.jsp具体代码如下
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="service.StudentService,service.StudentServiceImpl,entity.StudentInfo,java.util.List"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<table width="70%" border="0" cellspacing="1" cellpadding="1" align="center" bgcolor="#000099">
<tr bgcolor="#FFFFFF"> <td>编号</td>
<td>名字</td>
<td>班级</td>
<td>籍贯</td>
</tr>
<%
StudentService stuService = new StudentServiceImpl();
List<StudentInfo> stuList = stuService.getAllStudents();
for(StudentInfo student:stuList){
%>
<tr bgcolor="#FFFFFF">
<td><%=student.getId()%></td>
<td><%=student.getName()%></td>
<td><%=student.getClasses()%></td>
<td><%=student.getPlace()%></td>
</tr>
<%
}
%>
</table>
</body>
</html>
三.过程图解
四.运行结果
五.运用MVC框架优化项目结构层次
5.1什么是MVC
MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式:
- Model(模型)表示应用程序核心(比如数据库记录列表)。
- View(视图)显示数据(数据库记录)。
- Controller(控制器)处理输入(写入数据库记录)。
通常模型对象负责在数据库中存取数据。
通常视图是依据模型数据创建的。
通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。
5.2从全局分析我们之前的代码,如图
我们缺少2点:。
此模式有问题:
1、 show.jsp需要呼叫javabean
2.没有去访问数据库
3.没有Controller(控制器)
StudentService stuService = new StudentServiceImpl();
List<StudentInfo> stuList = stuService.getAllStudents();
我们期待是把这2行代码去掉,让jsp页面更简洁
5.3在全局中加入控制器
初步应用了MVC模式
5.4 在代码中实现,过程如下
servlet的使用:
1、 建立action包
2、 建立Servlet
3.
4.
5.
6.
7.
5.4另外的一种写法
5.4.1 Servlet内容
创建一个(Servlet)控制器,调用service获取数据集List,【把结果输送到jsp,并跳转过去】在action包中新建Servlet: HouseAction_showAllHouses
5.4.2
建立一个show.jsp,取得request对象中的List
核心代码:request.getAttribute("houseList_label");
剩下参考war包中的代码,跟之前的例子也是一样的.
show.jsp代码
<body>
<%
List<House> houseList = (List)request.getAttribute("houseList_label");
%>
接力Servlet,让我JSP继续运行<br> <table width="70%" border="0" cellspacing="1" cellpadding="1" align="center" bgcolor="#000099">
<tr bgcolor="#FFFFFF"> <td>编号</td>
<td>名字</td>
<td>地址</td>
</tr>
<%
for(House house:houseList){
%>
<tr bgcolor="#FFFFFF">
<td><%=house.getId()%></td>
<td><%=house.getName()%></td>
<td><%=house.getAddress()%></td>
</tr>
<%
}
%>
</table>
</body>