《工程實踐創(chuàng)新-智慧社區(qū)》模塊五 登錄模塊

塊登錄模塊模五學(xué)習(xí)目標(biāo)熟悉ASSH框架的基本結(jié)構(gòu)

掌握登錄功能的設(shè)計要求和開發(fā)流程完成登錄模塊的單元測試任務(wù)提交登錄模塊開發(fā)報告及技術(shù)文檔知識準(zhǔn)備登錄模塊概述登錄模塊是用戶進(jìn)入智慧工廠中央管理系統(tǒng)的入口，用戶只有登錄系統(tǒng)之后才能操作系統(tǒng)的基本功能，本模塊主要介紹智慧工廠中央管理系統(tǒng)登錄功能的設(shè)計與實現(xiàn)，使用前臺框架jQuery實現(xiàn)前后端數(shù)據(jù)的傳遞。知識準(zhǔn)備jQuery框架的概述jQuery是一個快速、簡潔的JavaScript框架，它簡化了JavaScript編程，使頁面代碼更加簡潔，實現(xiàn)了使用更少的代碼，實現(xiàn)更多的功能。與其他框架相比，jQuery的優(yōu)勢體現(xiàn)在方方面面，首先它是輕量級框架，具有強(qiáng)大的選擇器，出色的DOM操作封裝，可靠的事件處理機(jī)制，并且擁有詳細(xì)的文檔說明和各種應(yīng)用講解，同時還有許多成熟的插件可供選擇。登錄模塊任務(wù)信息任務(wù)編號SFCMS-05-01角色分工基本信息崗位系統(tǒng)分析系統(tǒng)設(shè)計系統(tǒng)頁面實現(xiàn)系統(tǒng)邏輯編程系統(tǒng)測試負(fù)責(zé)人

任務(wù)名稱用戶登錄功能實現(xiàn)任務(wù)編號SFCMS-05-01版本1.0任務(wù)狀態(tài)

計劃開始時間

計劃完成時間

計劃用時

負(fù)責(zé)人

作者

審核人

工作產(chǎn)品【】文檔

【】圖表

【】測試用例

【】代碼

【】可執(zhí)行文件登錄模塊概要設(shè)計原型設(shè)計登錄頁面主要功能是采集用戶賬號和密碼信息，并判斷信息填寫是否符合格式，頁面示意圖如圖所示。登錄模塊概要設(shè)計功能分析登錄頁面描述點擊“登錄”按鈕，系統(tǒng)提交用戶輸入的登錄名和密碼，經(jīng)過后臺驗證判斷輸入的用戶名和密碼是否匹配，成功則提示登錄成功進(jìn)入主頁面，失敗則提示登錄失敗。登錄用例描述登錄模塊概要設(shè)計流程處理登錄功能主要包括登錄頁面，它主要用于采集用戶輸入的用戶名和密碼，以及驗證所輸入的信息格式是否正確。當(dāng)用戶輸入基本信息并點擊“登錄”按鈕之后，首先判斷用戶輸入的信息是否符合格式，然后將提交的信息傳遞給后臺進(jìn)行驗證，登錄過程流程如圖所示。登錄模塊概要設(shè)計數(shù)據(jù)庫設(shè)計根據(jù)功能分析和流程處理可分析出用戶登錄模塊所需的數(shù)據(jù)庫表，如下表所示。序號列名數(shù)據(jù)類型數(shù)據(jù)來源是否為空是否主鍵備注1IDnvarchar(50)管理員輸入否是用戶編號2UNamenvarchar(MAX)管理員輸入否否用戶名3UPwdnvarchar(MAX)管理員輸入否否密碼登錄模塊詳細(xì)設(shè)計實現(xiàn)流程登錄模塊開發(fā)步驟導(dǎo)入項目1.將項目模板導(dǎo)入Eclipse中，導(dǎo)入過程如圖所示。2.項目結(jié)構(gòu)如圖所示。登錄模塊開發(fā)步驟資源文件StaticSource文件夾存放靜態(tài)資源，將需要使用的文件直接拖入該文件夾即可使用WebContent目錄下Login文件夾用于存放登錄的JSP頁面；js文件夾中存放相應(yīng)的引用包；fonts文件夾存放相應(yīng)的字體引用文件登錄模塊開發(fā)步驟頁面主要代碼<divclass="login-right"><formclass="login-form"><h3class="form-title">請登錄Login</h3><divclass="form-group"><divclass="input-icon"><iclass="fafa-user"></i><inputclass="form-control"name="UName"requiredtype="text"></div></div><divclass="form-group"><divclass="input-icon"><iclass="fafa-lock"></i><inputclass="form-control"name="UPwd"requiredtype="password"></div></div><divclass="form-group"><divclass="input-iconjs-msg"></div></div><divclass="form-actions"><buttontype="button"class="btnredbtn-blockjs-signIn">

登錄</button></div><divclass="form-bottom"><divclass="forget-password"><p>

忘記密碼？

請聯(lián)系管理員</p></div><divclass="create-account"><p>

還沒有賬號？

請聯(lián)系管理員</p></div></div></form></div>登錄模塊開發(fā)步驟實體類UserInfopublicclassUserInfoimplementsSerializable{ privatestaticfinallongserialVersionUID=-128322554609956969L; publicStringUID;//用戶編號 publicStringUName;//用戶名稱 publicStringUPwd;//密碼 publicDateSubTime;//注冊時間 publicIntegerDelFlag;//是否可用 publicDateModifiedOn;//最后一次登錄時間 publicStringRemark;//備注 publicStringRealName;//真實姓名}登錄模塊開發(fā)步驟實體類對應(yīng)的映射文件每個持久化對象都需要提供一個以類名命名的映射文件放在和實體類同一目錄下。屬性標(biāo)簽中name代表的是實體類中的屬性，column則是實體屬性所在表中的列。

<hibernate-mapping><classname="com.Elcoes.Managent.Domain.UserInfo"table="UserInfo"><idname="UID"column="ID"><generatorclass="native"/></id><propertyname="UName"column="UName"/><propertyname="UPwd"column="UPwd"/><propertyname="SubTime"column="SubTime"/><propertyname="DelFlag"column="DelFlag"/><propertyname="ModifiedOn"column="ModifiedOn"/><propertyname="Remark"column="Remark"/></class></hibernate-mapping>登錄模塊開發(fā)步驟UserDao類在com.xt.assh.dao包下新建UserDao類并繼承HibernateDaoSupport，該類主要用來進(jìn)行數(shù)據(jù)交互以及相關(guān)的查詢，這里將用戶輸入的信息作為查詢條件，將查詢到的結(jié)果作為一個List集合返回到Service層進(jìn)行數(shù)據(jù)加工。其中g(shù)etHibernateTemplate().find()方法有多種重載方式，本類使用getHibernateTemplate().find(HQLString,Object[])，其中第一個參數(shù)是HQL語句，用占位符表示需要查詢的用戶名和密碼的信息；第二個參數(shù)是一個數(shù)組，存放實體類中用戶名和密碼的get()方法獲取用戶輸入的信息。publicclassUserDaoextendsHibernateDaoSupport{ publicUserInfologin(UserInfouserInfo){ List<UserInfo>list=this.getHibernateTemplate().find("fromUserInfowhereUName=?andUPwd=?",userInfo.getUName(),userInfo.getUPwd()); if(list.size()>0){ returnlist.get(0);

} returnnull;

}

}登錄模塊開發(fā)步驟UserService類在com.xtgj.assh.service包下新建UserService類，它主要用來解除控制器和實體類的耦合。publicclassUserService{ privateUserDaouserDao; publicUserDaogetUserDao(){ returnuserDao; } publicvoidsetUserDao(UserDaouserDao){ this.userDao=userDao; } publicUserInfologin(UserInfouserInfo){ returnuserDao.login(userInfo); }}登錄模塊開發(fā)步驟UserAction類在com.xt.assh.action包下新建UserAction類并繼承ActionSupport類，該類實現(xiàn)了對數(shù)據(jù)庫的操作并返回結(jié)果，本類引用Service層，并且能夠結(jié)合struts.xml配置文件調(diào)用Action類中指定的方法，并跳轉(zhuǎn)至指定的頁面。當(dāng)dataMap屬性值為“isOk”時，頁面跳轉(zhuǎn)到系統(tǒng)主頁面，若屬性值為其他值，則仍停留在登錄頁面。publicStringlogin()throwsIOException{ UserInfoexituser=userService.login(userInfo);//判斷用戶是否存在 if(exituser!=null){ dataMap=newHashMap<String,Object>(); dataMap.put("isOk",true); dataMap.put("msg","用戶驗證成功"); dataMap.put("data",null); }else{ dataMap=newHashMap<String,Object>(); dataMap.put("isOk",false); dataMap.put("msg","用戶名或密碼驗證失敗"); dataMap.put("data",null); } returnSUCCESS; }登錄模塊開發(fā)步驟配置文件–web.xml在web.xml可以通過配置啟動Spring容器，并且在Struts框架中通過在web.xml中配置Filter啟動框架。<!--Spring整合web，配置監(jiān)聽器：監(jiān)聽ServletContext域?qū)ο蟮膭?chuàng)建和銷毀--><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>

<!--配置在web層開啟session的過濾器--><!--配置struts的核心過濾器-->

登錄模塊開發(fā)步驟配置文件–applicationContext.xml<!--加載hibernate.cfg.xml的配置文件，獲取到SessionFactory對象--> <beanid="sessionFactory"class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <propertyname="configLocation"value="classpath:cnwtf.cfg.xml"/> </bean> <!--配置Dao--> <beanid="userDao"class="com.Elcoes.Managent.Dao.UserDao"> <propertyname="sessionFactory"ref="sessionFactory"></property></bean> <!--配置service-->

<beanid="userService"class="com.Elcoes.Managent.Service.UserService"> <propertyname="userDao"ref="userDao"></property></bean> <!--配置action讓IOC容器管理action--> <beanid="userAction"class="com.Elcoes.Managent.Action.LoginAction"scope="prototype"> <propertyname="userService"ref="userService"/></bean>登錄模塊開發(fā)步驟配置文件–struts.xml<struts> <!--配置簡單的主題--> <package