MAVEN IDEA SSM框架搭建《二》

前言

本文是想介绍使用html作为前端页面的ssm框架搭建，由于上次在“ssm框架搭建《一》”中大概介绍了如何见ssm框架（使用的是.jsp文件作为前端页面），这次我们只需要在此上面做修改，以及完善一些功能，这次改动如下：

1.使用html文件作为前端页面；
2.使用aop管理事物；
3.整体的项目结构的改变；
4. 添加bootstrap插件；
5. 添加登录页面以及登录功能；
6. mysql的版本5.5

一、使用html文件作为前端页面

由于本人现在习惯用html文件，所以之前搭建ssm框架的时候就很粗糙的写前端，等到用了html页面后，我们会将慢慢完善它。使用thml文件作为前端页面，我们得改spring-mvc的配置（也就是修改视图类型）：

（原来的：）



（修改后：）



不过它还需加freemarker的jar包，已经在spring-mvc配置它的bean，下面是修改后的spring-mvc文件：

<?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:mvc="http://www.springframework.org/schema/mvc"
xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd"> <!-- 静态资源映射 -->
<mvc:resources location="/WEB-INF/res/" mapping="/res/**" order="0"/>
<!--2.1.freemarker配置-->
<bean id="freemarkerConfig" class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer">
<property name="templateLoaderPath" value="" />
<property name="freemarkerSettings">
<props>
<prop key="template_update_delay">0</prop>
<prop key="default_encoding">UTF-8</prop>
<prop key="number_format">0.##########</prop>

4000
<prop key="datetime_format">yyyy-MM-dd HH:mm:ss</prop>
<prop key="classic_compatible">true</prop>
<prop key="template_exception_handler">ignore</prop>
</props>
</property>
</bean>
<!--避免IE执行AJAX时，返回JSON出现下载文件 -->
<bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/html;charset=UTF-8</value>
</list>
</property>
</bean>
<!-- 启动SpringMVC的注解功能，完成请求和注解POJO的映射 -->
<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<ref bean="mappingJacksonHttpMessageConverter" /> <!-- JSON转换器 -->
</list>
</property>
</bean>

<!-- 开启controller注解支持 -->
<!--注：这里要特别注意，springmvc和spring的配置文件中都有context:component-scan，一个是扫描controller，一个时扫描service，在指定扫描路径时最好不要一样，不要让他们交叉扫描，不然会导致事务不能回滚的错误。如果一定要一样的话那么可以使用如下配置来进行排除：-->
<!-- 注意事项请参考：http://jinnianshilongnian.iteye.com/blog/1762632 -->
<context:component-scan base-package="com.sb">
<context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
</context:component-scan>
<!-- springmvc的配置文件中不扫描带有@Service注解的类 -->
<context:component-scan base-package="com.sb">
<context:exclude-filter type="annotation" expression="org.springframework.stereotype.Service"/>
</context:component-scan>

<!--2.2视图配置-->
<bean id="viewResolver" class="org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver">
<property name="exposeRequestAttributes" value="true" />
<property name="exposeSessionAttributes" value="true" />
<property name="viewClass" value="org.springframework.web.servlet.view.freemarker.FreeMarkerView"/>
<property name="cache" value="true"/>
<property name="prefix" value="/WEB-INF/"/>
<property name="suffix" value=".html"/>
<property name="contentType" value="text/html; charset=UTF-8"/>
</bean>

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!-- 最大下载速度 -->
<property name="maxUploadSize">
<value>104857600</value>
</property>
<property name="maxInMemorySize">
<value>2048</value>
</property>
</bean>
<!-- 注解标签驱动开启    -->
<mvc:default-servlet-handler  />
<mvc:annotation-driven/>
<context:annotation-config/>
</beans>

修改后的pom.xml文件：

<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>ssmDemo</groupId>
<artifactId>demo</artifactId>
<packaging>war</packaging>
<version>1.0-SNAPSHOT</version>
<name>demo Maven Webapp</name>
<url>http://maven.apache.org</url>
<properties>
<!-- spring版本号 -->
<spring.version>4.0.2.RELEASE</spring.version>
<!-- mybatis版本号 -->
<mybatis.version>3.2.6</mybatis.version>
<!-- log4j日志文件管理包版本 -->
<slf4j.version>1.7.7</slf4j.version>
<log4j.version>1.2.17</log4j.version>
</properties>
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.11</version>
<scope>test</scope>
</dependency>
<!-- 导入dbcp的jar包，用来在applicationContext.xml中配置数据库 -->
<dependency>
<groupId>commons-dbcp</groupId>
<artifactId>commons-dbcp</artifactId>
<version>1.2.2</version>
</dependency>
<!-- 导入java ee jar 包 -->
<dependency>
<groupId>javax</groupId>
<artifactId>javaee-api</artifactId>
<version>7.0</version>
</dependency>
<!-- spring核心包 -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-core</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-web</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-oxm</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-tx</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</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-test</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-aspects</artifactId>
<version>${spring.version}</version>
</dependency>

<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-orm</artifactId>
<version>${spring.version}</version>
</dependency>
<!-- mybatis核心包 -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>${mybatis.version}</version>
</dependency>
<!-- mybatis/spring包 -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>1.2.2</version>
</dependency>
<!-- 导入Mysql数据库链接jar包 -->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.30</version>
</dependency>
<!-- JSTL标签类 -->
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<!-- 日志文件管理包 -->
<dependency>
<groupId>log4j</groupId>
<artifactId>log4j</artifactId>
<version>${log4j.version}</version>
</dependency>
<dependency>
<groupId>org.slf4j</groupId>
<artifactId>slf4j-api</artifactId>
<version>${slf4j.version}</version>
</dependency>
<dependency>
<groupId>org.slf4j</groupId>
<artifactId>slf4j-log4j12</artifactId>
<version>${slf4j.version}</version>
</dependency>
<!-- log end -->
<!-- 映入JSON -->
<dependency>
<groupId>org.codehaus.jackson</groupId>
<artifactId>jackson-mapper-asl</artifactId>
<version>1.9.13</version>
</dependency>
<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-core -->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-core</artifactId>
<version>2.8.0</version>
</dependency>
<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind -->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.8.0</version>
</dependency>
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.1</version>
</dependency>
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.4</version>
</dependency>

<dependency>
<groupId>commons-codec</groupId>
<artifactId>commons-codec</artifactId>
<version>1.9</version>
</dependency>
<!--html 视图 -->
<dependency>
<groupId>org.freemarker</groupId>
<artifactId>freemarker</artifactId>
<version>2.3.23</version>
</dependency>
<!--josn转换工具-->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.2.31</version>
</dependency>
</dependencies>
<build>
<finalName>demo</finalName>
<!-- 出现加载不了mapper里.xml文件就用。建议放在这也没啥 -->
<resources>
<resource>
<directory>src/main/java</directory>
<includes>
<include>**/*.xml</include>
</includes>
<filtering>true</filtering>
</resource>
<resource>
<directory>src/main/resources</directory>
<includes>
<include>**/**.*</include>
<include>**.*</include>
</includes>
</resource>
</resources>
</build>
</project>

二、使用aop管理事物

之前在搞项目的时候，日志控制台总是有debug描述：


然后我上网查了资料，需要aop，那么我们得在spring-tontext文件里配置一下：

<?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:tx="http://www.springframework.org/schema/tx"
xmlns:aop="http://www.springframework.org/schema/aop"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd"> <!--1. 引入配置文件 -->
<bean id="propertyConfigurer" class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">
<property name="ignoreUnresolvablePlaceholders" value="true"/>
<property name="locations">
<list>
<value>classpath*:/properties/db.properties</value>
</list>
</property>
</bean>
<!--2. 数据源的创建 -->
<bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource">
<property name="driverClassName" value="${jdbc.driver}"/>
<property name="url" value="${jdbc.url}" />
<property name="username" value="${jdbc.username}" />
<property name="password" value="${jdbc.password}" />
</bean>
<!--3. spring和MyBatis完美整合，不需要mybatis的配置映射文件 -->
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="dataSource" ref="dataSource" />
<!-- 自动扫描mapping.xml文件 注：项目结构变化了此路劲需要变动-->
<property name="mapperLocations" value="classpath:com/sb/**/*Mapper.xml"/>
</bean>
<!-- 4.dao包下，spring会自动扫描以下 -->
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<property name="basePackage" value="com.sb"/>
<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
</bean>
<!-- 5.spring事务管理 -->
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<property name="dataSource" ref="dataSource"></property>
</bean>
<!-- 6.面向切面-->
<tx:advice id="tx" transaction-manager="transactionManager">
<tx:attributes>
<tx:method name="delete*" propagation="REQUIRED"/>
<tx:method name="insert*" propagation="REQUIRED"/>
<tx:method name="update*" propagation="REQUIRED"/>
<tx:method name="find*" read-only="true"/>
<tx:method name="get*" read-only="true"/>
</tx:attributes>
</tx:advice>
<aop:config>
<aop:pointcut expression="execution(* com.sb.*.*.*(..))" id="ap"/>
<aop:advisor advice-ref="tx" pointcut-ref="ap"/>
</aop:config>
</beans>

三、整体的项目结构的改变

这次项目结构是以功能模块为主，然后所以的配置扫描的包都只扫描”com.sb”下就ok了：

四、添加bootstrap插件

这里我们需要在项目里添加bootstrap、juqery等插件（没有的朋友，需要在官网上下载），打上马赛克我们现在还不需要：

五、添加登录页面以及登录功能

5.1、一个登录的页面index.html

由于前端代码在这个会显示错误，我只能搞图片了：



5.2、dao层的接口类

package com.sb.login;

import org.springframework.stereotype.Repository;
import java.util.List;
import java.util.Map;

@Repository
public interface ILoginDao {
//获取用户列表
List<Map<String,Object>> getList(Map<String, Object> m);
}

5.3、service的接口类

package com.sb.login;

import java.util.List;
import java.util.Map;
public interface ILoginService {
//获取用户列表
List<Map<String,Object>> getList(Map<String, Object> m);
}

5.4、service的接口实现类

package com.sb.login;

import org.springframework.stereotype.Service;
import javax.annotation.Resource;
import java.util.List;
import java.util.Map;

@Service("loginService")
public class LoginServiceImpl implements ILoginService {
@Resource
private ILoginDao loginDao;

//获取用户列表
public List<Map<String, Object>> getList(Map<String, Object> m) {
return loginDao.getList(m);
}
}

5.5、mapper文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.sb.login.ILoginDao">
<!--获取用户列表-->
<select id="getList" parameterType="com.sb.login.Login" resultType="map">
SELECT * FROM USER
<where>1=1
<if test="ID!='' and ID!=null">
AND ID=#{id}
</if>
<if test="login_name!='' and login_name!=null">
AND login_name=#{login_name}
</if>
<if test="login_password!='' and login_password!=null">
AND login_password=#{login_password}
</if>
</where>
</select>
</mapper>

5.6、登录功能的control类

package com.sb.login;

import com.alibaba.fastjson.JSON;
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.ResponseBody;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
* Created by wu on 2017/8/4.
*/
@Controller
public class LoignController {
@Autowired
private ILoginService loginService;

@RequestMapping("/")
public String index(HttpServletRequest request,Model model){
String url = request.getScheme() + "://" + request.getServerName()
+ ":" + request.getServerPort() + request.getContextPath();
model.addAttribute("host",url);
return "index";
}
@RequestMapping("/main")
public String goToMain(){
return "myMain";
}

@RequestMapping("/welcome")
public String welcome(){
return "welcome";
}
@RequestMapping("/login")
@ResponseBody
public String login(HttpServletRequest request, HttpServletResponse response){
System.out.println(request.getSession());
Map<String ,Object> m=new HashMap<String, Object>();
m.put("login_name",request.getParameter("username"));
m.put("login_password",request.getParameter("password"));
List< Map<String ,Object>> list=loginService.getList(m);
Map<String ,Object> map=list.get(0);
if(map !=null){
request.getSession().setAttribute("L",map.get("login_name"));
//request.getSession().setAttribute("U",map.get("login_name"));

return "1";
}else{
return "0";
}
}
}

六、演示结果

数据库：



首页：



输入admin–admin 点击登录跳转到主页面：



这个是验证事务的启动：

七、结束语

今天任务也就到这了，后期还会继续完善我们系统的功能；比如用户管理模块啊，角色管理模块啊等等。祝大家学习愉快！！！！！