JSP与MVC设计模式与三层架构综合案例

已于 2022-11-12 19:09:32 修改
阅读量714 收藏 7
点赞数
分类专栏： Web开发 文章标签： java mvc 设计模式
于 2022-11-09 20:58:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53459056/article/details/127775503
版权

目录

JSP

MVC模式与三层架构

 三层架构

 综合案例

环境准备

查询所有

添加数据

修改数据

用户登录

记住用户 

 用户注册

 验证码

JSP

java服务端页面，动态的网页技术

可以理解为jsp=html+java

jsp本质上就是一个servlet

But——————JSP有很多缺点

这里用了EL表达式（获取数据）与JSTL标签库（这里介绍的是foreach和if标签）替换JSP中的Java代码

  • EL表达式
    • ${expression}——${brands} 就是获取域中存储的 key 为 brands 的数据
    • 定义servlet，把数据封装到request域中并转发到相应的.jsp页面
    • 在那个.jsp文件中即可通过${key}的形式获得数据
  • JSTL（要在.jsp页面引入核心标签库）
    • <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

    MVC模式与三层架构

        M(Model)----业务模型---处理业务(例如查询数据库，封装数据)

        V(View)----视图----页面展示

        C(Controller)---控制器---处理请求，调用模型和视图

        

 

 

 

 三层架构

 综合案例

环境准备

首先导入坐标——mybatis,servlet,mysql,jsp,jstl

        然后导入插件tomcat

 .xml配置如下（出错常见原因：版本问题，scope问题）

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>org.example</groupId>
  <artifactId>brand_demo</artifactId>
  <packaging>war</packaging>
  <version>1.0-SNAPSHOT</version>
  <name>brand_demo Maven Webapp</name>
  <url>http://maven.apache.org</url>
  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>3.8.1</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <!--mybatis-->
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.5.5</version>
    </dependency>

    <!--mysql-->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.46</version>
    </dependency>

    <!--servlet-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>

    <!--jsp-->

    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.2</version>
      <scope>provided</scope>
    </dependency>

    <!--jstl-->
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <dependency>
      <groupId>taglibs</groupId>
      <artifactId>standard</artifactId>
      <version>1.1.2</version>
    </dependency>


  </dependencies>


  <build>
    <finalName>brand_demo</finalName>

    <plugins>
      <plugin>
        <groupId>org.apache.tomcat.maven</groupId>
        <artifactId>tomcat7-maven-plugin</artifactId>
        <version>2.2</version>
      </plugin>
    </plugins>
  </build>
</project>

创建三层架构的包结构（pojo是实体类，util是工具类）

 

 创建数据库表，创建实体类brand（放在pojo下）

接下来配置mybatis基础环境 （注意是new Directory，用/而不是.）

（包含核心配置文件，sql映射文件，同名Mapper接口放在mapper包下）

 

 

 注意的点：

        核心配置文件中改成连接的数据库信息

查询所有

逻辑： 

 Dao层：

Mapper接口（这里简单，就用注解开发了）

 SqlSessionFactory工具类

package com.itheima.util;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import java.io.IOException;
import java.io.InputStream;

public class SqlSessionFactoryUtils {

    private static SqlSessionFactory sqlSessionFactory;

    static {
        //静态代码块会随着类的加载而自动执行，且只执行一次

        try {
            String resource = "mybatis-config.xml";
            InputStream inputStream = Resources.getResourceAsStream(resource);
            sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }


    public static SqlSessionFactory getSqlSessionFactory(){
        return sqlSessionFactory;
    }
}

Service层：调用mapper接口中的selectAll方法，返回查询到的List

public class BrandService {
    SqlSessionFactory factory=SqlSessionFactoryUtils.getSqlSessionFactory();
    public List<Brand> selectAll(){

        SqlSession sqlSession= factory.openSession();
        BrandMapper mapper=sqlSession.getMapper(BrandMapper.class);
        List<Brand> brands=mapper.selectAll();
        sqlSession.close();
        return brands;
    }
}

Web层：

（服务器会去找index.jsp资源）

 

 超链接至servlet界面

那么，在web包下创建servlet


@WebServlet("/selectAllServlet")
public class selectAllServlet extends HttpServlet {
    private BrandService service=new BrandService(); //获取一个BrandService对象
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       /*调用BrandService完成查询*/

        List<Brand> brands=service.selectAll(); //调用selectAll方法（底层是mapper接口）

        /*存入request域中,key为brands*/
        request.setAttribute("brands",brands);

        /*转发到brand.jsp*/
        request.getRequestDispatcher("/brand.jsp").forward(request,response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}

最终的brand.jsp内容如下（用了jstl）

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="新增" id="add"><br>
<hr>
<table border="1" cellspacing="0" width="80%">
    <tr>
        <th>序号</th>
        <th>品牌名称</th>
        <th>企业名称</th>
        <th>排序</th>
        <th>品牌介绍</th>
        <th>状态</th>
        <th>操作</th>

    </tr>


    <c:forEach items="${brands}" var="brand" varStatus="status">
        <tr align="center">
            <%--<td>${brand.id}</td>--%>
            <td>${status.count}</td>
            <td>${brand.brandName}</td>
            <td>${brand.companyName}</td>
            <td>${brand.ordered}</td>
            <td>${brand.description}</td>
            <c:if test="${brand.status == 1}">
                <td>启用</td>
            </c:if>
            <c:if test="${brand.status != 1}">
                <td>禁用</td>
            </c:if>

            <td><a href="/brand_demo/selectByIdServlet?id=${brand.id}">修改</a> <a href="#">删除</a></td>
        </tr>

    </c:forEach>

</table>

<script>
    document.getElementById("add").onclick = function (){
        location.href = "/brand-demo/addBrand.jsp";
    }

</script>
</body>
</html>

小tip:resultMap的应用，来解决数据库中名字和属性名不同

添加数据

逻辑:

Mapper接口： 

 在service文件中调用mapper，写一个add函数

 public void add(Brand brand){
        SqlSession sqlSession= factory.openSession();
        BrandMapper mapper=sqlSession.getMapper(BrandMapper.class);
        mapper.add(brand);
        //要提交事务
        sqlSession.commit();
        sqlSession.close();
    }

创建相应的servlet（第一行那个是乱码处理）

        用request的相应接口获取表单提交的数据，封装，然后调用service层中的add添加到数据库中，接着跳转到查询所有的servlet界面。像上一节一样把数据查询并显示出来

  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        //接收表单提交的数据，封装
        String brandName=request.getParameter("brandName");
        String companyName=request.getParameter("companyName");
        String ordered=request.getParameter("ordered");
        String description=request.getParameter("description");
        String status=request.getParameter("status");

        Brand brand=new Brand();
        brand.setBrandName(brandName);
        brand.setCompanyName(companyName);
        brand.setOrdered(Integer.valueOf(ordered));
        brand.setDescription(description);
        brand.setStatus(Integer.valueOf(status));

        //调用service完成添加
        service.add(brand);

        //转发到查询所有的servlet
        request.getRequestDispatcher("selectAllServlet").forward(request,response);
    }

那么在哪里点击新增？又如何通过提交表单来添加数据？

在brand.jsp中添加一个按钮，再给它绑定事件

 在addBrand.jsp中：

 在这里就可以提交到servlet界面，然后去封装并且执行添加sql啦

修改数据

修改分为回显数据和修改数据

逻辑

 同样，写Dao

 写service

 public Brand  selectById(int id){

        SqlSession sqlSession= factory.openSession();
        BrandMapper mapper=sqlSession.getMapper(BrandMapper.class);
        Brand brand=mapper.selectById(id);
        sqlSession.close();
        return brand;
    }

修改界面

写对应的servlet

@WebServlet("/selectByIdServlet")
public class SelectByIdServlet extends HttpServlet {
    private BrandService service=new BrandService(); //获取一个BrandService对象
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //接收id
        String id=request.getParameter("id");
        //调用service查询
        Brand brand=service.selectById(Integer.parseInt(id));
        //存储到request中
        request.setAttribute("brand",brand);
        //转发到Update.jsp
        request.getRequestDispatcher("/update.jsp").forward(request,response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}

写回显数据的jsp    update.jsp

 ********************************真正的修改*******************************************

定义Mapper接口 

定义service

update.jsp

updateServlet

 (和AddServlet比起来，多了一个id)

@WebServlet("/updateServlet")
public class UpdateServlet extends HttpServlet {
    private BrandService service=new BrandService();
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        //接收表单提交的数据，封装
        String id=request.getParameter("id");
        String brandName=request.getParameter("brandName");
        String companyName=request.getParameter("companyName");
        String ordered=request.getParameter("ordered");
        String description=request.getParameter("description");
        String status=request.getParameter("status");

        Brand brand=new Brand();
        brand.setId(Integer.valueOf(id));
        brand.setBrandName(brandName);
        brand.setCompanyName(companyName);
        brand.setOrdered(Integer.valueOf(ordered));
        brand.setDescription(description);
        brand.setStatus(Integer.valueOf(status));

        //调用service完成添加
        service.update(brand);

        //转发到查询所有的servlet
        request.getRequestDispatcher("selectAllServlet").forward(request,response);
    }


    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}

          小结

 

 

 

 

           *******************以下功能加上了session和cookie*********************** 

用户登录

同样是先编写Dao层

这次操作的表不再是tb_brand而是tb_user了，因此我们新建一个UserMapper，同时还有UserMapper.xml文件，还有User实体类

 service层：

同样是获取session，调用mapper里的方法

 

 web层

在login.jsp中，表单会提交到LoginServlet

loginServlet中做的事情：

 获取用户输入的用户名和密码，然后传参，调用service中的login方法

 

 看看是否登录成功(也就是能否找到user)

        若成功，把user的信息存到session 里，然后重定向到selectAllServlet

        若不成功，重新跳转到login.jsp

 登录失败的那句话会写在login.jsp的这里

 若登录成功，则会在brand.jsp里动态显示用户名（为啥能显示？因为被存在session 中了）

 

记住用户 

 在刚刚的loginServlet中加入写cookie的逻辑

 login.jsp中

 LoginServlet中

 现在就实现了存入cookie。那么接下来，就是把cookie中存的数据回填

 用户注册

service层： 

 register.jsp中提交表单：

 

 registerServlet中的内容：

 验证码

引入了工具类

实现了验证码的自动生成，刷新，以及校验

小结 

 

Micmic33
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Servlet+MyBatis+jsp综合案例-----员工信息管理
qq_55165919的博客
11-05 1164
码不能为空’，重复密码是否为空，为空则提示‘重复密码不能为空’，用户名是否存在，不存在。码不能为空’，重复密码是否为空，为空则提示‘重复密码不能为空’，用户名是否存在，不存在。2.点击登录时校验用户名是否为空，为空则提示‘用户名不能为空’，密码是否为空，为空则提示‘密。3.点击注册时校验用户名是否为空，为空则提示‘用户名不能为空’，密码是否为空，为空则提示‘密。2.点击登录时校验用户名是否为空，为空则提示‘用户名不能为空’，密码是否为空，为空则提示‘密。
JSP&EL表达式&MVC&三层结构综合案例
qq_46002941的博客
02-17 1515
文章目录JSP1，JSP 概述2，JSP 快速入门2.1 搭建环境2.2 导入 JSP 依赖2.3 创建 jsp 页面2.4 编写代码2.5 测试3，JSP 原理4，JSP 脚本4.1 JSP 脚本分类4.2 案例4.2.1 需求4.2.2 实现4.2.3 成品代码4.2.4 测试4.3 JSP 缺点5，EL 表达式5.1 概述5.2 代码演示5.3 域对象6，JSTL标签6.1 概述6.2 if 标签6.3 forEach 标签6.3.1 用法一6.3.2 用法二7
JSP复习笔记——第11章 JSP 构架和MVC设计模式
05-25
NULL 博文链接：https://depravedangel.iteye.com/blog/376043
SERVLET中数据传到JSP页面使用EL表达式${}无法显示问题
You_II的博客
03-27 280
原因：JSP和Servlet版本导致el功能默认关闭，加入标签手动开启el功能。仔细检查后自己代码没有错误，网上搜了很多方法，最后终于解决.
jsp JSTL标签详细示例（c:if与c:forEach）
阿博的博客
08-20 2896
jsp JSTL标签详细示例（c:if与c:forEach）
JSP&MVC架构设计模式
等不到的晴天的博客
04-21 496
JSP概述 JSP是简化Servlet编写的一种技术，它将Java代码和HTML语句混合在同一个文件中编写，页面动态资源使用java代码，页面静态资源使用html标签。 简单来说：可以在html标签中嵌套java代码 作用：简化书写，展示动态页面 快速入门 需求：在jsp页面，动态展示当前的时间 <%@ page import="java.util.Date" %> <%@ pa...
JSP和MVC以及三层架构
qq_56013994的博客
02-02 202
JSP和MVC以及三层架构
mvc三层架构应用案例简单代码
07-30
这个“mvc三层架构应用案例简单代码”提供了一个基于Mybatis、Maven、MySQL、JSP、HTML、Servlet和JavaScript的示例，下面将对这些技术和MVC架构进行详细阐述。 **1. MVC模式介绍** - **模型(Model)**：模型层负责...
品牌数据增删改查案例（MVC三层架构）
05-28
在这个"品牌数据增删改查案例"中，我们将深入探讨如何使用MVC三层架构来处理品牌数据的CRUD（Create, Read, Update, Delete）操作。本案例主要涉及Java编程语言，结合Servlet技术，构建了一个高效、模块化的系统。 ...
JSP MVC设计模式应用之游戏卡在线销售系统(论文).rar
04-10
MVC设计模式是一种软件架构模式，将应用程序分为三个主要部分：模型（Model）、视图（View）和控制器（Controller）。模型负责处理数据和业务逻辑，视图用于显示数据，而控制器则作为两者之间的桥梁，接收用户请求并...
JavaWeb三层架构案例 信息管理系统 ThreeTireSample
05-15
JavaWeb三层架构是一种常见的软件设计模式，用于构建可维护、可扩展且结构清晰的Web应用程序。在这个名为"ThreeTireSample"的案例中，我们将会深入探讨如何运用三层架构来开发一个信息管理系统。 首先，我们要理解...
JSP MVC案例
06-10
三层架构是一种常见的软件设计模式，将应用划分为表现层（View）、业务逻辑层（Business Logic Layer，BLL）和数据访问层（Data Access Layer，DAL）。在本案例中： 1. **表现层**：由JSP页面构成，负责接收用户输入...
javaWeb学习笔记 13 JSP技术-三层架构-SSM架构初学
internetv的博客
01-10 1254
JSP快速入门 JSP原理 jsp本质上是一个Servlet，JSP = HTML + Java，用于简化开发 JSP脚本 <% System.out.println("hello,jsp~"); int i = 3; %> <%="hello"%> <%=i%> <%! void show(){} String name ......
<c:forEach varStatus="status">中 varStatus的使用
yucongyuqian的博客
08-22 883
varStatus
JSP程序设计实训（十二）——MVC设计模式
WXY19990803的博客
04-19 1214
MVC 设计模式 MVC(Model-View-Controller)把一个应用的输入、处理、输出流程按照 Model、View、Controller 的方式进行分离，这样一个应用被分成三层：模型层、视图层、控制层。 MVC 设计模式是一种目前广泛流行的软件设计模式。无论选择哪种语言，无论应用多复杂，MVC 为构造产品提供清晰的设计框架，为软件工程提供规范的依据， MVC 设计模式把应用程序分成...
JSP入门之MVC模式
qq_67211215的博客
06-16 1390
模型-视图-控制器，简称为MVC。MVC已经成为软件设计者必须熟练使用的开发模式。MVC模式一种通过三部分构造一个软件或组件的理想办法。①模型：用于存储数据的对象。②视图：向控制器提交所需数据、显示模型中的数据。③控制器：负责具体的业务逻辑操作，即控制器根据视图提出的要求对数据做出处理，将有关结果存储到模型中，并负责让模型和视图进行必要的交互，当模型中的数据变化时，让视图更新显示。以上就是今天要讲的内容，本文仅仅简单介绍了MVC模式的使用，要想更加深入的学习MVC模式可以参考其他人的博客。
JavaWeb Jsp 综合案例（mybatis，servlet，maven，jsp）（增删改查）
阿博的博客
08-21 1872
这个小项目是集成jsp（虽然已经过时但是不妨学一学经验），mybatis，servlet，javascript，java的小型综合项目，适合新手去练一练，谈不上难，能从中获取经验也好
jsp学习（六.MVC模式）
m0_49936845的博客
04-11 1439
目录MVC模式例子遇到的一小小问题 MVC模式 MVC模式就是一整构架：模型+视图+控制器 模型就是java bean，视图是jsp页面，控制器是servlet 也就是说我们的servlet作为数据的处理程序，java bean只拿来当作一个对象存储数据，jsp负责显示 其实我们学过都知道，servlet也可以控制jsp页面(resp.getWriter()),但太混杂了，MVC模式便于管理和维护 例子 制作一个计算器，和书上的稍微有改动，我让输入框里的数不会消失了，具体方法见下面代码 index.j
12. Hibernate 模板设计模式
最新发布
这是一个web全栈开发的博客，取其精华去其糟粕，争取让大家一看就懂，一学就会，一用就成~
07-22 1194
如何运用模板设计模式重构 Hibernate 操作流程；持久化对象与序列化接口；OOP中有一个编码原则 ：写仅写一次。翻译过来就是，不要重复，要重用。答案是：使用模板设计模式进一步封装Hibernate的操作。在真实项目中，Hibernate仅仅只是完成项目中的一部分工作，需要和其它，如Spring等框架联合工作，一起承担整体项目的开发。Spring框架中就提供的有Hibernate模板对象。一个常规的、频繁的操作代码中，大部分代码不需要变动，只有小部分代码需要根据需求变动。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值