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

相关内容

热门资讯

编程安卓系统和鸿蒙主题,跨平台... 你有没有想过,手机的世界里,除了苹果的iOS和安卓的操作系统,还有个神秘的鸿蒙系统?今天,咱们就来聊...
哪个安卓机系统好用,探索安卓系... 你有没有想过,手机里的安卓系统就像是个大厨,不同的系统就像不同的烹饪手法,有的让你吃得津津有味,有的...
安卓如何控制苹果系统,从安卓到... 你知道吗?在这个科技飞速发展的时代,安卓和苹果两大操作系统之间的较量从未停歇。虽然它们各自有着忠实的...
安卓原生系统文件夹,安卓原生系... 你有没有发现,每次打开安卓手机,里面那些文件夹就像是一个个神秘的宝箱,里面藏着各种各样的宝贝?今天,...
基于安卓系统的游戏开发,从入门... 你有没有想过,为什么安卓手机上的游戏总是那么吸引人?是不是因为它们就像是你身边的好朋友,随时随地都能...
安卓系统怎样装驱动精灵,安卓系... 你那安卓设备是不是突然间有点儿不给力了?别急,今天就来手把手教你如何给安卓系统装上驱动精灵,让你的设...
如何本地安装安卓系统包,详细步... 你有没有想过,把安卓系统装在你的电脑上,是不是就像给电脑穿上了时尚的新衣?想象你可以在电脑上直接玩手...
安卓12卡刷系统教程,体验全新... 你有没有发现,你的安卓手机最近有点儿不给力了?运行速度慢得像蜗牛,是不是也想给它来个“换血大法”,让...
安卓系统无法打开swf文件,安... 最近是不是发现你的安卓手机有点儿不给力?打开SWF文件时,是不是总是出现“无法打开”的尴尬局面?别急...
鸿蒙系统依赖于安卓系统吗,独立... 你有没有想过,我们手机里的那个鸿蒙系统,它是不是真的完全独立于安卓系统呢?这个问题,估计不少手机控都...
适合安卓系统的图片软件,精选图... 手机里堆满了各种美美的照片,是不是觉得找起来有点头疼呢?别急,今天就来给你安利几款超级适合安卓系统的...
阴阳师安卓系统典藏,探寻阴阳师... 亲爱的阴阳师们,你是否在安卓系统上玩得如痴如醉,对那些精美的典藏式神们垂涎欲滴?今天,就让我带你深入...
安卓系统有碎片化缺点,系统优化... 你知道吗?在手机江湖里,安卓系统可是个响当当的大侠。它那开放、自由的个性,让无数手机厂商和开发者都为...
安卓4系统手机微信,功能解析与... 你有没有发现,现在市面上还有很多安卓4系统的手机在使用呢?尤其是那些喜欢微信的朋友们,这款手机简直就...
鸿蒙系统是安卓的盗版,从安卓“... 你知道吗?最近在科技圈里,关于鸿蒙系统的讨论可是热闹非凡呢!有人说是安卓的盗版,有人则认为这是华为的...
安卓系统怎么剪辑音乐,轻松打造... 你是不是也和我一样,手机里存了超多好听的歌,但是有时候想给它们来个变身,变成一段专属的旋律呢?别急,...
怎么把安卓手机系统变为pc系统... 你有没有想过,把你的安卓手机变成一台PC呢?听起来是不是有点酷炫?想象你可以在手机上玩电脑游戏,或者...
手机怎么装安卓11系统,手机安... 你有没有想过,让你的手机也来个“青春焕发”,升级一下系统呢?没错,就是安卓11系统!这个新系统不仅带...
安卓系统如何拼网络,构建高效连... 你有没有想过,你的安卓手机是怎么和网络“谈恋爱”的呢?没错,就是拼网络!今天,就让我带你一探究竟,看...
安卓系统怎么看小说,轻松畅享电... 你有没有发现,手机里装了那么多应用,最离不开的竟然是那个小小的小说阅读器?没错,就是安卓系统上的小说...