基于XML配置方式使用Spring MVC——实战练习

于 2021-04-18 21:14:34 发布
阅读量192 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48838980/article/details/115611327
版权

文章目录

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

1、修改web.xml文件

  • 将设置启动首页注释
    在这里插入图片描述

2、创建首页文件index.jsp

在这里插入图片描述


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
</head>
<body>
    <h1>Hello, Spring MVC World!</h1>
</body>
</html>

3、修改登录控制器【LoginController】

在这里插入图片描述

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

在这里插入图片描述

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

  • 项目启动，跳转到首页，然后从首页跳转到登录页面，都是通过登录控制器里的跳转方法实现的，跳转方法里没有任何业务逻辑，只有return语句负责页面跳转

1、修改首页文件 【index.jsp】

在这里插入图片描述

2、修改登录控制器 【LoginController】

在这里插入图片描述

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

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

  • 正确的用户名：admin 密码：12345
    在这里插入图片描述

在这里插入图片描述

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

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

1、修改登录控制器 【LoginController】

  • 将前面添加的映射方法注释掉
    在这里插入图片描述

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

在这里插入图片描述

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

1、添加一张图片

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

5、 重启服务器，查看效果

在这里插入图片描述

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

任务1、通过css样式设置首页

  • 在WEB-INF里创建css目录，在里面创建样式文件index.css，负责首页的样式（元素全部居中，设置页面背景颜色，去掉超链接的下划线……）
    在这里插入图片描述
  • 编写css样式
    在这里插入图片描述
  • 在index.jsp中建立连接

在这里插入图片描述

  • 修改spring-mvc-config.xml代码
    在这里插入图片描述
  • 运行服务器，查看效果
    在这里插入图片描述

任务2、通过JavaScript脚本文件实现首页样式

  • 在WEB-INF里创建js目录，在里面创建脚本文件check.js，负责登录页面的非空校验（先进行用户名非空校验，后进行密码非空校验）
  • 待更新

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

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

在这里插入图片描述

package net.zjs.spring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

/**
 * 功能：获取字符串控制器
 * 作者：zjs
 * 时间：2021/4/12
 */
@Controller
public class GetStringController {
    @RequestMapping(value = "/getString",produces = "text/plain;charset=utf-8")
    @ResponseBody  //响应征文注解，表明返回字符而不是逻辑视图名
    public String getString(){
        return "Spring MVC真有意思！";
    }
}

2、启动服务器，查看结果

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

  • 思考：字体变粗在此代码中可以实现吗？
    在这里插入图片描述

  • 运行服务器，查看结果，字体变粗了
    在这里插入图片描述

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

1、创建用户实体类 【User】

在这里插入图片描述

package net.zjs.spring.bean;

import java.util.Date;

/**
 * 功能：用户实体类
 * 作者：zjs
 * 时间：2021/4/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;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                ", telephone='" + telephone + '\'' +
                ", registerTime=" + registerTime +
                ", popedom=" + popedom +
                '}';
    }
}

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

在这里插入图片描述

package net.zjs.spring.controller;

import net.zjs.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控制器
 * 作者：zjs
 * 时间：2021/4/12
 */
@Controller
public class GetJsonController {
    @RequestMapping
    @ResponseBody
    public User getJson() {
        User user = new User();
        user.setId(1);
        user.setUsername("张三");
        user.setPassword("12345");
        user.setTelephone("12345678901");
        user.setPopedom(1);
        return user;
    }

    @RequestMapping(value = "/getJsonArray", produces = "application/json; charset=utf-8")
    public @ResponseBody
    List<User> getJsonArray() {
        List<User> users = new ArrayList<User>();

        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;
    }
}

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

在这里插入图片描述

 <!--对json的支持-->
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-core</artifactId>
            <version>2.9.7</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.9.7</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-annotations</artifactId>
            <version>2.9.7</version>
        </dependency>

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

  1. 访问 http://localhost:8080/SpringMVCDemo/getJsonArray

在这里插入图片描述

  1. 访问 http://localhost:8080/SpringMVCDemo/getJson

在这里插入图片描述

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

1、创建获取XML控制器 【GetXmlController】

在这里插入图片描述

package net.zjs.spring.controller;


import net.zjs.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控制器
 * 作者：zjs
 * 日期：2021年04月12日
 */
@Controller
public class GetXmlController {
    @RequestMapping(value = "/getXml", produces = "application/xml; charset=utf-8")
    public @ResponseBody
    List<User> getXml() {
        List<User> users = new ArrayList<User>();

        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的支持

在这里插入图片描述

<!--对xml的支持-->
        <dependency>
            <groupId>com.fasterxml.jackson.dataformat</groupId>
            <artifactId>jackson-dataformat-xml</artifactId>
            <version>2.5.3</version>
        </dependency>

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

  • 访问 http://localhost:8080/SpringMVCDemo01/getXml
  • 在这里插入图片描述
qq_48838980
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于XML配置与注解的方式使用Spring MVC
qq_48838980的博客
04-08 177
项目实施 一、创建项目SpringMVCDemo01 二、在pom文件里添加相关依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.
七、基于XML 配置方式使用Spring MVC
qq_46300856的博客
04-25 312
文章目录创建新项目SpringMVCDemo01配置pom.xml刷新，并设置版本号添加Web功能创建三个页面1、登录页面-login.jsp2、登录成功页面-success.jsp3、登录失败页面-failure.jsp创建登录控制器-LoginController创建Spring MVC配置文件TomcatTomcat添加依赖运行Tomcat,出错运行成功 创建新项目SpringMVCDemo01 配置pom.xml <properties> <!-- spring
基于xml配置的Spring MVC HelloWorld
twx843571091的博客
08-30 145
基于xml配置的Spring MVC HelloWorld 系统环境： Jdk 1.8 IntelliJ IDEA 2016.3.7 Maven 3.3.9 使用Maven创建webapp 1.JPG 2.JPG 3.JPG 选择一下maven的本地目录，如果还没安装maven,可以选择id...
SpringMVC基于代码的配置方式（零配置，无web.xml）
08-13
SpringMVC基于代码的配置方式（零配置，无web.xml） 本资源博客地址：http://blog.csdn.net/u013816347/
【Spring】SpringMVC Servlet 配置示例
蜡笔小瑤的专栏
06-16 528
Spring MVC Servlet 配置示例
springmvc基于xml配置
weixin_42573995的博客
03-20 352
spring mvc 基于xml配置 springmvc.xml 扫描包 <context:component-scan base-package="包名"/> 注解驱动 <mvc:annotation-driven/> 视图解析器 <bean class="org.springframework.web.servlet.view.InternalResource...
Spring MVC入门 （基于XML配置）
Angelia Zheng
09-28 5644
JavaEE体系结构包括四层，从上到下分别是应用层、Web层、业务层、持久层。Struts和这篇文章中讲解的SpringMVC是Web层的框架，Spring是业务层的框架，之前文章中讲解的Hibernate和MyBatis是持久层的框架。 SpringMVC是一种基于Java，实现了Web MVC(模型 - 视图 - 控制器)设计模式，请求驱动类型的轻量级的开源的Web框架，即用了MVC架构模式...
JavaWeb小白——项目实战——油画商城源码.zip
03-12
6. **配置文件**：如web.xml，用来配置Servlet和Filter等，还有可能有Spring或MyBatis等框架的配置文件。 7. **数据库脚本**：用于创建油画商城所需的数据表，如用户表、商品表、订单表等。 学习这个项目，你需要...
personal-blog:基于spring boot 的个人博客，学习框架的练习项目
05-16
【个人博客系统构建详解——基于Spring Boot】 个人博客系统是一种常见的Web应用，它允许用户创建、编辑和分享自己的文章，通常包含用户管理、文章发布、评论互动等功能。本项目"personal-blog"是一个基于Spring ...
官方推荐——>基于SSM的食堂点餐系统毕业设计，带SQL文件
01-21
SSM（Spring、SpringMVC...总的来说，这个基于SSM的食堂点餐系统毕业设计项目是一个全面的实战练习，涵盖了前端界面设计、后端服务开发、数据库设计和管理等多个方面，对于学习和提升Java Web开发技能具有很高的价值。
Java毕业设计——基于ssm的酒店管理系统设计与实现（源码+数据库）.7z
09-29
3. **MyBatis**：MyBatis是一个持久层框架，它简化了Java与数据库的交互，通过XML或注解方式配置和映射SQL语句。在酒店管理系统中，MyBatis用于处理数据的CRUD操作，比如用户注册、查询房间信息、添加订单等。 4. *...
javatestMVC.zip
02-03
《Java MVC实战教程：基于jdk13、Eclipse 2019与Tomcat的项目实践》 在本文中，我们将深入探讨一个基于Java MVC架构的项目实例——"javatestMVC.zip"。这个压缩包包含了最新的开发环境，如JDK 13、Eclipse 2019集成...
基于XML配置的SpringMVC项目示例
Banboll 斑驳
07-17 618
学习时搭建，留此备忘。 使用Maven创建webapp项目或使用Eclipse创建Dynamic Web Project。创建好项目以后，先设置项目编码，环境，添加tomcat服务器支持等准备工作。修改pom.xml并添加项目依赖。 <dependencies> <!-- https://mvnrepository.com/artifact/junit/junit -->
SpringMVC的java配置+xml配置
lucky_ly的博客
03-10 3226
javaConfig配置SpringMVC 环境为JDK1.8+tomact8 在web3.0以前我们开发web项目都需要在web.xml中配置servlet,filter，等，3.0以后web容器提供基于注解为主的和自动化扫描配置上下文需要的类。web程序员从繁琐的xml文件配置中解脱出来。springMVC也提供也javaConfig的配置， 1.web.xml 必须为3.0 2....
Spring框架学习07 - 基于XML配置方式使用Spring MVC
lbj5063的博客
04-07 139
文章目录一、基于XML配置与注解的方式使用Spring MVC（一）创建Spring项目【SpringMVCDemo01】（二）在pom文件中添加相关依赖（三）给项目添加Web功能（四）创建三个页面1.登录页面 - login.jsp2.登录成功页面 - success.jsp3.登录失败页面 - failure.jsp（五）创建登录控制器（六）创建Spring配置文件（七）创建Spring MVC配置文件（八）在web.xml里加载Spring配置文件与Spring MVC配置文件（九）配置Tomcat服
基于XML配置的Spring+SpringMVC
RainSun_X
09-06 252
基于XML配置的Spring+SpringMVC 2019.09.05 序 在学完基础的J2EE后，个人第一次在大三暑假开始了SpringBoot的学习之旅，之前也早有耳闻SpringBoot的先进理念----约定大于配置，本人也在学习传统的XML配置的过程中深受其害，也想着早日从原始的石器时代步入自动化的工业时代，这不，基于松哥的SpringBoot视频教程学习笔记，个人的第一栏技术博客也正式...
SpringMVC的xml配置模板
qq_40903237的博客
07-09 1442
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://w...
Spring MVC中，基于XML配置和基于注解的依赖注入实例
空夜's Blog
07-28 3522
一、首先是基于XML配置的依赖注入实例   在本实例中，Spring MVC并非主要讲解内容，其文件范式不再重复，而有关依赖注入文件包括：接口类car.java，实现了car接口的Taxi,java和Train.java。在User类中，有一个Car对象属性。即此Car即为需要注入的对象。然后是配置的文件，applicationContext.xml，其中包含了Bean的定义。   下面是各个
Android与Vue.js的跨平台开发指南
最新发布
07-12
Android 和 Vue 是两个在技术栈和平台上都不同的概念，但它们可以间接地联系在一起： 1. **Android**： - Android 是一个基于Linux的开源操作系统，主要被用于移动设备如智能手机和平板电脑，以及可穿戴设备、电视等。 - Android 应用开发通常使用Java或Kotlin作为编程语言，并且使用Android SDK进行开发。 2. **Vue**： - Vue.js（通常简称为Vue）是一个开源的JavaScript框架，用于构建用户界面和单页应用程序（SPAs）。 - Vue 使用HTML、CSS和JavaScript（Vue特定的语法糖）来构建前端界面。 尽管Vue主要用于Web前端开发，但存在一些方法可以将Vue.js与Android集成： - **WebView**： - Android应用可以使用WebView组件来加载和显示基于Vue.js开发的Web应用，就像在应用中嵌入一个浏览器窗口。 - **跨平台框架**： - 使用跨平台移动应用开发框架，如NativeScript、Weex或React N

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值