IDEA Maven+SpringMVC+Mybatis HTML+Ajax MySql Tomcat登錄Demo（一）

IDEA Maven+SpringMVC+Mybatis HTML+Ajax MySql Tomcat登錄Demo（一）

• 開發工具：IDEA
• 前端技術：HTML+JQuery+Ajax
• 後端技術：Maven+SpringMVC+MyBatis
• 數據庫：MySql

本節內容記錄了創建項目、配置SpringMVC、配置了Tomcat啓動、創建了SpringMVC控制器，算是後端項目的搭建。

一、創建項目

打開 IDEA—>NewProject

選擇Maven–>next

選擇填寫對應組織–>對應報名–>next

確認項目名和moudle名–>選擇路徑

二、配置Web

這裏已經創建好了Maven項目，下一步對剛創建的Module配置Web，點擊當前的模塊，點擊File，選擇Project Structure，





修改DEployment的Path：[路徑\SpringMVC_MyBatis_Login\src\main\webapp\WEB-INF\web.xml]

配置Web資源路徑，在webapp目錄。

三、配置Tomcat啓動項目

配置Tomcat：






啓動之後就可以看到我們的index.html了。

四、配置SpringMVC

步驟：
1.添加依賴spring-webmvc
2.web.xml配置DispatcherServlet
3.配置applicationContext.xml文件
4.開發控制器

1.添加依賴spring-webmvc

<?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.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.bruce</groupId>
    <artifactId>chen</artifactId>
    <version>1.0-SNAPSHOT</version>

<!--引用阿里鏡像-->
    <repositories>
        <repository>
            <id>aliyun</id>
            <name>aliyun</name>
            <url>https://maven.aliyun.com/repository/public</url>
        </repository>
    </repositories>
    
    <dependencies>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.2.3.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.freemarker</groupId>
            <artifactId>freemarker</artifactId>
            <version>2.3.28</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context-support</artifactId>
            <version>5.1.9.RELEASE</version>
        </dependency>

    </dependencies>
</project>

2.web.xml配置DispatcherServlet

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <!--DispatchServlet-->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <!--
            用於攔截http請求，並根據請求url調用Controller
        -->
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--初始化參數 applicationContext.xml-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <!--需在resource下創建applicationContext.xml文件-->
            <param-value>classpath:applicationContext.xml</param-value>
        </init-param>
        <!--啓動時自動創建Spring IOC容器
        並初始化DispatcherServlet-->
        <load-on-startup>0</load-on-startup>
    </servlet>
    
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <!--/代表攔截所有請求-->
        <url-pattern>/</url-pattern>
    </servlet-mapping>

</web-app>

3：在resource創建applicationContext.xml文件
同時配置src的包名，我創建了com.bruce.chen

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

<context:component-scan base-package="com.bruce.chen"/>

    <mvc:default-servlet-handler/>

    <mvc:annotation-driven >
        <!--解決中文返回亂碼-->
        <mvc:message-converters>
            <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                <property name="supportedMediaTypes">
                    <list>
                        <value>text/html;charset=utf-8</value>
                    </list>
                </property>
            </bean>
        </mvc:message-converters>
    </mvc:annotation-driven>

    <!--&lt;!&ndash; Handles HTTP GET requests for /resources/** by efficiently serving up static resources in the ${webappRoot}/resources/ directory &ndash;&gt;-->
    <!--<mvc:resources mapping="/css/**" location="WEB-INF/css/" />-->
    <!--<mvc:resources mapping="/js/**" location="WEB-INF/js/" />-->
    <!--<mvc:resources mapping="/html/**" location="WEB-INF/html/" />-->
    <!--<mvc:resources mapping="/xml/**" location="WEB-INF/html/" />-->

</beans>

4.開發控制器
創建控制類

package com.bruce.chen.control;

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

@Controller
public class LoginControl {

    /**
     * 設置 請求方式 POST對應PostMapping；GET對應GetMapping
     * @return
     */
    @ResponseBody
    @PostMapping(value = "/loginForm")
    public String loginformBackString(){
        return "登錄成功";
    }

}

爲了能演示目前階段，需要把前端頁面和邏輯寫出來。寫在下一節。