企业级信息系统开发学习笔记1.7 基于XML配置方式使用Spring MVC
创始人
2024-05-30 03:05:59
0

文章目录

  • 零、本节学习目标
  • 一、Spring MVC概述
    • 1、MVC架构
    • 2、Spring MVC
    • 3、使用Spring MVC的两种方式
  • 二、基于XML配置与注解的方式使用Spring MVC
    • (一)创建Spring项目【SpringMVCDemo01】
    • (二)在pom文件里添加相关依赖
    • (三)给项目添加Web功能
    • (四)创建三个页面
      • 1、登录页面 - login.jsp
      • 2、登录成功页面 - success.jsp
      • 3、登录失败页面 - failure.jsp
    • (五)创建登录控制器 - LoginController
    • (六)创建Spring配置文件 - spring-config.xml
    • (七)创建Spring MVC配置文件 - spring-mvc-config.xml
    • (八)在web.xml里加载Spring配置文件与Spring MVC配置文件
    • (九)配置Tomcat服务器
    • (十)添加项目对Tomcat的依赖
    • (十一)启动Tomcat服务器
    • (十二)测试登录功能
  • 三、实战练习
    • 任务1、设置项目首页 - index.jsp
      • 1、修改web.xml文件
      • 2、在views目录里创建首页文件index.jsp
      • 3、修改登录控制器 - LoginController
      • 4、启动服务器,查看效果
    • 任务2、首页添加登录链接,单击可跳转到登录页面
      • 1、修改首页文件 - index.jsp
      • 2、修改登录控制器 - LoginController
      • 3、启动服务器,查看效果
    • 任务3、利用Spring MVC配置文件实现快捷页面跳转
      • 1、修改登录控制器 - LoginController
      • 2、修改Spring MVC配置文件 - spring-mvc-config.xml
      • 3、启动服务器,查看效果
    • 任务4、添加静态资源,让Spring MVC正确处理
      • 1、添加一张图片
      • 2、修改首页文件,增加显示图片的元素
      • 3、启动服务器,查看效果
      • 4、修改Spring MVC配置文件,单独处理静态资源
      • 5、修改首页文件,图片源采用虚拟路径,由配置文件负责映射到真实路径
      • 6、重启服务器,查看效果
    • 课堂练习:添加CSS样式表和JavaScript脚本文件
    • 任务5、请求服务器端返回的简单字符串
      • 1、创建获取字符串控制器 - GetStringController
      • 2、启动服务器,查看效果
      • 3、修改获取字符串控制器 - GetStringController
      • 4、重启服务器,查看效果
        • 思考题:能否让返回的字符串变大一点显示?
    • 任务6、请求服务器端返回的JSON数据
      • 1、创建用户实体类 - User
      • 2、创建获取JSON控制器 - GetJsonController
      • 3、在pom.xml文件里添加对json的支持
      • 4、启动服务器,查看结果
    • 任务7、请求服务器端返回的XML数据
      • 1、创建获取XML控制器 - GetXmlController
      • 2、在pom.xml文件里添加对xml的支持
      • 3、在项目结构窗口将依赖添加到输出目录
      • 4、启动服务器,查看效果

零、本节学习目标

  1. 了解Spring MVC的基本原理
  2. 会基于XML配置方式使用Spring MVC

一、Spring MVC概述

1、MVC架构

MVC 是 Model、View 和 Controller 的缩写,分别代表 Web 应用程序中的 3 种职责。

  • 模型:用于存储数据以及处理用户请求的业务逻辑。
  • 视图:向控制器提交数据,显示模型中的数据。
  • 控制器:根据视图提出的请求判断将请求和数据交给哪个模型处理,将处理后的有关结果交给哪个视图更新显示。

三层架构:Presentation Tier + Application Tier + Data Tier (展现层+应用层+数据访问层)

2、Spring MVC

  • Spring MVC 是 Spring 提供给 Web 应用的框架设计。Spring MVC 是一个典型的教科书式的 MVC 构架,不像 Struts 等都是变种或者不是完全基于 MVC 系统的框架。Spring MVC 角色划分清晰,分工明细,并且和 Spring 框架无缝结合。作为当今业界最主流的 Web 开发框架,Spring MVC 已经成为当前最热门的开发技能,同时也广泛用于桌面开发领域。
  • 实际上MVC只存在于三层架构的展现层,M实际上是数据模型,是包含数据的对象,在Spring MVC里有一个专门的类交Model,用于和V之间的数据交互和传值;V指的是视图页面,包含JSP、FreeMarker、Velocity、Thymeleaf、Tile等;C当然就是控制器(Spring MVC的注解@Controller的类)。
  • Spring MVC工作流程
  1. 客户端请求提交到 DispatcherServlet。
  2. 由 DispatcherServlet 控制器寻找一个或多个 HandlerMapping,找到处理请求的 Controller。
  3. DispatcherServlet 将请求提交到 Controller。
  4. Controller 调用业务逻辑处理后返回 ModelAndView。
  5. DispatcherServlet 寻找一个或多个 ViewResolver 视图解析器,找到 ModelAndView 指定的视图。
  6. 视图负责将结果显示到客户端。
    在这里插入图片描述
  • Spring框架文档网址(https://docs.spring.io/spring-framework/docs/current/reference/html/)
    在这里插入图片描述
    在这里插入图片描述

3、使用Spring MVC的两种方式

  • 基于XML配置与注解的方式使用Spring MVC
  • 基于Java配置与注解的方式使用Spring MVC

二、基于XML配置与注解的方式使用Spring MVC

(一)创建Spring项目【SpringMVCDemo01】

在这里插入图片描述
在这里插入图片描述

(二)在pom文件里添加相关依赖

在这里插入图片描述


4.0.0net.hw.springSpringMVCDemo011.0-SNAPSHOT5.3.4org.springframeworkspring-core${spring.version}org.springframeworkspring-beans${spring.version}org.springframeworkspring-context${spring.version}org.springframeworkspring-test${spring.version}org.springframeworkspring-web${spring.version}org.springframeworkspring-webmvc${spring.version}javax.servletjstl1.2javax.servletjavax.servlet-api3.1.0providedlog4jlog4j1.2.17junitjunit4.13test
                                          

(三)给项目添加Web功能

  • 打开项目结构窗口,在列表里选择【Modules】
    在这里插入图片描述
  • 单击【+】按钮,添加Web功能
    在这里插入图片描述
    在这里插入图片描述
  • 单击【Create Artifact】按钮,将名称改为“SpringMVCDemo01”
    在这里插入图片描述
  • 单击【OK】按钮,可以看到项目多了一个web目录
    在这里插入图片描述

(四)创建三个页面

  • 在WEB-INF里创建views子目录
    在这里插入图片描述

1、登录页面 - login.jsp

在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

用户登录


用户登录

账号
密码

2、登录成功页面 - success.jsp

在这里插入图片描述

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

登录成功


${username},登录成功!

3、登录失败页面 - failure.jsp

在这里插入图片描述

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

登录失败


${username},登录失败!

(五)创建登录控制器 - LoginController

  • 创建net.hw.spring.controller子包,然后在包里创建LoginController类

在这里插入图片描述

package net.hw.spring.controller;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;import javax.servlet.http.HttpSession;/*** 功能:登录控制器* 作者:华卫* 日期:2021年04月07日*/
@Controller
public class LoginController {@RequestMapping("/login")public String login(@RequestParam("username") String username,@RequestParam("password") String password,HttpSession session) {// 将从登录表单获取的用户名写入会话session.setAttribute("username", username);// 判断是否登录成功if (username.equals("admin") && password.equals("12345")) {// 返回逻辑视图名return "success";} else {// 返回逻辑视图名return "failure";}}
}

(六)创建Spring配置文件 - spring-config.xml

  • 在resources里创建mvc子目录,然后在子目录里创建spring-config.xml
    在这里插入图片描述



(七)创建Spring MVC配置文件 - spring-mvc-config.xml

  • 在resources/mvc目录里创建spring-mvc-config.xml
    在这里插入图片描述



在这里插入图片描述

(八)在web.xml里加载Spring配置文件与Spring MVC配置文件

  • 在web/WEB-INF目录里打开web.xml文件
    在这里插入图片描述

在这里插入图片描述


/WEB-INF/views/login.jsporg.springframework.web.context.ContextLoaderListenercontextConfigLocationclasspath:mvc/spring-config.xmlDispatcherServletorg.springframework.web.servlet.DispatcherServletcontextConfigLocationclasspath:mvc/spring-mvc-config.xml1DispatcherServlet/  Character Encodingorg.springframework.web.filter.CharacterEncodingFilterencodingutf-8Character Encoding/*

(九)配置Tomcat服务器

  • 单击工具栏上的【Add Configuration】,弹出【Run/Debug Configurations】窗口
    在这里插入图片描述
    在这里插入图片描述
  • 添加本地的Tomcat服务器
    在这里插入图片描述
    在这里插入图片描述
  • 对服务器进行设置(配置应用服务器)
    在这里插入图片描述
  • 单击【Fix】按钮
    在这里插入图片描述
  • 单击【OK】按钮
    在这里插入图片描述

(十)添加项目对Tomcat的依赖

  • 打开【Project Structure】窗口
    在这里插入图片描述
  • 单击【Dependencies】选项卡
    在这里插入图片描述
  • 单击【+】按钮,选择【Library】
    在这里插入图片描述
    在这里插入图片描述
  • 单击【Add Selected】按钮
    在这里插入图片描述
  • 单击【OK】按钮
    在这里插入图片描述

(十一)启动Tomcat服务器

在这里插入图片描述

  • 启动失败,输出目录没有项目运行所需的jar包
    在这里插入图片描述
  • 配置Artifacts,添加项目正常运行所需的jar包
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 选在项目依赖的全部jar包,单击右键,选择【Put into /WEB-INF/lib】
    在这里插入图片描述
    在这里插入图片描述
  • 单击【OK】按钮
    在这里插入图片描述
  • 重启服务器,查看结果
    在这里插入图片描述
  • 修改Spring MVC配置文件
    在这里插入图片描述
  • 添加xmlns:mvc="http://www.springframework.org/schema/mvc"
    在这里插入图片描述
  • 重启服务器,查看结果
    在这里插入图片描述

(十二)测试登录功能

在这里插入图片描述

三、实战练习

任务1、设置项目首页 - index.jsp

  • 页面显示内容Hello, Spring MVC World!

1、修改web.xml文件

  • 注释掉“设置启动首页”元素
    在这里插入图片描述

2、在views目录里创建首页文件index.jsp

在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

首页


Hello, Spring MVC World!

  • 此时,启动服务器,查看效果
    在这里插入图片描述

3、修改登录控制器 - LoginController

在这里插入图片描述

4、启动服务器,查看效果

在这里插入图片描述

任务2、首页添加登录链接,单击可跳转到登录页面

1、修改首页文件 - index.jsp

在这里插入图片描述

2、修改登录控制器 - LoginController

在这里插入图片描述

3、启动服务器,查看效果

在这里插入图片描述

在这里插入图片描述

  • 说明:项目启动后,跳转到首页,然后从首页跳转到登录页面,都是通过登录控制器里的跳转方法实现的,跳转方法里没有任何业务逻辑,只是一条return语句负责页面跳转,我们有更为简单的方法来取代,即利用利用Spring MVC配置文件实现快捷页面跳转。

任务3、利用Spring MVC配置文件实现快捷页面跳转

1、修改登录控制器 - LoginController

  • 注释掉两个负责页面跳转的方法:index()、toLogin()
    在这里插入图片描述

2、修改Spring MVC配置文件 - spring-mvc-config.xml

  • 定义两个视图控制器来负责页面跳转
    在这里插入图片描述



3、启动服务器,查看效果

在这里插入图片描述

任务4、添加静态资源,让Spring MVC正确处理

  • 静态资源包括图片、样式表、脚本,下面以图片为例进行说明

1、添加一张图片

  • 在WEB-INF里创建images目录,将图片bear.jpg拷贝进来(当然你们可以拷贝其它图片)
    在这里插入图片描述

2、修改首页文件,增加显示图片的元素

在这里插入图片描述

3、启动服务器,查看效果

在这里插入图片描述

4、修改Spring MVC配置文件,单独处理静态资源

在这里插入图片描述

5、修改首页文件,图片源采用虚拟路径,由配置文件负责映射到真实路径

在这里插入图片描述

6、重启服务器,查看效果

在这里插入图片描述

课堂练习:添加CSS样式表和JavaScript脚本文件

  • 在WEB-INF里创建css目录,在里面创建样式文件index.css,负责首页的样式(元素全部居中,设置页面背景颜色,去掉超链接的下划线……)
    在这里插入图片描述
  • 在WEB-INF里创建js目录,在里面创建脚本文件check.js,负责登录页面的非空校验(先进行用户名非空校验,后进行密码非空校验)
    在这里插入图片描述

任务5、请求服务器端返回的简单字符串

1、创建获取字符串控制器 - GetStringController

在这里插入图片描述

2、启动服务器,查看效果

  • 访问http://localhost:8080/SpringMVCDemo01/getString
    在这里插入图片描述

3、修改获取字符串控制器 - GetStringController

在这里插入图片描述

4、重启服务器,查看效果

  • 访问http://localhost:8080/SpringMVCDemo01/getString
    在这里插入图片描述

思考题:能否让返回的字符串变大一点显示?

在这里插入图片描述
在这里插入图片描述

任务6、请求服务器端返回的JSON数据

1、创建用户实体类 - User

  • 创建net.hw.spring.bean包,然后在包里创建User类
    在这里插入图片描述
package net.hw.spring.lesson07.bean;import java.util.Date;/*** 功能:用户实体类* 作者:华卫* 日期:2021年04月12日*/
public class User {private int id;private String username;private String password;private String telephone;private Date registerTime;private int popedom;public int getId() {return id;}public void setId(int id) {this.id = id;}public String getUsername() {return username;}public void setUsername(String username) {this.username = username;}public String getPassword() {return password;}public void setPassword(String password) {this.password = password;}public String getTelephone() {return telephone;}public void setTelephone(String telephone) {this.telephone = telephone;}public Date getRegisterTime() {return registerTime;}public void setRegisterTime(Date registerTime) {this.registerTime = registerTime;}public int getPopedom() {return popedom;}public void setPopedom(int popedom) {this.popedom = popedom;}@Overridepublic String toString() {return "User{" +"id=" + id +", username='" + username + '\'' +", password='" + password + '\'' +", telephone='" + telephone + '\'' +", registerTime=" + registerTime +", popedom=" + popedom +'}';}
}

2、创建获取JSON控制器 - GetJsonController

在这里插入图片描述

package net.hw.spring.controller;import net.hw.spring.bean.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;import java.util.ArrayList;
import java.util.Date;
import java.util.List;/*** 功能:获取JSON控制器* 作者:华卫* 日期:2021年04月12日*/
@Controller
public class GetJsonController {@RequestMapping(value = "/getJson", produces = "application/json; charset=utf-8")@ResponseBody // 响应正文注解public User getJson() {User user = new User();user.setId(1);user.setUsername("萌萌哒");user.setPassword("902345");user.setTelephone("15834345678");user.setRegisterTime(new Date());user.setPopedom(1);return user;}@RequestMapping(value = "/getJsonArray", produces = "application/json; charset=utf-8")@ResponseBody // 响应正文注解public List getJsonArray() {List users = new ArrayList<>();// 创建第1个用户User user = new User();user.setId(1);user.setUsername("萌萌哒");user.setPassword("902345");user.setTelephone("15834345678");user.setRegisterTime(new Date());user.setPopedom(1);// 将用户添加到用户列表users.add(user);// 创建第2个用户user = new User();user.setId(2);user.setUsername("康科德");user.setPassword("12345");user.setTelephone("13856567890");user.setRegisterTime(new Date());user.setPopedom(1);// 将用户添加到用户列表users.add(user);// 创建第3个用户user = new User();user.setId(3);user.setUsername("娃哈哈");user.setPassword("54321");user.setTelephone("15890905678");user.setRegisterTime(new Date());user.setPopedom(1);// 将用户添加到用户列表users.add(user);return users;}
}

3、在pom.xml文件里添加对json的支持

在这里插入图片描述

                                        
                                               com.fasterxml.jackson.core          jackson-core                  2.9.7                               
                                              
                                               com.fasterxml.jackson.core          jackson-databind              2.9.7                               
                                              
                                               com.fasterxml.jackson.core          jackson-annotations           2.9.7                               
                                              

4、启动服务器,查看结果

  • 访问http://localhost:8080/SpringMVCDemo01/getJson
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 重启服务器,再次访问,查看效果
    在这里插入图片描述

  • 访问http://localhost:8080/SpringMVCDemo01/getJsonArray
    在这里插入图片描述

任务7、请求服务器端返回的XML数据

1、创建获取XML控制器 - GetXmlController

在这里插入图片描述

package net.hw.spring.controller;import net.hw.spring.bean.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;import java.util.ArrayList;
import java.util.Date;
import java.util.List;/*** 功能:获取XML控制器* 作者:华卫* 日期:2021年04月12日*/
@Controller
public class GetXmlController {@RequestMapping(value = "/getXml", produces = "application/xml; charset=utf-8")public @ResponseBodyList getXml() {List users = new ArrayList();User user = new User();user.setId(1);user.setUsername("萌萌哒");user.setPassword("12345");user.setTelephone("15889895678");user.setRegisterTime(new Date());user.setPopedom(1);users.add(user);user = new User();user.setId(2);user.setUsername("李文霞");user.setPassword("45678");user.setTelephone("13978783456");user.setRegisterTime(new Date());user.setPopedom(1);users.add(user);user = new User();user.setId(3);user.setUsername("郑智化");user.setPassword("88888");user.setTelephone("15890903456");user.setRegisterTime(new Date());user.setPopedom(1);users.add(user);return users;}
}

2、在pom.xml文件里添加对xml的支持

在这里插入图片描述


com.fasterxml.jackson.dataformatjackson-dataformat-xml2.5.3

3、在项目结构窗口将依赖添加到输出目录

在这里插入图片描述
在这里插入图片描述

4、启动服务器,查看效果

  • 访问http://localhost:8080/SpringMVCDemo01/getXml
    在这里插入图片描述

相关内容

热门资讯

眼球追踪仪安卓系统,探索视觉交... 你知道吗?在科技飞速发展的今天,我们的手机已经不仅仅是一个通讯工具了,它还能成为我们了解自己、提升体...
卡萨帝电视安卓系统,智能生活新... 亲爱的读者们,你是否曾为拥有一款既时尚又智能的电视而心动不已?今天,就让我带你走进卡萨帝电视的世界,...
安卓系统的魔鬼相机,解锁手机摄... 你有没有发现,手机里的相机功能越来越强大了?尤其是安卓系统的魔鬼相机,简直让人爱不释手!今天,就让我...
植物大战僵尸2安卓系统,绿色家... 亲爱的游戏迷们,你是否还记得那个充满阳光、笑声和绿色植物的奇妙世界?没错,就是那款让人百玩不厌的《植...
王者怎样转到安卓系统去,轻松实... 你有没有想过,把你的王者账号从iOS系统转到安卓系统去呢?这可不是一件小事,毕竟王者可是很多人的心头...
国产安卓手机最好的系统,探索最... 你有没有想过,为什么国产安卓手机越来越受欢迎呢?这其中,手机系统可是功不可没哦!今天,就让我带你一起...
安卓系统的汽车电脑,智能驾驶的... 你有没有想过,当你的手机和汽车电脑联手,会发生什么奇妙的事情呢?没错,就是安卓系统的汽车电脑!今天,...
蒙迪欧能接安卓系统吗,能否兼容... 你有没有想过,你的蒙迪欧汽车能不能升级成安卓系统呢?这可不是个简单的问题,里面可是藏着不少门道呢!今...
iPad魔改安卓系统,魔改系统... 你有没有想过,把iPad变成安卓系统?听起来是不是有点不可思议?但别急,今天我就要带你走进这个神奇的...
安卓系统便携导航仪,智能出行新... 你有没有想过,在旅途中,一款好的导航仪简直就是你的贴心小助手呢?想象你开着车,阳光洒在脸上,耳机里传...
云电脑推荐安卓手机系统,安卓手... 你有没有想过,在手机上也能享受到云电脑的强大功能呢?没错,现在就有这么神奇的安卓手机系统,让你随时随...
安卓系统底层组件卸载,揭秘卸载... 你有没有想过,你的安卓手机里那些看似无关紧要的底层组件,其实有时候就像那些藏在衣柜角落里的旧衣服,虽...
安卓系统支持更新系统吗,与时俱... 你有没有发现,你的安卓手机最近是不是有点儿“老态龙钟”了?别急,别急,让我来告诉你,安卓系统支持更新...
主机刷安卓tv系统教程,主机刷... 亲爱的玩家们,你是否厌倦了主机上的传统操作系统,想要给游戏生活来点新鲜感?别急,今天我要给你带来一个...
小米8原生安卓p系统,极致性能... 亲爱的读者们,你是否也像我一样,对手机系统更新充满期待?今天,就让我带你一起探索小米8的神奇之旅——...
安卓11更新系统权限,深度解析... 你有没有发现,最近你的安卓手机好像变得聪明多了?没错,这就是安卓11更新系统权限带来的神奇变化!今天...
领动安卓系统导航盒,智能出行新... 你有没有想过,家里的电视竟然也能变成智能导航的小助手?没错,就是那个领动安卓系统导航盒!今天,就让我...
式神赠送系统安卓,畅享奇幻之旅 你知道吗?最近在安卓平台上,有一个特别有趣的式神赠送系统,简直让人爱不释手!想象每天都能收到各种可爱...
安卓能刷米柚系统,米柚系统刷机... 你有没有想过给你的安卓手机换换口味?没错,就是刷机!今天,我要给你详细介绍安卓手机如何刷上米柚系统,...
小屏安卓旗舰流畅系统,揭秘小屏... 你有没有发现,现在手机市场真是热闹非凡啊!各种新机层出不穷,让人眼花缭乱。不过,今天我要给你安利的这...