1. 程式人生 > >3,從零開始搭建SSHM開發框架(整合Spring MVC)

3,從零開始搭建SSHM開發框架(整合Spring MVC)

目錄

本專題部落格已共享在(這個可能會更新的稍微一些)

1.修改pom.xml,增加spring-mvc 的依賴

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
    <modelVersion>4.0.0</modelVersion
>
<groupId>com.wiker</groupId> <artifactId>sshm</artifactId> <packaging>war</packaging> <version>1.0-SNAPSHOT</version> <name>sshm Maven Webapp</name> <url>http://maven.apache.org</url> <properties> <hibernate-version
>
5.1.0.Final</hibernate-version> <spring-version>4.2.5.RELEASE</spring-version> <log4j-version>1.2.17</log4j-version> <jack-json-version>2.7.3</jack-json-version> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding
>
<jdk.version>1.8</jdk.version> </properties> <dependencies> <!-- Hibernate --> <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-core</artifactId> <version>${hibernate-version}</version> </dependency> <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-entitymanager</artifactId> <version>${hibernate-version}</version> </dependency> <!-- mysql 驅動 --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.38</version> </dependency> <!-- Spring,JPA start --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>${spring-version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aop</artifactId> <version>${spring-version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context-support</artifactId> <version>${spring-version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>${spring-version}</version> </dependency> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-jpa</artifactId> <version>1.9.4.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-orm</artifactId> <version>${spring-version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-web</artifactId> <version>${spring-version}</version> </dependency> <!-- Spring MVC --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>${spring-version}</version> </dependency> <!-- 阿里的資料來源 --> <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> <version>1.0.22</version> </dependency> <dependency> <groupId>log4j</groupId> <artifactId>log4j</artifactId> <version>${log4j-version}</version> </dependency> <!-- jackson --> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>${jack-json-version}</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-core</artifactId> <version>${jack-json-version}</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-annotations</artifactId> <version>${jack-json-version}</version> </dependency> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency> <!-- JSP /Servlet --> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jsp-api</artifactId> <version>2.0</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>4.0.0-b01</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version> <scope>provided</scope> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-test</artifactId> <version>${spring-version}</version> <scope>test</scope> </dependency> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.11</version> <scope>test</scope> </dependency> </dependencies> <build> <finalName>sshm</finalName> </build> </project>

主要新增瞭如下選項


        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>${spring-version}</version>
        </dependency>

       <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>${jack-json-version}</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-core</artifactId>
            <version>${jack-json-version}</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-annotations</artifactId>
            <version>${jack-json-version}</version>
        </dependency>


        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.1</version>
        </dependency>

2.增加spring-mvc.xml

檔案放到WEB-INF/下,如果你的包名和我的不一樣,需要修改一下base-package="com.wiker" 中的包名

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


    <!-- 自動掃描且只掃描@Controller且包名是:com.wiker下的class -->
    <context:component-scan base-package="com.wiker"
        use-default-filters="false">
        <context:include-filter type="annotation"
            expression="org.springframework.stereotype.Controller" />
    </context:component-scan>


    <context:property-placeholder location="classpath*:/*.properties" />
    <!-- Application Message Bundle -->
    <bean id="messageSource"
        class="org.springframework.context.support.ResourceBundleMessageSource">
        <property name="basename" value="messages" />
    </bean>

    <!-- Json返回 亂碼處理 -->
    <bean
        class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
        <property name="messageConverters">
            <list>
                <bean
                    class="org.springframework.http.converter.ByteArrayHttpMessageConverter" />
                <bean
                    class="org.springframework.http.converter.StringHttpMessageConverter">
                    <property name="supportedMediaTypes">
                        <list>
                            <value>text/plain;charset=UTF-8</value>
                        </list>
                    </property>
                </bean>
                <!-- Controller 自動轉JSON -->
                <bean
                    class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
                    <property name="supportedMediaTypes">
                        <list>
                            <value>text/json;charset=UTF-8</value>
                        </list>
                    </property>
                </bean>
                <bean
                    class="org.springframework.http.converter.ResourceHttpMessageConverter" />
                <bean
                    class="org.springframework.http.converter.xml.SourceHttpMessageConverter" />
                <bean
                    class="org.springframework.http.converter.xml.XmlAwareFormHttpMessageConverter" />
                <bean
                    class="org.springframework.http.converter.xml.Jaxb2RootElementHttpMessageConverter" />
            </list>
        </property>
    </bean>


    <mvc:annotation-driven />

    <!-- 將無法mapping到Controller的path交給default servlet handler處理 -->
    <mvc:default-servlet-handler />

    <!-- 定義JSP檔案的位置 -->
    <bean
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <!-- JSP 對映路徑,有些為了安全也可以配置成/WEB-INF/,這樣jsp是無法直接訪問的 -->
        <property name="prefix" value="/" />
        <property name="suffix" value=".jsp" />
    </bean>

    <!-- 定義無Controller的path<->view直接對映,可以當作歡迎頁使用,這裡就直接對映到test了 -->
    <mvc:view-controller path="/" view-name="redirect:/test" />
</beans>

3.修改web.xml

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>

    <context-param>
        <param-name>javax.servlet.jsp.jstl.fmt.localizationContext</param-name>
        <param-value>messages</param-value>
    </context-param>
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>
            classpath:/applicationContext-service.xml
        </param-value>
    </context-param>
    <context-param>
        <param-name>spring.profiles.default</param-name>
        <param-value>production</param-value>
    </context-param>

    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

    <!-- 解決亂碼的問題 -->
    <filter>
        <filter-name>encodingFilter</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>
    <!-- Spring mvc的配置 -->
    <servlet>
        <servlet-name>springServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>/WEB-INF/spring-mvc.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
  <display-name>Archetype Created Web Application</display-name>
</web-app>

4.給Service加一個刪除的方法

package com.wiker.service;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import com.wiker.entity.TestEntity;
import com.wiker.repository.TestDao;

@Service
@Transactional(readOnly = true)
public class TestService {

    @Autowired
    private TestDao testDao;

    @Transactional(readOnly=false)
    public TestEntity add(TestEntity t){
        return testDao.save(t);
    }

    @Transactional(readOnly=false)
    public void del(long id){
        testDao.delete(id);
    }

    public List<TestEntity> getAll(){
        return (List<TestEntity>) testDao.findAll();
    }
}

5.測試Controller

TestController.java

package com.wiker.controller;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;

import com.wiker.entity.TestEntity;
import com.wiker.service.TestService;

//要使用Controller 必須加@Controller註解也可以用@Controller("path")這裡面的path相當於本Controller的根路徑
//如果配置成@Controller("path"),那麼訪問的地址應該是:http://localhost:8080/path/test
@Controller
public class TestController {

    //對映JSP測試
    @RequestMapping(value = "test", method = {
            RequestMethod.GET, RequestMethod.POST
        })
    public String test(Model model,String name) {
        model.addAttribute("name", name);
        return "index";
    }

    //測試自動轉JSON
    @RequestMapping(value = "test.json", method = {
            RequestMethod.GET, RequestMethod.POST
        })
    @ResponseBody
    public Map<String,Object> testJson(Model model,String name) {
        Map<String,Object> map = new HashMap<String,Object>();
        map.put("name", name);
        return map;
    }

    //和Service結合,實現資料庫操作。這裡是注入的Service,其實直接注入Dao也是可以的
    //TIPS:Service使用了事務,所以不要直接try catch,不然事務會失效
    @Autowired
    private TestService testService;

    //獲取列表
    @RequestMapping(value = "testGetAll", method = {
            RequestMethod.GET, RequestMethod.POST
        })
    public String testGetAll(Model model,String name) {
        List<TestEntity> list = testService.getAll();
        model.addAttribute("list", list);
        return "testList";
    }

    //新增操作,新增後返回列表頁面,這裡為了簡單演示就直接通過redirect的方式
    //真實情況應該是根據業務需求來是重定向還是直接重新整理頁面等
    @RequestMapping(value = "testAdd", method = {
            RequestMethod.GET, RequestMethod.POST
        })
    public String testGetAll(Model model,TestEntity entity) {
        testService.add(entity);
        List<TestEntity> list = testService.getAll();
        model.addAttribute("list", list);
        return "redirect:/testGetAll";
    }

    //新增操作,新增後返回列表頁面,這裡為了簡單演示就直接通過redirect的方式
    //真實情況應該是根據業務需求來是重定向還是直接重新整理頁面等
    @RequestMapping(value = "testDel", method = {
            RequestMethod.GET, RequestMethod.POST
        })
    public String testDel(Model model,long id) {
        testService.del(id);
        return "redirect:/testGetAll";
    }
}

6.新增測試的JSP

testList.jsp

<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath }"/>
<html>
<body>
<h2>測試資料庫操作</h2>
<form action="${ctx }/testAdd" method="post">
<input type="text" name="content">
<input type="submit" value="提交"></input>
</form>
<table style="width:500px;" border="1">
<tr>
<td>ID</td>
<td>Content</td>
<td>操作</td>
<tr>
<c:forEach var="item" items="${list }">
<tr>
<td>${item.id }</td>
<td>${item.content }</td>
<td>
<a href="${ctx }/testDel?id=${item.id}">刪除</a>
</td>
<tr>
</c:forEach>
</table>
</body>
</html>

7.來幾張效果圖

Controller測試

測試返回JSON

資料庫中的記錄

和service結合

8.Spring mvc擴充套件用法

上面已經介紹了@ResponseBody,還有其它註解如:

  • @PathVariable 用於REST風格
@RequestMapping(value = "test/{name}", method = {
            RequestMethod.GET, RequestMethod.POST
        })
public String test(Model model,@PathVariable String name) {
    model.addAttribute("name", name);
    return "index";
}
  • @RequestParam 用於引數繫結
@RequestMapping(value = "test", method = {
            RequestMethod.GET, RequestMethod.POST
        })
public String test(Model model,@RequestParam("testName")String name) {
    model.addAttribute("name", name);
    return "index";
}
  • @RequestMapping 中也有很多高階的用法,比如多個URL對映同一個URL,而且支援正則等。註解中的method屬性表示用哪些方法可以方法,GET,POST,DELETE,PUT等都支援,還有一些其它屬性,如圖:

RequestMapping屬性

eclipse 上的maven這點比較方便,想看某個類的原始碼,Ctrl+點選進去便可以看到,如果沒有下載,會自動下載源到到本地的倉庫,而且是有註釋的原始碼。IDEA雖然也能下原始碼,但是點進去看沒有註釋,不知道是不是我設定的不對~~~

  • @InitBinder 可以用於資料精確的繫結

日期轉換,這樣如果資料提交的是yyyy–MM-dd格式的將自動轉換為Date型別。例:

    @InitBinder
    protected void initBinder(WebDataBinder binder) {
        SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd");
        CustomDateEditor editor = new CustomDateEditor(dateFormat, true);
        binder.registerCustomEditor(Date.class, editor);
    }

也可以手動自編寫其它的型別,只需要繼承PropertyEditorSupport類便可。需要的同學可以網上搜索一下使用方法

本章程式原始碼下載地址

歡迎關注微信公眾號(小妞妞程式設計師):

相關推薦

3開始搭建SSHM開發框架整合Spring MVC

目錄 本專題部落格已共享在(這個可能會更新的稍微一些) 1.修改pom.xml,增加spring-mvc 的依賴 <project xmlns="http://maven.apache.org/POM/4.

造輪子:搭建一個簡單的nodejs伺服器開始搭建一個自用網站0

伺服器用的是阿里雲最早期的伺服器低配版本1Gcpu,512M記憶體,20G硬碟,1M頻寬,平常只是用來做測試,目前只處理業務邏輯,網站的設計上儘量避免佔用太多的頻寬, 靜態檔案的儲存用的是阿里雲oss,100G空間,夠放視訊,圖片什麼的, html/js/c

Windows環境下開始搭建Nodejs+Express+Ejs框架---安裝nodejs

直接 分享圖片 完成 info pre download png 安裝包 get 第一步,安裝nodejs https://nodejs.org/en/download/ 這個是nodejs的官網,由於操作系統是win7 64位的,所以,我下載的是node-v8.11.1-

Windows環境下開始搭建Nodejs+Express+Ejs框架---安裝Expressejs

所有 nod 環境 安裝目錄 關於 str 列表 ima 執行 安裝Express,ejs的前提是一定要先安裝nodejs,具體安裝方法請查看 http://www.cnblogs.com/tfiremeteor/p/8973105.html 安裝Express和ejs的前

linux環境開始搭建nginx+uwsgi+django環境二)

第四步 安裝nginx及mariadb        4.1、安裝nginx                yum install nginx               或從原始碼安裝:                     執行下面的指令:        

Mac 計算機的日常使用 和 開始搭建Python開發環境

Mac 計算機的日常使用 和 從零開始搭建Python開發環境 本文作者:魏泯 我的部落格原地址是:https://www.cnblogs.com/Asterism-2012 在進行學習mac常用操作的時候,保證你的mac已經連線網路。 Mac常用操作 我這個機器預設滑鼠滾輪是上下顛倒的,我用著還

開始搭建vue開發環境

        =-= 剛剛打算開始整SpringBoot框架,結果領導突然說前端人手不夠,讓我學學vue,然後去寫前端頁面,而且這個優先順序高,沒轍,開搞唄        原先以為vue和以前用的什麼easyUi,echarts差不多,直接引入個js就可以使用,但是查了下

Ubuntu 開始搭建Python開發環境

環境:Ubuntu 16.04 以下命令若無加粗備註說明在本地計算機操作,則都是在伺服器端操作 1 修改Ubuntu軟體源 Ubuntu安裝好之後,安裝軟體源的伺服器地址在境外,速度會比較慢,因此建議修改軟體源為國內映象,這樣安裝和更新軟體

開始搭建Java開發環境第一篇:Java工程師必備軟體大合集

1、JDK https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 目前主流的JDK版本還是JAVA8,我在阿里用的也是Java8。 JDK裡已經包含了JRE也就是Java虛擬機器和執行環境,無需

開始搭建輕量級JavaWeb框架

smartframework 黃勇<<架構探險:從零開始寫JavaWeb框架>>,輕量級javaweb框架smartframework原始碼,原始碼地址:https://github.com/letterZhao/smartframework.git 簡介

如何開始搭建一個Truffle框架的DAPP應用

1 摘要 開發實戰|3步教你在以太坊上開一家寵物店(附流程+程式碼)介紹瞭如何獲取寵物商店的TRUFLLE框架程式碼,並完成部署的過程。 但是這個是已經成熟的程式碼框架,一般使用者要開發自己的專案。那如何借用寵物商店成熟框架完成自有DAPP的搭建呢?我們以tiny熊老師的一

開始搭建物聯網平臺7:使用Vue編寫前端頁面

摘要: Vue我也是剛開始學的,看了兩天的文件就開始著手做這件事了,所以對vue瞭解不太深入,沒有能力說的的太詳細萬一是錯誤的不就誤導別人了,所以只對幾個相對來說比較主要的點說明一下。 搭建開發環境: 老生常談的話題!首先自然是要安裝nodejs,這個直接去官網下載安裝即可,再使用命令n

開始搭建物聯網平臺6:訊息的持久化

遇到的問題: 查看了EMQ文件發現並不提供訊息的持久化功能,MQTT協議是按照裝置一直線上設計的,資料都是儲存在記憶體裡的,但是考慮到使用者上傳感測器資料不可能接收了就扔掉,那樣就沒法檢視歷史資料了,所以使用者上傳的訊息必須要能夠儲存下來,以便檢視歷史資料,這樣一來持久化功能就需要我們自己來實現

開始搭建物聯網平臺5搭建後臺服務(一

資料庫的設計: 後臺使用Django web框架實現,Django和python怎麼用就不介紹了,東西太多了,看完下面的這些部落格就可以了,差不多就夠了https://www.cnblogs.com/wupeiqi/articles/4938499.html 資料庫設計: &

開始搭建物聯網平臺4:訂閱系統主題獲取裝置上下線訊息

$SYS-系統主題 先來看一段EMQ對於系統主題的介紹:EMQ 訊息伺服器週期性釋出自身執行狀態、MQTT 協議統計、客戶端上下線狀態到 $SYS/ 開頭系統主題。$SYS 主題路徑以 “$SYS/brokers/{node}/” 開頭,’${node}’ 是 Erlang

vue入門到女裝??:開始搭建後臺管理系統安裝框架

安裝及執行都是基於node的,不會node的可以自行百度,網上教程很多,也不難 專案效果預覽: demo1 demo2 原始碼下載 開始安裝框架: vue element-ui   注意如果報錯安裝失敗就重新安裝,不然雖然本地有element的依賴包但是可能會出一些奇怪的錯誤 另外element-ui

開始搭建一個dubbo框架及常見問題說明

1.      dubbo框架理解:dubbo是一種分散式框架,最早應用於電商專案。它經歷瞭如下幾個發展階段:從單一應用框架(ORM):當網站流量很小時,只需一個應用,將所有功能都部署在一起以減少部署節點和成本;垂直應用框架(MVC):當訪問量逐漸增大,單一應用增加機器帶來的

SpringBoot2.x|開始搭建個人部落格

專案Init 通過IDEA開啟專案後,創建出以下的檔案結構。 |- - blogs        |- - src               |- - main                      |- - java     

Vue+ElementUI開始搭建自己的網站三、元件間的通訊

前面討論了環境的搭建和導航頁面以及路由的配置,今天我們討論下如何開發一個擁有表單和表格功能的頁面。先上開發完的效果圖:  可以看出頁面非常的簡單,其中上半部分是表單搜尋和查詢,下半部分是用於展示資料的表格。如果按照傳統的開發思路,其實非常簡單,只要用兩個div,第一個d

開始搭建物聯網平臺1:開篇

前言: 讀大學的時候學的是物聯網工程,大概是在大二的時候開始接觸微控制器,那時候特喜歡搗鼓那些東西,就覺得特別酷有極客範。還記得第一次做物聯網相關的是一個遠端控制的開關,第一次調通的時候真的很興奮,啥也沒幹就掛在那用手機控制繼電器聽咔嗒咔噠的聲音,現在想想真的好小兒科,明明