java web后台開發SSM框架（Spring+SpringMVC+MyBaitis）搭建與優化

 

一、ssm框架搭建

1.1創建項目

新建項目后規划好各層的包。

1.2導入包

 

搭建SSM框架所需包百度雲鏈接： http://pan.baidu.com/s/1cvKjL0

1.3整合spring與mybatis

調整spring與mybatis配置文件

1.4創建、編寫配置文件：

 

 

myBatis-config.xml文件

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

<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN"

"http://mybatis.org/dtd/mybatis-3-config.dtd">

<configuration>

<!-- 通過別名簡化對類的使用

<typeAliases>

      <typeAlias type="cn.itcast.entity.Dept" alias="Dept" />

</typeAliases>

   <mappers>

      <mapper resource="cn/itcast/entity/DeptMapper.xml" />

   </mappers>

      -->

</configuration>

 

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:tx="http://www.springframework.org/schema/tx"

   xmlns:aop="http://www.springframework.org/schema/aop"

   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-3.2.xsd

   http://www.springframework.org/schema/context

   http://www.springframework.org/schema/context/spring-context-3.2.xsd

   http://www.springframework.org/schema/tx

   http://www.springframework.org/schema/tx/spring-tx-3.2.xsd

   http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-3.2.xsd">

 

  

   <!-- 配置數據源，記得去掉myBatis-config.xml的數據源相關配置 -->

   <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">        

      <property name="driverClass" value="com.mysql.jdbc.Driver" />

      <property name="jdbcUrl" value="jdbc:mysql://localhost:3306/mybatis?useUnicode=true&amp;characterEncoding=UTF-8" />

      <property name="user" value="root" />

      <property name="password" value="root" />     

   </bean>

   <!-- 配置session工廠 -->

   <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">

      <property name="dataSource" ref="dataSource" />

      <property name="configLocation" value="classpath:myBatis-config.xml" />

   </bean>

  

   <!-- 配置事務管理器,管理數據源事務處理-->

   <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">

      <property name="dataSource" ref="dataSource" />

   </bean>

   <!-- 配置事務通知 -->

   <tx:advice id="advice" transaction-manager="transactionManager">

      <tx:attributes>

<!-- 默認只處理運行時異常，可加rollback-for="Exception/Throwable"等處理所有異常或包括錯誤 -->

         <tx:method name="insert*" propagation="REQUIRED" rollback-for="Exception"/>

         <tx:method name="update*" propagation="REQUIRED" rollback-for="Exception"/>

         <tx:method name="delete*" propagation="REQUIRED" rollback-for="Exception"/>

         <tx:method name="*" propagation="SUPPORTS"/>

      </tx:attributes>

   </tx:advice>

   <!-- 配置切面織入的范圍,后邊要把事務邊界定在service層 -->

   <aop:config>

      <aop:advisor advice-ref="advice" pointcut="execution(* cn.itcast.scm.dao.impl.*.*(..))"/>

   </aop:config>

   <!-- 配置SessionTemplate，已封裝了繁瑣的數據操作-->

   <bean id="sqlSessionTemplate" class="org.mybatis.spring.SqlSessionTemplate">

      <constructor-arg name="sqlSessionFactory" ref="sqlSessionFactory"/>    

   </bean>

  

   <context:component-scan base-package="*"/>

     

</beans>

 

1.5編寫實體及sql映射文件

  如沒有建庫表，先建庫表,可參考如下sql:

drop database if exists mybatis;

create database mybatis CHARACTER SET UTF8;

use mybatis;

 

create table dept(

    dept_id int primary key auto_increment,

    dept_name varchar(50),

    dept_address varchar(50)

);


insert into dept(dept_name,dept_address) values('研發部一部','廣州');

insert into dept(dept_name,dept_address) values('研發部二部','廣州');

insert into dept(dept_name,dept_address) values('研發部三部','深圳');

select * from dept;

 

 編寫實體類

public class Dept implements Serializable {

   private Integer deptId;

   private String deptName;

   private String deptAddress;

   public Integer getDeptId() {

      return deptId;

   }

   public void setDeptId(Integer deptId) {

      this.deptId = deptId;

   }

   public String getDeptName() {

      return deptName;

   }

   public void setDeptName(String deptName) {

      this.deptName = deptName;

   }

   public String getDeptAddress() {

      return deptAddress;

   }

   public void setDeptAddress(String deptAddress) {

      this.deptAddress = deptAddress;

   }

   @Override

   public String toString() {

      return "Dept [deptId=" + deptId + ", deptName=" + deptName

            + ", deptAddress=" + deptAddress + "]";

   }

 
}

 

  sql映射文件，並將相關信息映射到mybatis-config.xml文件。

<?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="cn.itcast.scm.entity.DeptMapper">

   <resultMap type="Dept" id="deptResultMap">

      <id property="deptId" column="dept_id" />

      <result property="deptName" column="dept_name" />

      <result property="deptAddress" column="dept_address" />

   </resultMap>

   <!-- id和命名空間用來定位SQL語句，parameterType表示參數的類型，resultMap返回類型 -->

   <select id="selectDept" parameterType="Integer" resultMap="deptResultMap">

      <!--參數的寫法#{deptID} -->

      select * from dept where dept_id=#{deptID}

   </select>

   <insert id="insertDept" parameterType="Dept">

      insert into dept(dept_name,dept_address) values(#{deptName},#{deptAddress});

   </insert>


</mapper>

 

myBatis-config.xml文件修改后為如下內容

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

<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN"

"http://mybatis.org/dtd/mybatis-3-config.dtd">

<configuration>

<!-- 通過別名簡化對類的使用 -->

<typeAliases>

      <typeAlias type="cn.itcast.scm.entity.Dept" alias="Dept" />

</typeAliases>

   <mappers>

      <mapper resource="cn/itcast/scm/entity/DeptMapper.xml" />

   </mappers>     

</configuration>

 

1.6編寫Dao接口及實現

DeptDaoImpl.java

@Repository("deptDao")

public class DeptDaoImpl{

  
   @Resource

   private SqlSessionTemplate sqlSessionTemplate;

  

   /**

    * 根據部門編號查詢部門信息

    * @param deptId 部門編號

    * @return 部門信息

    */

   public Dept selectDept(Integer deptId){

      Dept dept=   sqlSessionTemplate.selectOne("cn.itcast.entity.DeptMapper.selectDept", deptId);       

      return dept;

   }

   /**

    * 添加部門信息

    * @param dept 部門信息

    * @return 添加成功的記錄數

    */

   public int insertDept(Dept dept){

         System.out.println("------dao.dept:"+dept);

         return sqlSessionTemplate.insert("cn.itcast.entity.DeptMapper.insertDept", dept);      

   }

}

 

1.7測試spring與mybatis整合

public class TestDeptDao {

 

   //@Resource //這里沒法使用，后繼版本有其它方式可以注入

   static private DeptDaoImpl deptDao;

   @BeforeClass

   public static void setUpBeforeClass() throws Exception {

      ApplicationContext context =new ClassPathXmlApplicationContext("applicationContext.xml");

      deptDao=(DeptDaoImpl) context.getBean("deptDao");

   }

 

   @AfterClass

   public static void tearDownAfterClass() throws Exception {

   }

 

   @Test

   public void testSelectDept() {

      System.out.println(deptDao.selectDept(1));

   }

 

   @Test

   public void testInsertDept() {

      Dept dept=new Dept();

      //dept.setDeptId(117);

      dept.setDeptName("name117");

      dept.setDeptAddress("address117");

      System.out.println("受影響行數："+deptDao.insertDept(dept));

   }

}

 

 

1.8整合springmvc

修改web.xml文件，加入springmvc相關信息，編寫 控制器類及相關jsp 文件

 

  spring-mvc.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: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-3.2.xsd

   http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd

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

   ">

        

   <mvc:annotation-driven></mvc:annotation-driven>

   <context:component-scan base-package="*"/>

</beans>

 

 web.xml文件配置

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

<web-app version="3.0"

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

   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

   xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

   http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">

  <display-name></display-name>

  <welcome-file-list>

    <welcome-file>index.jsp</welcome-file>

  </welcome-file-list>

 

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

   </listener>

   <context-param>

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

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

   </context-param>

  <servlet>

      <servlet-name>mvc</servlet-name>

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

      <init-param>

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

         <param-value>classpath:spring-mvc.xml</param-value>

      </init-param>

      <load-on-startup>1</load-on-startup>

   </servlet>

   <servlet-mapping>

      <servlet-name>mvc</servlet-name>

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

   </servlet-mapping>

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

   </filter>

   <filter-mapping>

      <filter-name>encodingFilter</filter-name>

      <url-pattern>/*</url-pattern>

   </filter-mapping>

  

</web-app>

 

 編寫控制器類

@Controller

@RequestMapping(value="/dept")

public class DeptAction {

   @Resource

   private DeptDaoImpl deptDao;

  

   @RequestMapping(value="/insert")

   public String insert(Dept dept){

      System.out.println("---action.dept:"+dept);

      deptDao.insertDept(dept);

      return "forward:/jsp/main.jsp";

   }

}

 

  縮寫跳轉頁面

/jsp/main.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<html>

<head>

</head>

<body>

 this is main jsp

</body>

</html>

 

1.9測試ssm整合

縮寫測試頁面

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<html>

<head>

</head>

<body>

   <form action="dept/insert.action" method="post">

      名稱：<input type="text"  name="deptName"><br>

      地址：<input type="text" name="deptAddress"><br>

      <input type="submit" value="ok">

   </form>

</body>

</html>

 

 

二、ssm框架優化

2.1中文亂碼

中文亂碼處理，在web.xml中配置攔截器（參考前面）

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

   </filter>

   <filter-mapping>

      <filter-name>encodingFilter</filter-name>

      <url-pattern>/*</url-pattern>

   </filter-mapping>

 

2.2添加業務層

1).添加業務層相關包、接口及實現

接口包：cn.itcast.service

實現類包：cn.itcast.service.impl

編寫接口與實現類（實現類用@Service進行注解，dao接口結合下邊的配置，通過@Autowired方式注入代理實例），略。

 

2.3添加dao層接口

2.4修改applicationContext.xml與spring-mvc.xml文件

添加如下內容：

<!-- 把事務邊界定在service層 -->

   <aop:config>

      <aop:advisor advice-ref="advice" pointcut="execution(* cn.itcast.scm.service.impl.*.*(..))"/>

   </aop:config>

<!-- 自動掃描組件，要把controller去除，他們是在spring-mvc.xml中配置，如果不去除會影響事務管理。   -->

      <context:component-scan base-package="cn.itcast">

      <context:exclude-filter type="annotation"         expression="org.springframework.stereotype.Controller" />

   </context:component-scan>  

  

      <!-- 配置 轉換器，對於在basePackage設置的包（包括子包）下的接口類，如果在Mapper.xml文件中定義過，

   將被轉換成spring的BEAN，在調用 的地方通過@Autowired方式將可以注入接口實例-->

  

   <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">

      <property name="sqlSessionFactory" ref="sqlSessionFactory"/>

      <property name="basePackage" value="cn.itcast.scm.dao"/>

   </bean>

 

spring-mvc.xml

<!-- 掃描所有的controller 但是不掃描service -->

   <context:component-scan base-package="cn.itcast">

      <context:include-filter type="annotation"

         expression="org.springframework.stereotype.Controller" />

      <context:exclude-filter type="annotation"

         expression="org.springframework.stereotype.Service" />

   </context:component-scan>

 

2.5修改各層的調用

控制器類通過業務層接口調用業務層，業務層再通過dao接口（可刪除dao實現類，及測試類）獲取代理對象執行相關SQL，進行數據的操作

 

三、開發環境與插件

3.1軟件、框架版本約定

編號	工具	版本	說明
	MyBatis	3.2	實現持久化操作
	Spring	3.2	用於分層解藕
	Junit	4.0	單元測試
	JQuery	2.0 (支持IE 10 和以上的版本)	實現ajax各種特效和插件
	EasyUI	1.3.5	基於jQuery的用戶界面插件
	SVN	1.6	開發版本控制軟件
	sitemesh	2.4.2	網頁布局和修飾的框架
	Ztree	3.5.26	樹狀數據的web顯示

3.2開發環境

操作系統	Windows 7
開發工具	myEclipse 10
數據庫	mysql-5.5
Web容器	Tomcat 7 / Tomcat6
JDK	JDK 1.6+ J2EE 6.0 + Tomcat 7.0  (開發環境與部署環境相同) JDK 1.5 + J2EE 5.0 + Tomcat 6.0 (開發環境與部署環境相同)

3.3 SVN介紹

1: CVS: 版本控制器鼻祖     2: SVN集中式版本控制器    3: git分布式版本控制器

2: svn安裝工具

3: 創建倉庫: svnadmin create "e:\testdir\student_svn"   

3.1: 通過客戶端選定要提交的文件夾import 信息提交到倉庫（倉庫URLsvn://localhost:3690）的時候會出現: "目標積極拒絕,無法連接" 說明服務是沒有啟動

3.2: 啟動服務:  svnserve -d -r e:\testdir\student_svn     上傳項目的時候會提示: 認證失敗,這是由於沒有設置用戶名與密碼

3.3: 修改E:\testdir\student_svn\conf目錄下的svnserve.conf及pwsswd文件，svnserve.conf文件中開啟密碼（去掉前面的注釋包括空格）: password-db = passwd，pwsswd文件添加用戶名及密碼格式：用戶名=密碼

3.4: 通過dos命令創建的服務，命令行窗口是不能夠關閉的（關閉窗口，服務也關閉）, -d 此參數是僅僅在Linux下面有效的

4: import:  第一次提交,對於同一個項目import只能使用一次,以后都是在原來版本下 commit

5: checkout: 從倉庫中下載指定的版本,默認下載是最新版 (在下載的項目中有隱藏 "svn"文件夾)此文件夾中記錄服務器相關信息

6: export: 從倉庫中下載指定的版本,默認下載是最新版,但是下載完畢之后與SVN倉庫沒有任何聯系,以后也不能進行版本的更新

7:update: 可以更新倉庫中新版本,默認是最新版

8: revert: 可以指定某些文件還原到下載的初始版本

9:commit: 本地的工作副本提交到倉庫中

10: 在myEclipse中配置svn插件 svn.link 文件中配置: path=soft\\svn，啟動myelcipse即可使用SVN功能

插件安裝與使用參考：

1）解壓zip文件

2）把features，pougins文件夾copy到C:\Users\chufeng\MyEclipse\MyEclipse 10\soft\svn目錄下（C:\Users\chufeng\MyEclipse\MyEclipse 10\為myeclipse安裝目錄， soft/svn可以自己創建）

3）進入C:\Users\chufeng\MyEclipse\MyEclipse 10\dropins目錄，並新建svn.link文件，添加內容：path=soft\svn

4）啟動myeclipse

5）選擇myeclipse的“file"-->import-->svn-->從svn中檢出-->檢出時，需要填寫URL地址，URL為：svn://IP地址[:端口號]，使用默認的端口時可以不用寫端口

3.4簡化實體別名及mapper.xml文件配置

修改applicationContext.xml

<!-- 配置session工廠 -->

   <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">

      <property name="dataSource" ref="dataSource" />

      <property name="configLocation" value="classpath:myBatis-config.xml" />

      <!--配置掃描式加載SQL映射文件,記得去掉mybatis-config配置-->

      <property name="mapperLocations" value="classpath:cn/itcast/scm/dao/*.xml"/>   

   </bean>

 

mybatis-config.xml添加支持基於包的別名掃描

<!-- 通過別名簡化對類的使用 -->

<typeAliases>

<!-- <typeAlias type="cn.itcast.scm.entity.Dept" alias="Dept" />    -->

      <!--

      通過package, 可以直接指定package的名字， mybatis會自動掃描你指定包下面的javabean,

      並且默認設置一個別名，默認的名字為： javabean 的首字母小寫的非限定類名來作為它的別名。   

       -->

      <package name="cn.itcast.scm.entity"/>

     

</typeAliases>

 

3.5 mybatis逆向工程代碼生成器（插件）

--安裝插件：

1。解壓mybatis_generator_1.3.1.zip文件

2。把features，pougins文件夾copy到C:\Users\chufeng\MyEclipse\MyEclipse 10\soft\mybatis目錄下（C:\Users\chufeng\MyEclipse\MyEclipse 10\為myeclipse安裝目錄， soft\mybaits可以自己創建）

3。進入C:\Users\chufeng\MyEclipse\MyEclipse 10\dropins目錄，並新建mybatis.link文件，添加內容：path=C:\\Users\\chufeng\\MyEclipse\\MyEclipse 10\\soft\\mybatis

4。啟動myeclipse

--使用插件

5。項目中添加generatorConfig.xml文件，並修改相關內容。右建可以找到generator mybatis artifacts生成

mybatis逆向工程代碼生成器（插件）百度雲鏈接： http://pan.baidu.com/s/1hr6NefE

 

generatorConfig.xml文件內容：

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

<!DOCTYPE generatorConfiguration

  PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"

  "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd">

 

<generatorConfiguration>

     <!--

   處理1

     -->

    <classPathEntry location="E:\tools\lib\mysql_driver\mysql-connector-java-5.1.26-bin.jar"/>

   <!-- 指定運行環境是mybatis3的版本 -->

   <context id="testTables" targetRuntime="MyBatis3">

 

      <commentGenerator>

      <!-- 是否取消注釋 -->

         <property name="suppressAllComments" value="true" />

          <!-- 是否生成注釋代時間戳 -->

         <property name="suppressDate" value="true" />

      </commentGenerator>

      <!-- 處理2  jdbc 連接信息 -->

      <jdbcConnection driverClass="com.mysql.jdbc.Driver"

         connectionURL="jdbc:mysql://localhost:3306/scm?useUnicode=true&amp;characterEncoding=UTF-8" userId="root" password="root">

      </jdbcConnection>

     

        <!--處理3 targetPackage指定模型在生成在哪個包 ,targetProject指定項目的src,-->       

      <javaModelGenerator targetPackage="cn.itcast.scm.entity"

         targetProject="scm/src">

         <!-- 去除字段前后空格 -->

         <property name="trimStrings" value="true" />

      </javaModelGenerator>

      <!-- 處理4 配置SQL映射文件生成信息 -->

      <sqlMapGenerator targetPackage="cn.itcast.scm.dao"

         targetProject="scm/src" />

      <!--處理5 配置dao接口生成信息-->

      <javaClientGenerator type="XMLMAPPER" targetPackage="cn.itcast.scm.dao" targetProject="scm/src" />

 

   <!--處理6 指定表及實體類的映射-->

      <table tableName="account" domainObjectName="Account"

         enableSelectByExample="true" enableDeleteByExample="true"

         enableCountByExample="true" enableUpdateByExample="true"

         enableInsert="true" />

        

      <table tableName="supplier" domainObjectName="Supplier"

         enableSelectByExample="true" enableDeleteByExample="true"

         enableCountByExample="true" enableUpdateByExample="true"

         enableInsert="true" />

   </context>

</generatorConfiguration>

注意：

1.完成后記得把實體實現Serializable，重寫一下toString()方法，方便以后使用。

2.當重新使用generatorConfig.xml生成代碼時，會在已經存在的數據庫后面繼續追加代碼而非覆蓋導致出現大量的重復代碼，一個聰明的辦法是生成前先注釋掉已經生成好的數據庫。

 

3.6 jquery與easyUI技術整合

jquery-easyui-1.3.5版本，解壓后文件夾直接copy到項目webroot虛擬目錄下，文件夾說明：

demo:可以查閱例子，在項目中可以刪除

local:本地化資源，一般保留本地化文件

plugins:部署用，

src:源碼，分析用，可以刪除

thems:樣式、圖標等信息

導入easyUI相關的文件

 

編寫測試頁面easyUI.jsp：

 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

 

<c:set var="proPath" value="${pageContext.request.contextPath}" />

<link rel="stylesheet" type="text/css"

   href="${proPath}/jquery-easyui-1.3.5/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="${proPath}/jquery-easyui-1.3.5/themes/icon.css">

<script type="text/javascript" src="${proPath}/jquery-easyui-1.3.5/jquery.min.js"></script>

<script type="text/javascript" src="${proPath}/jquery-easyui-1.3.5/jquery.easyui.min.js"></script>

 

<title>My JSP 'MyJsp.jsp' starting page</title>

 

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<!--

   <link rel="stylesheet" type="text/css" href="styles.css">

   -->

<script type="text/javascript">

$(function(){alert("可以使用了!");});

</script>

</head>

 

<body>

   <div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;"  

        title="My Panel" iconCls="icon-save" collapsible="true">  

    test my panel   

</div>

</body>

</html>

 

瀏覽器輸入地址訪問，並觀察是否正常！

注意：

1.jquery.min.js 報錯（有紅點的問題）：解決方式為選中 :項目文件夾 -> 鼠標右鍵 -> MyEclipse -> manage validation -> 左面點擊 -> Excluded resources -> 找到jquery.min.js -> 打上鈎 -> apply

2.瀏覽器:建議使用IE10或以上版本、火狐

 

3.7 json使用

導入包

spring-mvc.xml配置支持JSON注解

<mvc:annotation-driven></mvc:annotation-driven>

 

action中添加支持json交互方法：

   @RequestMapping("/doAjax")

   @ResponseBody //如果返回json格式，需要這個注解，這里用來測試環境

   public Object doAjax(Supplier supplier){

      System.out.println("---doAjax.supplier:"+supplier);

      supplier.setSupName("supName1");

      return supplier;

   }

 

 

編寫測試頁面：json.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

 

<c:set var="proPath" value="${pageContext.request.contextPath}" />

<link rel="stylesheet" type="text/css"

   href="${proPath}/jquery-easyui-1.3.5/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="${proPath}/jquery-easyui-1.3.5/themes/icon.css">

<script type="text/javascript" src="${proPath}/jquery-easyui-1.3.5/jquery.min.js"></script>

<script type="text/javascript" src="${proPath}/jquery-easyui-1.3.5/jquery.easyui.min.js"></script>

 

 

    <title>My JSP 'json.jsp' starting page</title>

  <script type="text/javascript">

      $(

         function(){

             $("#bt1").click(

                function(){

                   $.post(

                      "supplier/doAjax.action",

                      {supId:1001,supName:"name1001"},

                      function(json){alert(json.supId+"||"+json.supName);},

                      "json"

                   );

                }

             );          

         }

      );

 

  </script>

 

  </head> 

  <body>

   <button id="bt1" >testJson</button>

  </body>

</html>

 

 四、Java Web框架對比：SSH和SSM

4.1 SSH:Spring+Struts2+Hibernate　SSM:Spring+SpringMVC+MyBaitis

   兩個框架都是IoC容器+MVC框架+ORM框架。IoC的意思是控制反轉，意思是把創建和查找依賴對象的控制權交給容器而不是自己實例化對象；MVC框架采用MVC分層，模型層處理數據邏輯，通常是模型對象在數據庫存取數據，視圖層處理數據顯示，控制器層處理用戶交互，通常從視圖讀取數據，控制用戶輸入，並向模型發送數據；ORM框架即對象-關系映射模型，在數據庫表和持久化對象間進行映射，這樣在操作數據庫時只需要對對象操作。

 

4.2 Spring

   在IoC容器方面，SSH和SSM都是使用Spring。Spring是輕量級的IoC和AOP容器。IoC容器是Spring的核心，負責創建對象，管理對象，裝配對象，配置對象，並且管理這些對象的整個生命周期。管理對象動態向某個對象提供其他對象，通過依賴注入來實現，Spring有三種注入方式：接口注入、Set注入和構造注入。Spring AOP即面向切面編程，可以用在日志和事務管理等方面。

 

4.3 Struts2與SpringMVC

   MVC整合框架兩者分別使用的是Struts2和SpringMVC。兩者的區別：1.Struts2是類級別的攔截， 一個類對應一個request上下文，SpringMVC是方法級別的攔截，一個方法對應一個request上下文，因此容易實現restful API；2.Struts2是多例的，每次請求都創建一個Action，類屬性被方法共享，而SpringMVC是單例的，只有一個實例，方法之間變量不共享；3.Struts2的核心控制器是Filter，SpringMVC的核心控制器是Servlet；4.攔截器方面，Struts2有自己的interceptor機制，SpringMVC用的是獨立的AOP方式；5.SpringMVC是Spring的一個模塊，項目管理和安全性比Struts2好，配置文件少，並且集成了Ajax，處理ajax請求,直接通過返回數據，方法中使用注解@ResponseBody，能自動將對象轉換為JSON數據。

 

4.4 Hibernate與MyBaitis

   ORM框架分別用的是Hibernate和MyBaitis。MyBatis的sql語句是手動編寫的，可以進行更為細致的SQL優化，可以減少查詢字段，具有高度靈活，可優化，易維護的特點。但需要維護SQL和結果映射，工作量大。Hibernate面向對象查詢，以對象化的思維操作數據庫，hql與具體的數據庫無關，移植性更好。Hibernate無需編寫SQL，映射的規則也可以由IDE生成，提高了開發效率，還提供了緩存、日志、級聯等強大功能。但是對於多表關聯復雜SQL、數據系統權限限制、根據條件編寫SQL、存儲過程等十分不便，性能難以通過SQL優化。