我们需要做一个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

具体代码如下：

  1.  package entity;
  2.  
  3.  public class StudentInfo {
  4.      private String id;
  5.      private String name;
  6.      private String classes;
  7.      private String place;
  8.  
  9.      public String getId() {
  10.          return id;
  11.      }
  12.      public void setId(String id) {
  13.          this.id = id;
  14.      }
  15.      public String getName() {
  16.          return name;
  17.      }
  18.      public void setName(String name) {
  19.          this.name = name;
  20.      }
  21.      public String getClasses() {
  22.          return classes;
  23.      }
  24.      public void setClasses(String classes) {
  25.          this.classes = classes;
  26.      }
  27.      public String getPlace() {
  28.          return place;
  29.      }
  30.      public void setPlace(String place) {
  31.          this.place = place;
  32.      }
  33.  
  34.  }

2.建立一个业务逻辑的接口以及实现类

a.先建包service

b.建立接口StudentService.java与实现类StudentServiceImpl.java

接口StudentService.java中的代码

  1.  package service;
  2.  
  3.  import java.util.List;
  4.  
  5.  import entity.StudentInfo;
  6.  
  7.  public interface StudentService {
  8.  
  9.      //有多少个业务逻辑，就设计多少个方法
  10.      public List<StudentInfo> getAllStudents();
  11.  
  12.  }

实现类StudentServiceImpl.java中的代码

  1.  package service;
  2.  
  3.  import java.util.ArrayList;
  4.  import java.util.List;
  5.  
  6.  import entity.StudentInfo;
  7.  
  8.  public class StudentServiceImpl implements StudentService {
  9.  
  10.      @Override
  11.      public List<StudentInfo> getAllStudents() {
  12.          //存放所有学生信息的数据集合
  13.          List<StudentInfo> stuList = new ArrayList<StudentInfo>();
  14.  
  15.          //模拟从数据库取出3条学生信息
  16.          StudentInfo si1 = new StudentInfo();
  17.          StudentInfo si2 = new StudentInfo();
  18.          StudentInfo si3 = new StudentInfo();
  19.          si1.setId("1");
  20.          si1.setName("张三");
  21.          si2.setName("李四");
  22.          si3.setName("王五");
  23.  
  24.          //把3个学生存放到List集合中去
  25.          stuList.add(si1);
  26.          stuList.add(si2);
  27.          stuList.add(si3);
  28.  
  29.          return stuList;
  30.      }
  31.  
  32.  }

3.创建一个jsp页面，调用service获取数据集List

a.新建jsp页面

show.jsp具体代码如下

  1.  <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.      pageEncoding="UTF-8"%>
  3.  <%@ page import="service.StudentService,service.StudentServiceImpl,entity.StudentInfo,java.util.List"%>
  4.  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5.  <html>
  6.  <head>
  7.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  8.  <title>Insert title here</title>
  9.  </head>
  10.  <body>
  11.  <table width="70%" border="0" cellspacing="1" cellpadding="1" align="center" bgcolor="#000099">
  12.    <tr bgcolor="#FFFFFF">            
  13.  
  14.      <td>编号</td>
  15.      <td>名字</td>
  16.      <td>班级</td>
  17.      <td>籍贯</td>
  18.    </tr>
  19.  <%
  20.  StudentService stuService = new StudentServiceImpl();
  21.  List<StudentInfo> stuList = stuService.getAllStudents();
  22.  for(StudentInfo student:stuList){
  23.  %>
  24.    <tr bgcolor="#FFFFFF">
  25.      <td><%=student.getId()%></td>
  26.      <td><%=student.getName()%></td>
  27.      <td><%=student.getClasses()%></td>
  28.      <td><%=student.getPlace()%></td>
  29.    </tr>
  30.  <%
  31.  }
  32.  %>
  33.  </table>
  34.  </body>
  35.  </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代码

  1.  <body>
  2.  <%
  3.  List<House> houseList = (List)request.getAttribute("houseList_label");
  4.  %>
  5.  接力Servlet，让我JSP继续运行<br>
  6.  
  7.  <table width="70%" border="0" cellspacing="1" cellpadding="1" align="center" bgcolor="#000099">
  8.    <tr bgcolor="#FFFFFF">            
  9.  
  10.      <td>编号</td>
  11.      <td>名字</td>
  12.      <td>地址</td>
  13.    </tr>
  14.  <%
  15.  for(House house:houseList){
  16.  %>
  17.   <tr bgcolor="#FFFFFF">
  18.      <td><%=house.getId()%></td>
  19.      <td><%=house.getName()%></td>
  20.      <td><%=house.getAddress()%></td>
  21.    </tr>
  22.  <%
  23.  }
  24.  %>
  25.  </table>
  26.  </body>

java_web学习(四) 二维表的制作(初步接触MVC)的更多相关文章

  1. 数据可视化之PowerQuery篇（四）二维表转一维表，看这篇文章就够了

    https://zhuanlan.zhihu.com/p/69187094 数据分析的源数据应该是规范的,而规范的其中一个标准就是数据源应该是一维表,它会让之后的数据分析工作变得简单高效. 在之前的文 ...

  2. Excel：一维表和二维表 互转

    一.一维表转二维表 数据源: 一份流水账式的值班表,为了便于打印张贴,现在需要使其变成这样的样式: 也就是从一维表变成传说中的二维表. 1.新建查询 依次单击[数据]→[新建查询] →[从文件]→[从 ...

  3. Oracle【二维表管理：约束】

    1.简单的表创建和字段类型最简单的方式去创建表(没有添加主键之类的约束条件)[Oracle的字段类型]number:数值类型--整数类型:number(a) 总长度a--小数类型:number(a,b ...

  4. 议：如何将树形菜单形式的数据转化成HTML的二维表（相同内容需合并单元格）

    一般做OA类管理系统,经常涉及到“组织架构”的概念,那么像这种有上下层级关系的数据一般会做成树形菜单的方式显示,底层代码必定会用到递归算法.这篇随笔的目的就是要谈谈除了用树形菜单来显示这种上下层级关系 ...

  5. Qt信号槽机制的实现（面试的感悟，猜测每一个类保存的一个信号和槽的二维表，实际使用函数指针 元对象 还有类型安全的检查设定等等）

    因为面试时问了我这道题,导致我想去了解信号槽到底是如何实现的,于是贴着顺序看了下源码,大致了解了整个框架.网上关于信号槽的文章也很多,但是大部分都是将如何应用的,这里我就写一下我所理解的如何实现吧, ...

  6. linux 进阶2--C++读取lua文件中的变量、一维表、二维表

    lua 语言非常灵活,一般把lua 作为脚本文件,会用C++与之进行交互.最重要的是C++代码能读取到脚本中的变量.一维表.二维表. 这样有些参数就可以在lua文件进行更改,而不用重新更改C++代码. ...

  7. Oracle【二维表的维护】

    二维表的维护 --添加新的字段:alter table 表名 add 字段名 类型 [一般不加约束条件] ) 原表:新增字段后的表:修改原有的字段:[修改字段类型.修改字段名.删除字段] --修改字段 ...

  8. EF 学习系列二 数据库表的创建和表关系配置（Fluent API、Data Annotations、约定）

    上一篇写了<Entity Farmework领域建模方式 3种编程方式>,现在就Code First 继续学习 1.数据库表的创建 新建一个MVC的项目,在引用右击管理NuGet程序包,点 ...

  9. C# 动态生成word文档 [C#学习笔记3]关于Main(string[ ] args)中args命令行参数 实现DataTables搜索框查询结果高亮显示 二维码神器QRCoder Asp.net MVC 中 CodeFirst 开发模式实例

    C# 动态生成word文档 本文以一个简单的小例子,简述利用C#语言开发word表格相关的知识,仅供学习分享使用,如有不足之处,还请指正. 在工程中引用word的动态库 在项目中,点击项目名称右键-- ...

随机推荐

  1. Nginx干货（二）配置详解

    此篇就不矫情了.直接上个配置吧.以后若有更新,继续修补 /usr/local/nginx/conf目录下面的nginx.conf文件 以用户nginx的身份来运行 user nginx; 启动进程,通 ...

  2. Sagit.Framework For IOS 开发框架入门教程4：注册页布局-被消灭的变量

    前言: 上篇写完:Sagit.Framework For IOS 开发框架入门教程3:Start引导页-框架布局和隐藏事件的内幕 之后,好久没写文章了,有IT连创业系列.有DotNetCore的一篇文 ...

  3. 应用activeMQ消息中间件同步索引库

    mq是一个消息服务器: 安装包内置了tomcat,直接登录访问,登录:http://ip:8161/admin/    (相当于dubbo的moniter监控中心) admin admin传统串行化, ...

  4. 《TCP-IP详解卷2：实现》【PDF】下载

    <TCP-IP详解卷2:实现>[PDF]下载链接: https://u253469.pipipan.com/fs/253469-230062539 内容简介 <TCP/IP详解·卷2 ...

  5. 【java】对象变成垃圾被垃圾回收器gc收回前执行的操作：Object类的protected void finalize() throws Throwable

    package 对象被回收前执行的操作; class A{ @Override protected void finalize() throws Throwable { System.out.prin ...

  6. SLAM入门之视觉里程计(2)：两视图对极约束 基础矩阵

    在上篇相机模型中介绍了图像的成像过程,场景中的三维点通过"小孔"映射到二维的图像平面,可以使用下面公式描述: \[ x = MX \]其中,\(c\)是图像中的像点,\(M\)是一 ...

  7. headfirst设计模式（4）—工厂模式

    开篇 天天逛博客园,就是狠不下心来写篇博客,忙是一方面,但是说忙能有多忙呢,都有时间逛博客园,写篇博客的时间都没有?(这还真不好说) 每次想到写一篇新的设计模式,我总会问自己: 1,自己理解了吗? 2 ...

  8. bzoj 3571: [Hnoi2014]画框

    Description 小T准备在家里摆放几幅画,为此他买来了N幅画和N个画框.为了体现他的品味,小T希望能合理地搭配画与画框,使得其显得既不过于平庸也不太违和.对于第 幅画与第 个画框的配对,小T都 ...

  9. PHP-无限级分类

    给定省市地区数组如下: $area = array(                   array('id'=>1,'name'=>'安徽','parent'=>'0'),     ...

  10. DOM&JavaScript示例&练习

    以下示例均为html文件,保存至本地就可直接用浏览器打开以查看效果\(^o^)/~ 练习一:设置新闻字体 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...