Springmvc深入浅出之入门程序

清疚 2022-04-23 05:12 141阅读 0赞

### **创建web工程** ###

springMVC是表现层框架，需要搭建web工程开发。

如下图创建动态web工程：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70][]

输入工程名，选择配置Tomcat（如果已有，则直接使用），如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 1][]

配置Tomcat，如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 2][]

选择准备好的Tomcat，这里用的是Tomcat7，如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 3][]

选择成功，点击Finish，如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 4][]

选择刚刚设置成功的Tomcat，如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 5][]

如下图选择web的版本是2.5，可以自动生成web.xml配置文件，

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 6][]

创建效果如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 7][]

### **导入jar包** ###

将jar到lib目录，工程直接加载jar包，如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 8][]

### 加入配置文件 ###

创建config资源文件夹，存放配置文件，如下图：

![20190124093551139.png][]

### **创建springmvc.xml** ###

创建SpringMVC的核心配置文件

SpringMVC本身就是Spring的子项目，对Spring兼容性很好，不需要做很多配置。

这里只配置一个Controller扫描就可以了，让Spring对页面控制层Controller进行管理。

创建springmvc.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"*

xsi:schemaLocation=*"http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd*

*        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd*

*        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd"*>

<context:component-scan base-package=*"cn.springmvc.controller"* />

</beans>

### **配置前端控制器** ###

配置SpringMVC的前端控制器DispatcherServlet

在web.xml中

<?xml version=*"1.0"* encoding=*"UTF-8"*?>

<web-app xmlns:xsi=*"http://www.w3.org/2001/XMLSchema-instance"*

xmlns=*"http://java.sun.com/xml/ns/javaee"*

xsi:schemaLocation=*"http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app\_2\_5.xsd"*

id=*"WebApp\_ID"* version=*"2.5"*>

<display-name>springmvc-first</display-name>

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

<servlet-name>springmvc-first</servlet-name>

<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

<init-param>

<param-name>contextConfigLocation</param-name>

<param-value>classpath:springmvc.xml</param-value>

</init-param>

</servlet>

<servlet-mapping>

<servlet-name>springmvc-first</servlet-name>

<url-pattern>\*.action</url-pattern>

</servlet-mapping>

</web-app>

### **加入jsp页面** ###

把参考资料中的itemList.jsp复制到工程的/WEB-INF/jsp目录下，如下图：

![20190124093841665.png][]

### **创建pojo** ###

分析页面，查看页面需要的数据，如下图：

![20190124093957779.png][]

创建商品pojo

**public** **class** Item \{

// 商品id

**private** **int** id;

// 商品名称

**private** String name;

// 商品价格

**private** **double** price;

// 商品创建时间

**private** Date createtime;

// 商品描述

**private** String detail;

创建带参数的构造器

set/get。。。

### **创建ItemController** ###

首先创建cn.springmvc.controller包并此包内加入ItemController，ItemController是一个普通的java类，不需要实现任何接口。

需要在类上添加@Controller注解，把Controller交由Spring管理

在方法上面添加@RequestMapping注解，里面指定请求的url。其中“.action”可以加也可以不加。

@Controller

**public** **class** ItemController \{

// @RequestMapping：里面放的是请求的url，和用户请求的url进行匹配

// action可以写也可以不写

@RequestMapping("/itemList.action")

**public** ModelAndView queryItemList() \{

// 创建页面需要显示的商品数据

List<Item> list = **new** ArrayList<>();

list.add(**new** Item(1, "1华为 荣耀8", 2399, **new** Date(), "质量好！1"));

list.add(**new** Item(2, "2华为 荣耀8", 2399, **new** Date(), "质量好！2"));

list.add(**new** Item(3, "3华为 荣耀8", 2399, **new** Date(), "质量好！3"));

list.add(**new** Item(4, "4华为 荣耀8", 2399, **new** Date(), "质量好！4"));

list.add(**new** Item(5, "5华为 荣耀8", 2399, **new** Date(), "质量好！5"));

list.add(**new** Item(6, "6华为 荣耀8", 2399, **new** Date(), "质量好！6"));

// 创建ModelAndView，用来存放数据和视图

ModelAndView modelAndView = **new** ModelAndView();

// 设置数据到模型中

modelAndView.addObject("list", list);

// 设置视图jsp，需要设置视图的物理地址

modelAndView.setViewName("/WEB-INF/jsp/itemList.jsp");

**return** modelAndView;

\}\}

### **启动项目测试** ###

启动项目，浏览器访问地址

http://127.0.0.1:8080/springmvc-first/itemList.action

效果如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 9][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70]: /images/20220323/1e8bdb112a4643d88ba5dbf0dfa9b211.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 1]: /images/20220323/1412c0588ab34531a6bb68075d15a980.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 2]: /images/20220323/7b3fb720035c444db6ada306743f0678.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 3]: /images/20220323/f922a332dd5e4886b277783b7df6bb65.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 4]: /images/20220323/2e5e6f081987405e93efb8961bf98936.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 5]: /images/20220323/a439680d9ba14eabaa82d8bdf90ea17e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 6]: /images/20220323/1215efee9d91407680157eb1ca221382.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 7]: /images/20220323/d45ae2c21d86494dac5df50de5007d1d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 8]: /images/20220323/5dd22a62768f417d9b47b957ca14e248.png
[20190124093551139.png]: /images/20220323/005937747b6d426a834db512407a3b18.png
[20190124093841665.png]: /images/20220323/96602fd767194f62ab2756fafde3e673.png
[20190124093957779.png]: /images/20220323/b6faa565b0da4f00a0cb632567a7e192.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3Nzk4MA_size_16_color_FFFFFF_t_70 9]: /images/20220323/9515e1d8be1a458aae347ab78146227d.png