SpringMVC最简实例hello world

最新推荐文章于 2024-10-13 11:55:17 发布

子林Android

最新推荐文章于 2024-10-13 11:55:17 发布

阅读量314

点赞数

CC 4.0 BY-SA版权

分类专栏： java-web 文章标签： spring mvc 实例

本文链接：https://blog.youkuaiyun.com/fxjzzyo/article/details/78300537

java-web 专栏收录该内容

2 篇文章

订阅专栏

准备工作

开发工具：Eclipse
所需jar包：
jar包

1. 新建Dynamic web project，工程名为SpringMVC

一路next，注意最后一步勾选生成web.xml的勾选框，然后finish。

这里写图片描述

新生成的工程目录如下图：

工程目录

2. 将准备好的jar包拷贝到WEB-INF/lib下

然后选中所有jar包，右键–>build path–>add to path。

这里写图片描述

3. 新建并配置springmvc-sevlet.xml

在WEB-INF目录下新建名为springmvc-sevlet的xml文件，其内容如下：

<?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:p="http://www.springframework.org/schema/p"
    xmlns:context="http://www.springframework.org/schema/context"
    xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:task="http://www.springframework.org/schema/task"
    xsi:schemaLocation="
        http://www.springframework.org/schema/beans 
        http://www.springframework.org/schema/beans/spring-beans-4.2.xsd 
        http://www.springframework.org/schema/context 
        http://www.springframework.org/schema/context/spring-context-4.2.xsd 
        http://www.springframework.org/schema/mvc 
        http://www.springframework.org/schema/mvc/spring-mvc-4.2.xsd 
        http://www.springframework.org/schema/task 
        http://www.springframework.org/schema/task/spring-task-4.2.xsd">

    <!-- 扫描路径 -->
    <context:component-scan base-package="com.fxj.controller">
        <context:include-filter type="annotation"
            expression="org.springframework.stereotype.Controller" />
    </context:component-scan>

    <!-- 配置根视图 -->
    <mvc:view-controller path="/" view-name="index" />

    <!-- 激活基于注解的配置 @RequestMapping, @ExceptionHandler,数据绑定 ,@NumberFormat , 
        @DateTimeFormat ,@Controller ,@Valid ,@RequestBody ,@ResponseBody等 -->
    <mvc:annotation-driven />

    <!-- 静态资源配置 -->
    <mvc:resources location="/assets/" mapping="/assets/**"></mvc:resources>

    <!-- 视图层配置 -->
    <bean
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/" />
        <property name="suffix" value=".jsp" />
    </bean>

</beans>

注意：
扫描路径里的base-packge，要写在java src里的包名，我这里是com.fxj.controller

<context:component-scan base-package="com.fxj.controller">

4. 配置web.xml

web.xml是新建项目时自动生成的，位于WEB-INF目录下，将其内容配置为如下所示：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns="http://xmlns.jcp.org/xml/ns/javaee"
    xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
    id="WebApp_ID" version="3.1">
  <display-name>SpringMVC</display-name>
    <!-- 统一编码 -->
    <filter>
        <filter-name>charsetEncoding</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
        <init-param>
            <param-name>forceEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>charsetEncoding</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
    <!-- 前端控制器 -->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!-- 加载/WEB-INF/[servlet-name]-servlet.xml -->
        <load-on-startup>1</load-on-startup>

    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <!-- <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
        <welcome-file>default.html</welcome-file>
        <welcome-file>default.htm</welcome-file>
        <welcome-file>default.jsp</welcome-file>
    </welcome-file-list> -->
</web-app>

5. 建立视图页

在WEB-INF下新建文件夹pages，在其下新建index.jsp，内容如下：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>hello</title>
</head>
<body>
<h1>hello Spring MVC</h1>
</body>
</html>

6. 建立Controller

在Java Resource下的src中新建包com.fxj.controller。
然后新建HelloController.class文件，其内容如下：

package com.fxj.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
@RequestMapping(value = "/hello")
public class HelloController {
    @RequestMapping(value="/world",method = RequestMethod.GET)
    public String hello(Model model){
        System.out.println("hello");
        model.addAttribute("msg","你好Spring MVC!");
        return "index";

    }
}

通过url示例就可直观明白上述controller的访问方法
要想访问hello函数，这里的url是:
http://localhost:8888/SpringMVC/hello/world.html
我这里的tomcat端口是8888，如果你的是8080就写8080。
在浏览器中打开链接，即可看见激动人心的hello world 啦！

这里写图片描述

如果要往index.jsp中传数据该怎么做呢？下面的这行代码就是答案

model.addAttribute("msg","你好Spring MVC!");

它通过键值对的形式传递，要想在index.jsp中显示msg所指的值，只需需要显示的地方这样引用：
${msg}

如下图所示：

这里写图片描述

再次访问，结果如下：

这里写图片描述

至此，一个SpringMVC最简实例hello world就已经完成了！
凡事开头难，只要懂了这个简单的hello world例子，其他业务需求也可照葫芦画瓢，触类旁通！

接下来，在上面的基础是增加一个登录的简单示例

1. 在java source 下的com.fxj.controller包中新增LoginAction.class，内容如下：

package com.fxj.controller;

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

@Controller
public class LoginAction {

    @RequestMapping("/login.do")
    public String login(String name,String pwd){
        System.out.println(name +" 登录成功");

        return "loginSuccess";
    }

}

2. 修改index.jsp

在index.jsp中新增

<form action="login.do" method="post">
    username:<input type="text" name = "name" ><p> 
    password:<input type="password" name = "pwd" ><p>
    <input type="submit" value="登录"> 
</form>

如下图：

这里写图片描述

3. 在WEB-INF/pages/下新增loginSuccess.jsp,内容如下：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>success</title>
</head>
<body>
<h1>Login Success !</h1>
</body>
</html>