文章目錄
- SpirngMVC介紹
- MVC模式圖解
- SpringMVC的作業原理圖
- SpringMVC小案例
- 最終效果圖
- 1. 環境準備`pom.xml`
- 2. 準備bean物件`Person`
- 3. 用`PersonDb`模擬查詢資料
- 4. 核心組態檔`springmvc.xml`
- 5. 配置`web.xml`配置`DispatcherServlet`
- 6. 創建`PersonController`
- 7. 前端`list.jsp`頁面
SpirngMVC介紹
- Spring mvc屬于表現層(view)的框架，它是Spring框架的一部分，
- 主要用于接收引數，獲取引數，處理引數，最終將結果回應給瀏覽器(重定向/請求轉發/回傳json資料)
- springmvc屬于spring FrameWork的一部分，就是一個Spring的模塊，
- SpringMVC的web層現在寫為controller層，@Controller注解，service層還是@Service，dao層還是@Repository
MVC模式圖解
SpringMVC的作業原理圖
SpringMVC小案例
最終效果圖
1. 環境準備pom.xml
<dependencies>
<!-- 3 servlet-->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
<version>2.5</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jsp-api</artifactId>
<version>2.0</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<!-- spring mvc是對servlet的封裝-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.2.9.RELEASE</version>
</dependency>
</dependencies>
2. 準備bean物件Person
public class Person {
private int id;
private String username;
private String password;
private String city;
//省略get/set方法
}
3. 用PersonDb模擬查詢資料
public class PersonDb {
//模擬資料庫的呼叫
public static List<Person> findAll(){
List<Person> list = new ArrayList<Person>();
list.add(new Person(1,"jack","123456","北京"));
list.add(new Person(2,"rose","123456","長沙"));
list.add(new Person(3,"tony","123456","深圳"));
return list;
}
}
4. 核心組態檔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:context="http://www.springframework.org/schema/context"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">
<!--進行包掃描,創建controller層的物件 只要是指定的包與子包下面有@Controller的類
都要被創建物件，且加入ioc容器中-->
<context:component-scan base-package="com.wzx.controller"/>
</beans>
5. 配置web.xml配置DispatcherServlet
配置所有的后綴為.action的受DispatcherServlet調配，
Alt+Insert快捷鍵選擇servlet創建(或者滑鼠右鍵選擇 Generate)
<!--滑鼠右鍵自動生成servlet-->
<servlet>
<servlet-name>DispatcherServlet</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>
<!-- 設定優先級，讓前端控制器去讀取，取值是正整數，值越小的優先級越高 -->
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>DispatcherServlet</servlet-name>
<!-- *.action就是所有后綴為action的轉給當前servlet處理 -->
<url-pattern>*.action</url-pattern>
</servlet-mapping>
6. 創建PersonController
??ModelAndView資料格式 Model是資料，View是視圖，進行資料與頁面的封裝，
@RequestMapping設定自訪問名稱
@Controller
public class PersonController {
//查詢所有的person資料，后綴action
@RequestMapping("list.action")
public ModelAndView listPersons(){
//1:獲取集合
List<Person> list = PersonDb.findAll();
//2:轉發到頁面 - 以前通過設定到請求域中，然后請求轉發/重定向
// request.setAttribute("list",list)
// request.getDispatcher("/list.jsp").forward(req,resp)
//現在通過ModelAndView資料格式 Model是資料，View是視圖，進行資料與頁面的封裝，
ModelAndView mv = new ModelAndView();//對資料與頁面的封裝
mv.addObject("list",list);
mv.setViewName("list.jsp");
//3:在頁面上進行forEach回圈
return mv;
}
}
7. 前端list.jsp頁面
通過C標簽的forEach回圈遍歷輸出顯示，c:forEach
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<table border="1px" width="100%">
<tr>
<td>編號 </td>
<td>用戶名 </td>
<td>密碼 </td>
<td>城市 </td>
<td>操作 </td>
</tr>
<%--通過forEach回圈，item是回圈的當前物件，存放到作用域中，通過el運算式獲取--%>
<c:forEach items="${list}" var="item" >
<tr>
<td>${item.id}</td>
<td>${item.username}</td>
<td>${item.password}</td>
<td>${item.city}</td>
<td><a href="#">修改</a> </td>
</tr>
</c:forEach>
</table>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/173765.html
標籤：java
下一篇：老大，不好了，記憶體泄漏了！