企业级信息系统开发学习笔记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
    在这里插入图片描述

相关内容

热门资讯

安卓9.0以上系统吗 你有没有发现,最近你的手机是不是变得越来越聪明了?没错,这就是安卓9.0以上系统带来的魔力!今天,就...
微信安装需要安卓系统,安卓系统... 你有没有想过,为什么你的手机里要装那么多APP?其中,微信可是占据了重要位置。不过,你知道吗?微信安...
安卓打开软件定位系统,畅享便捷... 你有没有发现,现在手机里的软件越来越智能了?它们不仅能帮你找路,还能知道你在哪里。今天,就让我来给你...
王者怎么苹果换安卓系统,轻松切... 你有没有想过,把你的苹果手机换成安卓系统,体验一下不一样的世界呢?这可不是一件小事,毕竟手机可是我们...
安卓系统软件之间切换,体验流畅... 你有没有遇到过这种情况?手机里装了各种各样的安卓系统软件,有时候想切换却发现操作起来有点头疼。别急,...
一加6安卓系统下载,安卓系统下... 你有没有听说最近一加6的安卓系统下载又更新了?这可是个大新闻呢!想象你的手机就像是一辆赛车,而安卓系...
2寸安卓系统吗 你有没有听说过2寸安卓系统?是不是觉得这个名字有点奇怪,有点像是在开玩笑?别急,今天我就要带你深入了...
发光滤镜怎么调安卓系统,如何通... 亲爱的手机摄影爱好者们,你是否曾在某个夜晚,拿起手机,对着璀璨的星空,想要记录下那份神秘与美丽,却发...
环信支持安卓系统版本,全面覆盖... 你知道吗?在手机通讯领域,环信可是个响当当的名字呢!它不仅支持安卓系统,而且支持的版本跨度之大,简直...
主角是系统和安卓,未来已来 你知道吗?在这个科技飞速发展的时代,手机已经成为了我们生活中不可或缺的好伙伴。而在这众多手机品牌中,...
安卓系统哪个看电影,哪个应用是... 亲爱的手机控们,你是不是也在寻找一款既能满足你观影需求,又能在安卓系统上流畅运行的观影神器呢?别急,...
安卓系统系统画中画咋开 你有没有发现,现在手机上的功能越来越丰富,简直就像一个小型的电脑呢!今天,我就来和你聊聊安卓系统里那...
华硕装安卓系统教程视频,体验全... 亲爱的电脑小白们,你是否对华硕笔记本装上安卓系统充满好奇?想象在Windows的世界里,突然闯入了一...
安卓系统王者怎么送ios系统皮... 你有没有想过,让你的安卓系统王者英雄穿上iOS系统的皮肤呢?听起来是不是有点不可思议?别急,今天就来...
手机怎么优化安卓系统,安卓系统... 手机用久了是不是感觉越来越卡?别急,今天就来教你怎么优化安卓系统,让你的手机焕发第二春!一、清理缓存...
安卓系统的手指符号,探索手指符... 你有没有发现,在使用安卓手机的时候,那些手指符号简直就像是我们的小帮手,无处不在,却又默默无闻。今天...
安卓系统录屏位置 亲爱的手机控们,你是否曾有过这样的经历:想要记录下手机屏幕上的精彩瞬间,却发现找不到安卓系统中的录屏...
餐饮点菜系统安卓下载,餐饮点菜... 你有没有想过,点菜也能变得如此轻松有趣?没错,就是那个能让你在手机上就能轻松点菜的餐饮点菜系统!今天...
适配安卓软件的系统,安卓系统适... 你有没有想过,为什么你的安卓手机有时候运行得那么慢,有时候又那么流畅呢?这背后其实有一个非常重要的角...
安卓系统腾讯会员价格,尊享优惠 你有没有发现,最近手机上有个大变化?安卓系统里的腾讯会员价格又双叒叕调整了!这可真是让人又爱又恨啊。...