|
相信大家對于mvc的三層架構已經灰常熟悉了,在這就不細講了,個人感覺ssi的框架結構還是比較典型的mvc三層架構,還是比較容易上手的。關于這塊的入門我想特別感謝下FrankHui童鞋,在他的幫助下,我才能比較快滴熟悉了這個架構,對我學習ssi的框架還是很有幫助滴。ssi的框架主要是由struts2,spring以及ibatis組成,他們負責各層之間的交互與協作,從而實現整個web端的功能實現與整合。Struts目前主要負責數據傳遞和控制方面,spring則依靠其強大的依賴注入技術實現了類似bean托管和整合等功能,當然這只是spring功能中的冰山一角,而ibatis作為一種輕量級的OR Mapping框架,提供了半自動化對象關系映射的實現,自由度相對于hibernate更高。
框架結構:
這是我在網上找到的一張關于ssi框架的結構圖,個人感覺畫的還是蠻不錯的,對于入門者來說,層次機構很清晰,比較實用(感謝這位大大的分享):
在這里可以很明顯的看出ssi框架的大體結構以及各層之間的交互情況,頂層表現層的話,就Java而言主要是jsp,html等視圖層技術的編寫,其中涉及我們熟悉的Javascript,jquery以及extjs等。在控制層來說的話,主要是利用strust2標簽功能實現action與視圖層的數據交互,當然也可以使用ajax的技術實現同樣的功能,這個就按個人喜好而來了。在業務邏輯層。主要是利用spring的依賴注入實現對業務邏輯類和dao類的實例托管,當然各類的實例都可以托管在spring中進行統一管理和關聯,包括事務,數據源等等。在持久層,利用ibatis提供的半自動化對象關系映射的實現,開發人員可以根據需要編寫具體的sql語句,通過相應的xml的配置實現對數據庫的操作。
總之,SSI框架能夠降低我們代碼的耦合度,增強了代碼的健壯性和可重用性,加快了開發速度,但是也有一些不足之處,比如由于三種框架的配置文件較多,也給我們帶來了一些不便,特別是對于較小的應用來說更是如此。
相關demo介紹:
基于之前對ssi框架的學習,我也不能免俗滴選擇了做一個用戶管理的web實現,項目的大致框架如下:
大體上還是按照三層的分層模型來是分的,具體就不詳細說了,相信大家也應該很了解整個結構的。
Ø 開發環境簡介:
工具:eclipse3.6+tomcat7+mysql5.1
框架:struts2,spring3.0.5,ibatis2.3.4.726
開發步驟及配置簡介:
第一步,眾所周知肯定是導入相關的lib庫啦,由于我使用的前端是extjs,所以還需要導入extjs相關的js以及css依賴文件。由于lib庫太多就不截圖了,只截取extjs的相關依賴文件:
這樣基本的環境就有了,數據庫的設計則需要根據model層的對象來確定。
第二步,建立相關的model層,代碼如下:
User.Java:
package com.broada.demo.entity;/** * * @author smm * */public class User { private int id; //用戶id private String name; //用戶名稱 private String password; //用戶密碼 private String username; //用戶昵稱 private String address; //地址 public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getAddress() { return address; } public void setAddress(String address) { this.address = address; } public int getId() { return id; } public void setId(int id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } }
第三步,strust的相關配置,這里就不詳細講述strust的單獨配置及原理了,直接上實例中的相關配置文件,主要是strust.xml以及web.xml的相關配置,部分主要配置如下:
Web.xml:
<!-- struts2模塊 --> <filter> <filter-name>struts2</filter-name> <!-- 這個就是struts2的核心過濾器 --> <filter-class> org.apache.struts2.dispatcher.FilterDispatcher </filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>
strust.xml:
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN""http://struts.apache.org/dtds/struts-2.0.dtd"><struts> <!-- 這是一個重要的地方,很多人在使用<s:include>子頁面后,發現子頁面亂碼,怎么改都不行,原因就在次,struts2的默認編碼為UTF-8,亂碼的同志請看看你的jsp頁面上的編碼是不是和這個不一致呢。只要把這里和jsp編碼改一致就行了 --> <constant name="struts.i18n.encoding" value="UTF-8" /> <!-- 告訴struts2,我要用spring裝配工廠,其實默認就是這個了-_-!!! --> <constant name="struts.objectFactory" value="spring" /> <!-- struts2的擴展名,比如struts1的時候,用的.do,struts2默認為.action,可以改成其它的,比如.dxd --> <constant name="struts.action.extension" value="action" /> <!-- 資源文件 --> <constant name="struts.custom.i18n.resources" value="messageResource"> </constant> <!-- 用戶注冊類 --> <!-- abstract屬性就說明了該action繼承自自己定義的基礎action,而class采用的registerAction是由spring產生的 --> <package name="register" extends="struts-default"> <action name="register" class="registerAction" method="addUser"> <!-- 注冊成功 --> <result name="success">success.jsp</result> <!-- 注冊失敗 --> <result name="input">error.jsp</result> </action> <action name="login" class="registerAction" method="loginUser"> <!-- 注冊成功 --> <result name="success">success.jsp</result> <!-- 注冊失敗 --> <result name="error">error.jsp</result> </action> </package> </struts>
這樣strust的配置大致就完成了。
第四步:配置ibatis的相關配置文件,主要是jdbc.properties,SqlMapConfig.xml以及User.xml的配置,jdbc.properties主要用于配置數據庫的數據源參數,會在加載spring的時候自動初始化,ibatis數據源的配置到時可以托管給spring初始化,所以這里就不細講了。SqlMapConfig.xml主要是配置ibatis的配置文件的位置,User.xml則用于編寫相關的數據庫語句等,配置大致如下:
jdbc.properties:
jdbc.driverClass=com.mysql.jdbc.Driverjdbc.url=jdbc:mysql://localhost:3306/userinfojdbc.user=rootjdbc.password=123456jdbc.minPoolSize=5jdbc.maxPoolSize=20jdbc.maxIdleTime=1800jdbc.acquireIncrement=5jdbc.maxStatements=50jdbc.initialPoolSize=10jdbc.idleConnectionTestPeriod=1800jdbc.acquireRetryAttempts=30
詳細的參數含義在spring的配置文件會提及,就不細說了。
SqlMapConfig.xml:
<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE sqlMapConfig PUBLIC "-//ibatis.apache.org//DTD SQL Map Config 2.0//EN""http://ibatis.apache.org/dtd/sql-map-config-2.dtd"><sqlMapConfig><!-- 用戶信息表 --><sqlMap resource="com/broada/demo/dao/ibaties/map/User.xml" /></sqlMapConfig>
User.xml:
<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE sqlMap PUBLIC "-//ibatis.apache.org//DTD SQL Map 2.0//EN" "http://ibatis.apache.org/dtd/sql-map-2.dtd"><sqlMap> <typeAlias alias="User" type="com.broada.demo.entity.User" /> <!-- 保存注冊信息 --> <insert id="insertUser" parameterClass="User"> insert into user (name,password,username,address)values(#name#,#password#,#username#,#address#) </insert> <select id="selsectUser" parameterClass="Java.lang.String" resultClass="User"> select * from user where name = #name#; </select></sqlMap>
這樣,ibatis的配置大致就完成。
第五步:配置spring的相關配置文件,主要是整合ibatis以及strust中用到的bean,需要配置web.xml以及applicationContext-web.xml兩個配置文件:
web.xml:
<listener> <!-- 這個就是今后用到的WebApplicationUtilContent --> <listener-class> org.springframework.web.context.ContextLoaderListener </listener-class> </listener> <!-- springframework config files --> <context-param> <param-name>contextConfigLocation</param-name> <!-- 把spring的配置文件放到了/WEB-INF/下的springframework包里,方便統一管理,命名規則是以applicationContent-開頭的xml文件,初始化時會自動搜索所有符合規則的配置文件 --> <param-value> /WEB-INF/spring/applicationContext-*.xml </param-value></context-param>
applicationContext-web.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" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.0.xsd"> <!-- 配置數據源,連接池采用的是c3p0,具體各參數代表意義參看c3p0自帶的doc,非常詳細。 --> <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource" destroy-method="close"> <property name="driverClass" value="${jdbc.driverClass}" /> <property name="jdbcUrl" value="${jdbc.url}" /> <property name="user" value="${jdbc.user}" /> <property name="password" value="${jdbc.password}" /> <property name="minPoolSize" value="${jdbc.minPoolSize}" /> <property name="maxPoolSize" value="${jdbc.maxPoolSize}" /> <property name="maxIdleTime" value="${jdbc.maxIdleTime}" /> <property name="acquireIncrement" value="${jdbc.acquireIncrement}" /> <property name="maxStatements" value="${jdbc.maxStatements}" /> <property name="initialPoolSize" value="${jdbc.initialPoolSize}" /> <property name="idleConnectionTestPeriod" value="${jdbc.idleConnectionTestPeriod}" /> <property name="acquireRetryAttempts" value="${jdbc.acquireRetryAttempts}" /> </bean> <!-- 上面的數據源的value值用的是表達式,原因就在這里,這將配置文件放到了iBatis目錄下,也就是jdbc.properties,設置了c3p0的各項參數 --> <bean id="propertyConfig" class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"> <property name="location"> <value>/WEB-INF/ibatis/jdbc.properties</value> </property> </bean> <!-- 配置iBatis的sqlMapClient,這里當然是交給了spring去處理,其中,將SqlMapConfig文件放到了WEB-INF的iBatis目錄下,也是便于管理 --> <bean id="sqlMapClient" class="org.springframework.orm.ibatis.SqlMapClientFactoryBean"> <property name="configLocation"> <value>/WEB-INF/ibatis/SqlMapConfig.xml</value> </property> <!-- 這里使用的數據源就是上面配置的數據源 --> <property name="dataSource"> <ref bean="dataSource" /> </property> </bean> <bean id="userdaoId" class="com.broada.demo.daoImpl.UserDaoImpl"> <property name="sqlMapClient" ref="sqlMapClient"></property> </bean> <bean id="userDaoServiceId" class="com.broada.demo.serviceImpl.UserDaoServiceImpl"> <property name="userdao" ref="userdaoId"> </property> </bean> <!-- 用戶注冊action--> <bean id="registerAction" name="registerAction" class="com.broada.demo.action.RegisterAction" scope="prototype"> <property name="userdaoServiceInter" ref="userDaoServiceId"></property> </bean> </beans>
這樣,ssi框架的大致配置就完成了。
最后編寫相關的dao層,service層,action層以及jsp等等,我就不詳細說明了,直接上相關代碼:
RegisterAction.Java:
package com.broada.demo.action; /** * @author smm */ import com.broada.demo.entity.User;import com.broada.demo.service.UserDaoServiceInter;import com.opensymphony.xwork2.ActionSupport; public class RegisterAction extends ActionSupport { private static final long serialVersionUID = 1L; private UserDaoServiceInter userdaoServiceInter; public UserDaoServiceInter getUserdaoServiceInter() { return userdaoServiceInter; } public void setUserdaoServiceInter(UserDaoServiceInter userdaoServiceInter) { this.userdaoServiceInter = userdaoServiceInter; } private String name; //用戶名 private String password; //密碼 private String username; //昵稱 private String address; //地址 public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getAddress() { return address; } public void setAddress(String address) { this.address = address; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } public String addUser() { System.out.println("添加成功!"); User user = new User(); String name = this.name; String password = this.password; String username = this.username; String address = this.address; user.setName(name); user.setPassword(password); user.setUsername(username); user.setAddress(address); boolean b = userdaoServiceInter.insertUser(user); if (b==true) { return SUCCESS; } else return INPUT; } public String loginUser(){ System.out.println("登陸======="); String name = this.name; String password = this.password; User user = userdaoServiceInter.querybyname(name); if(user != null && password.equals(user.getPassword())){ return SUCCESS; } else return ERROR; }}
UserDao.Java:
package com.broada.demo.dao; /** * @author smm */ import Java.util.List; import com.broada.demo.entity.User; public interface UserDao { /** * 用戶注冊 * @param user * @return */ public boolean insertUser(User user); /** * 根據用戶名獲取用戶信息 * @param name * @return */ public User queryByname(String name); }
UserDaoImpl.Java:
package com.broada.demo.daoImpl;/** * @author smm */import org.springframework.orm.ibatis.support.SqlMapClientDaoSupport; import com.broada.demo.dao.UserDao;import com.broada.demo.entity.User; public class UserDaoImpl extends SqlMapClientDaoSupport implements UserDao{ @Override public boolean insertUser(User user) { try { getSqlMapClientTemplate().insert("insertUser", user); return true; } catch (Exception e) { e.printStackTrace(); return false; } } @Override public User queryByname(String name) { // TODO Auto-generated method stub try { User user =(User) getSqlMapClientTemplate().queryForObject("selsectUser", name); return user; } catch (Exception e) { e.printStackTrace(); return null; } } }
UserDaoServiceInter.Java:
package com.broada.demo.service; /** * @author smm */ import com.broada.demo.entity.User; public interface UserDaoServiceInter { /** * 用戶注冊服務接口 * @param user * @return */ public boolean insertUser(User user); /** * 根據用戶名獲取用戶信息接口 * @param name * @return */ public User querybyname(String name);}
UserDaoServiceImpl.Java:
package com.broada.demo.serviceImpl; /** * @author smm */ import com.broada.demo.dao.UserDao;import com.broada.demo.entity.User;import com.broada.demo.service.UserDaoServiceInter; public class UserDaoServiceImpl implements UserDaoServiceInter { private UserDao userdao; public UserDao getUserdao() { return userdao; } public void setUserdao(UserDao userdao) { this.userdao = userdao; } @Override public boolean insertUser(User user) { return userdao.insertUser(user); } @Override public User querybyname(String name) { // TODO Auto-generated method stub return userdao.queryByname(name); } }
Index.jsp:
<%@ page language="Java" contentType="text/html; charset=utf8" pageEncoding="utf8"%> <%@ taglib prefix="s" uri="/struts-tags"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf8"><link rel="stylesheet" type="text/css" href="css/ext-all.css" /><link rel="stylesheet" type="text/css" href="css/ext-theme-classic-all.css" /><script type="text/Javascript" src="js/ext-all.js"></script> <title>用戶登陸</title><script type="text/Javascript">Ext.onReady(function(){ initPanel(); }); initPanel=function(){ var formPanel = new Ext.FormPanel({ id: 'loginPanel', labelWidth: 75, frame:true, bodyStyle:'margin:0 auto', width: 350, defaults: {width: 250}, defaultType: 'textfield', items: [{id: 'username',fieldLabel: '用戶名',name:'name',allowBlank: false,blankText: '賬號不能為空'}, {id: 'password', fieldLabel: '密 碼',name:'password',inputType: 'password',allowBlank: false,blankText: '密碼不能為空'}] }); var win = new Ext.Window({ title:'登陸界面', width:380, autoHeight: 'true', resizable: false, modal:true, closeAction: 'hide', buttonAlign:'center', items:formPanel, buttons:[{text: '登陸',handler: function(){land();}}, {text: '重置',handler: function(){ Ext.getCmp('username').setValue(""); Ext.getCmp('password').setValue(""); }},{text: '注冊',handler: function(){register();}}] }); win.show(); }; var win1; register = function(){ var registerPanel = new Ext.FormPanel({ id: 'registerPanel', labelWidth: 75, frame:true, bodyStyle:'margin:0 auto', width: 350, defaults: {width: 250}, defaultType: 'textfield', items: [{id: 'registername',fieldLabel: '用戶名',name:'name1',allowBlank: false,blankText: '賬號不能為空'}, {id: 'registerpassword', fieldLabel: '登陸密 碼',name:'password1',inputType: 'password',allowBlank: false,blankText: '密碼不能為空'}, {id: 'registerpassword2', fieldLabel: '密碼確認',name:'password2',inputType: 'password',allowBlank: false,blankText: '密碼不能為空'}, {id: 'nichen',fieldLabel: '昵稱',name:'nichen1'}, {id: 'address',fieldLabel: '地址',name:'address1'}] }); win1 = new Ext.Window({ title:'注冊界面', width:380, autoHeight: 'true', resizable: false, modal:true, buttonAlign:'center', items:registerPanel, buttons:[{text: '提交',handler: function(){login();}}, {text: '取消',handler: function(){win1.close();}}] }); win1.show(); }; login=function(){ var name = Ext.getCmp('registername').getValue(); var password = Ext.getCmp('registerpassword').getValue(); var password2 = Ext.getCmp('registerpassword2').getValue(); var nichen = Ext.getCmp('nichen').getValue(); var address = Ext.getCmp('address').getValue(); if(name==" "|| password==" " || password2==""){ Ext.MessageBox.alert('提示','賬號或密碼不能為空!'); } else if(password != password2){ Ext.MessageBox.alert('提示','兩次密碼輸入不一致!'); }else{ Ext.Ajax.request({ url: "<s:url value='/register.action'/>", method: 'post', params:{ name:name, password:password, username:nichen, address:address }, success: function (response, options) { Ext.MessageBox.alert('提示','注冊成功',function(e){ if(e == "ok"){ win1.close(); } }); }, failure: function (response, options) { Ext.MessageBox.alert('注冊失敗', '請檢查您的注冊信息!'); } }); } }; land=function(){ var name = Ext.getCmp('username').getValue(); var password = Ext.getCmp('password').getValue(); if(name == " " || password == ""){ Ext.MessageBox.alert('提示', '賬號或密碼不能為空!'); } else{ Ext.Ajax.request({ url: "<s:url value='/login.action'/>", method: 'post', params:{ name:name, password:password }, success: function (response, options) { Ext.MessageBox.alert('提示','登陸成功!'); }, failure: function (response, options) { Ext.MessageBox.alert('登陸失敗', '您輸入的賬號或密碼錯誤!'); } }); } }; </script> </head><body> </body></html>
大致的步驟就是這樣,個人覺得ssi的框架還是蠻不錯的,起碼定制和自由度都比較好。
jsp技術:ssi框架學習總結(mvc三層架構),轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。