java_web学习(四) 二维表的制作(初步接触MVC)

2022-10-29,,,

我们需要做一个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(控制器)处理输入(写入数据库记录)。
    MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制。
    Model(模型)是应用程序中用于处理应用程序数据逻辑的部分。
  通常模型对象负责在数据库中存取数据。
    View(视图)是应用程序中处理数据显示的部分。
  通常视图是依据模型数据创建的。
    Controller(控制器)是应用程序中处理用户交互的部分。
  通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。
    MVC 分层有助于管理复杂的应用程序,因为您可以在一个时间内专门关注一个方面。例如,您可以在不依赖业务逻辑的情况下专注于视图设计。同时也让应用程序的测试更加容易。
    MVC 分层同时也简化了分组开发。不同的开发人员可同时开发视图、控制器逻辑和业务逻辑。

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>

java_web学习(四) 二维表的制作(初步接触MVC)的相关教程结束。

《java_web学习(四) 二维表的制作(初步接触MVC).doc》

下载本文的Word格式文档,以方便收藏与打印。