基于web的數(shù)據(jù)收集器表單模板設(shè)計(jì)與實(shí)現(xiàn)

1、本科畢業(yè)設(shè)計(jì)論文 本科畢業(yè)設(shè)計(jì)論文題 目 基于web的數(shù)據(jù)收集器表單模板設(shè)計(jì)與實(shí)現(xiàn) 專(zhuān)業(yè)名稱(chēng) 軟件工程 學(xué)生姓名 XX 指導(dǎo)教師 XX 畢業(yè)時(shí)間 2014年6月 摘 要互聯(lián)網(wǎng)的規(guī)?；l(fā)展催生了大數(shù)據(jù)這個(gè)近幾年IT業(yè)界中非?；馃岬囊粋€(gè)詞匯，也啟發(fā)人們思考處理海量數(shù)據(jù)的新方式。舉個(gè)例子，以往進(jìn)行問(wèn)卷調(diào)查，都是由相關(guān)機(jī)構(gòu)發(fā)放紙質(zhì)的問(wèn)卷調(diào)查表，內(nèi)容填寫(xiě)完成以后統(tǒng)一上交，進(jìn)行統(tǒng)計(jì)。這種古老的方式成本高，效率低，已經(jīng)不能滿(mǎn)足大眾及企業(yè)的需求。隨著互聯(lián)網(wǎng)的普及，如今使用信息化渠道來(lái)完成問(wèn)卷調(diào)查變得頗受歡迎，具體實(shí)現(xiàn)方式大致有兩種，一種是用戶(hù)下載電子表格或文檔進(jìn)行填寫(xiě)，然后再提交；另一種是直接通過(guò)網(wǎng)頁(yè)的方式完

2、成問(wèn)卷調(diào)查。而這兩種方式顯然都不能滿(mǎn)足規(guī)?；男枨?。由于當(dāng)前主流的一些軟件工具并不能滿(mǎn)足人們對(duì)于巨量數(shù)據(jù)的挖掘、收集、整理、分析的需求，盡管?chē)?guó)內(nèi)外都出現(xiàn)了不少根據(jù)這個(gè)痛點(diǎn)而進(jìn)行突破的大數(shù)據(jù)服務(wù)工具，但效果并不令人滿(mǎn)意。本論文介紹的是基于web的在線表單數(shù)據(jù)收集系統(tǒng)。系統(tǒng)采用了目前最流行的輕量級(jí)J2EE框架，有助于應(yīng)用程序邏輯與底層技術(shù)之間的分離，并結(jié)合開(kāi)發(fā)模式穩(wěn)定、高效的MySQL數(shù)據(jù)庫(kù)，提高了本系統(tǒng)的靈活性與穩(wěn)定性。本系統(tǒng)主要包含以下功能模塊：我的表單、模板中心、后臺(tái)管理。全文以系統(tǒng)概述、系統(tǒng)分析、系統(tǒng)總體設(shè)計(jì)、系統(tǒng)詳細(xì)設(shè)計(jì)等幾個(gè)部分詳細(xì)介紹了系統(tǒng)模板中心模塊的開(kāi)發(fā)過(guò)程。關(guān)鍵詞： 基于網(wǎng)絡(luò)，

3、JSP，自定義表單模板，數(shù)據(jù)收集 ABSTRACTThe large-scale development of the Internet has spawned a very popular word: big data in IT industry in the past few years, also inspires people to think of the new ways to handle the massive amounts of data. For example, it is paper questionnaires issued by the relevant aut

4、horities that worked in the survey, and then to be submitted for statistics after the content were filled out later. This old way has been unable to meet the needs of the public and businesses because of its high cost and low efficiency.With the popularity of the Internet, now the use of information

5、 channels to complete the questionnaire becomes popular, there are mainly two specific implementations. One is the user download a spreadsheet or document to fill in and then submitted; another is the user complete the survey directly through the web. Obviously, these two methods all cant meet the n

6、eeds of large-scale. Due to the current mainstream software tools cant meet the needs for massive data mining, collection, cleansing and analysis of people, there are many service tools developed to solve above problems, but the effect is not satisfactory.What this paper describes is the system to c

7、ollect data online with Html forms, it uses the most popular lightweight J2EE frame presently which is helpful between the application program logic and first floor technology separation, and the stable and efficient MySQL database which can enhance this systems flexibility and stability. Our system

8、 mainly includes the following modules: My form, template center and background management. There are several parts to introduce the development process of templates Center module such as system overview, system analysis, system design, detailed design, etc. KEY WORDS: Web-Based , JSP , custom form

9、template, data collection目 錄第一章 緒論11.1課題研究背景與意義11.2國(guó)內(nèi)外研究狀況11.2.1國(guó)外現(xiàn)狀11.2.2國(guó)內(nèi)現(xiàn)狀11.3研究?jī)?nèi)容和擬解決的問(wèn)題21.3.1用戶(hù)對(duì)象的大眾化21.3.2前臺(tái)交互界面的友好性21.3.3表單DIY的易操作性21.3.4表單自定義規(guī)則與特效21.3.5數(shù)據(jù)獲取與處理21.3.6系統(tǒng)的對(duì)外擴(kuò)展性21.4主要研究?jī)?nèi)容3第二章 在線表單數(shù)據(jù)收集器系統(tǒng)分析42.1系統(tǒng)需求分析42.1.1登陸注冊(cè)模塊42.1.2我的表單模塊52.1.3模板中心模塊92.1.4管理員后臺(tái)管理模塊142.2系統(tǒng)總體設(shè)計(jì)162.2.1系統(tǒng)架構(gòu)設(shè)計(jì)162.2

10、.2系統(tǒng)功能結(jié)構(gòu)162.3開(kāi)發(fā)工具的選擇182.3.1 Dreamweaver CS4182.3.2 Photoshop CS4182.3.3 MyEclipse 2014182.4系統(tǒng)運(yùn)行的軟、硬件環(huán)境要求182.4.1硬件運(yùn)行環(huán)境182.4.2軟件運(yùn)行環(huán)境192.5相關(guān)開(kāi)發(fā)技術(shù)簡(jiǎn)介192.5.1 JSP簡(jiǎn)介192.5.2 CSS簡(jiǎn)介192.5.3 JQuery簡(jiǎn)介192.5.4 AJAX簡(jiǎn)介20第三章 在線表單數(shù)據(jù)收集器系統(tǒng)表單模板設(shè)計(jì)213.1模塊流程圖213.2模塊功能結(jié)構(gòu)223.3模板發(fā)布功能詳細(xì)設(shè)計(jì)233.3.1 表單字段歸納233.3.2 創(chuàng)建新的模板293.3.3從已有的表單復(fù)

11、制303.4 選用模板創(chuàng)建表單功能分析313.5模塊認(rèn)證功能分析33第四章 在線表單數(shù)據(jù)收集器表單模板功能實(shí)現(xiàn)364.1 用戶(hù)登陸模塊364.2 查看分類(lèi)模板功能404.3 模板展示功能444.4 模板認(rèn)證功能474.5 模板發(fā)布功能504.5.1 設(shè)計(jì)新的模板504.5.2 從已有表單復(fù)制564.6 選用模板創(chuàng)建表單604.7 個(gè)人管理功能614.8 管理員字段管理功能64第五章 系統(tǒng)前臺(tái)兼容性的考慮及優(yōu)化675.1系統(tǒng)兼容性問(wèn)題675.2一般解決方案675.3本系統(tǒng)開(kāi)發(fā)過(guò)程中兼容性問(wèn)題的解決67第六章 總結(jié)與展望69參考文獻(xiàn)70致謝71畢業(yè)設(shè)計(jì)小結(jié)72第一章 緒論1.1課題研究背景與意義互

12、聯(lián)網(wǎng)熱潮將人們置身于一個(gè)信息爆炸空間中，人們要面對(duì)大量?jī)?nèi)容紛繁復(fù)雜的信息，涉及生活中的方方面面，比如記錄你的日常開(kāi)銷(xiāo)，日程安排，報(bào)名，計(jì)劃安排等等，因此迫切需要以一種快捷有效的方式對(duì)數(shù)據(jù)加以采集、整理。另一方面，表單因其清晰、直觀的表達(dá)逐漸成為企業(yè)管理中必不可少的形式化表達(dá)工具，而務(wù)實(shí)地把公司的人力、物力、財(cái)力以及時(shí)間等因素作為資源，揉和成表單，以可靠、通暢、嚴(yán)謹(jǐn)?shù)牧鞒袒问匠薪映鰜?lái)，對(duì)于謀求企業(yè)內(nèi)外協(xié)調(diào)發(fā)展，實(shí)現(xiàn)管理規(guī)范化的目標(biāo)具有十分重要的意義。除此之外，表單不僅作為企業(yè)管理與信息處理的重要形式，更是一種網(wǎng)絡(luò)數(shù)據(jù)交流和采集的工具，漸漸地成為電子化辦公不可缺少的一部分。由于各企業(yè)單位及用戶(hù)的

13、情況和使用表單的目的不同，在不同時(shí)期對(duì)表單的種類(lèi)、格式和表示方法的要求也會(huì)有所不同。因此，就需要一個(gè)通用的表單管理系統(tǒng)來(lái)滿(mǎn)足不同需求的表單建立過(guò)程，而相應(yīng)地，此系統(tǒng)要適應(yīng)不同行業(yè)、不同單位、個(gè)人以及不同時(shí)間的變化，就不能只提供一個(gè)完整統(tǒng)一的固定的表單表格結(jié)構(gòu)，應(yīng)允許用戶(hù)根據(jù)需要進(jìn)行自定義。因此，快速地生成新的滿(mǎn)足用戶(hù)需求的表單和重用已有的表單模板，在已有形式基礎(chǔ)上再加工可以極大的提高效率，降低表單生成復(fù)雜度，極大的方便企業(yè)及用戶(hù)。1.2國(guó)內(nèi)外研究狀況1.2.1國(guó)外現(xiàn)狀國(guó)外的在線表單應(yīng)用已經(jīng)很成熟，它使一般用戶(hù)創(chuàng)建各式各樣的在線表單成為可能，用戶(hù)不需要太多的HTML知識(shí)就可以輕松地制作出功能強(qiáng)大

14、的表單來(lái)，而不必使用FrontPage或Dreamweaver等網(wǎng)頁(yè)編輯器來(lái)編寫(xiě)網(wǎng)頁(yè)表單，極大程度上改善了用戶(hù)體驗(yàn)，并可以輕輕松松地嵌入到自己的網(wǎng)站應(yīng)用中去。比較成功的如Jotform，F(xiàn)ormSpring，Wufoo等。1.2.2國(guó)內(nèi)現(xiàn)狀金數(shù)據(jù)是一款免費(fèi)的表單設(shè)計(jì)和數(shù)據(jù)收集工具，該網(wǎng)站系統(tǒng)并不專(zhuān)注于某一方面的數(shù)據(jù)，其還提供了數(shù)百種專(zhuān)業(yè)的模板，并提供發(fā)布表單、查看數(shù)據(jù)和報(bào)表的服務(wù)，金數(shù)據(jù)譽(yù)于友好的UI和較多的表單模板。總的來(lái)說(shuō)，國(guó)內(nèi)在線表單網(wǎng)站大部分也采用了主流的表單技術(shù)，簡(jiǎn)化了表單的開(kāi)發(fā)，提高了表單的開(kāi)發(fā)效率，在一定程度上滿(mǎn)足了用戶(hù)對(duì)表單的需求。但在易用性方面還是稍有不足，不能做到真正的“所

15、見(jiàn)即所得”，而且在數(shù)據(jù)的處理上也未能做到全面的分析。所以，在線表單還可以做更深一步的研究，在線表單系統(tǒng)的發(fā)展還能得到進(jìn)一步的提高。1.3研究?jī)?nèi)容和擬解決的問(wèn)題1.3.1用戶(hù)對(duì)象的大眾化目前，國(guó)內(nèi)外不乏眾多大數(shù)據(jù)企業(yè)們提供精細(xì)復(fù)雜的巨量數(shù)據(jù)服務(wù)，也有專(zhuān)門(mén)提供在線數(shù)據(jù)服務(wù)的如Wufoo等成熟的公司存在，但都面臨著目標(biāo)用戶(hù)門(mén)檻較高的缺點(diǎn)，這就在一定程度上限制了在線表單數(shù)據(jù)收集的普及，沒(méi)能真正方便普通用戶(hù)的生活。本系統(tǒng)主要面向中小團(tuán)隊(duì)或者個(gè)人提供輕態(tài)數(shù)據(jù)服務(wù)，真正做到低門(mén)檻、高體驗(yàn)，更廣泛地涉足用戶(hù)生活。1.3.2前臺(tái)交互界面的友好性系統(tǒng)網(wǎng)站交互設(shè)計(jì)的目的是增加網(wǎng)站的友好度、可用性和易用性，從而使用戶(hù)

16、能夠簡(jiǎn)單，快速和有效地完成網(wǎng)站賦予或用戶(hù)自身需要的服務(wù)、功能和目標(biāo)。主要包含以下內(nèi)容：1 界面設(shè)計(jì)，需要設(shè)計(jì)創(chuàng)意性界面提高觀賞性并注意避免繁瑣的頁(yè)面元素與布局；2 導(dǎo)航設(shè)計(jì)，導(dǎo)航設(shè)計(jì)是提供給用戶(hù)去某個(gè)地方的能力，是用戶(hù)能看到的網(wǎng)站結(jié)構(gòu)；3 信息設(shè)計(jì)，信息設(shè)計(jì)就是通過(guò)網(wǎng)站傳達(dá)給用戶(hù)某些信息，用戶(hù)可通過(guò)這些信息了解自己正在進(jìn)行的某些事和應(yīng)該如何進(jìn)行某些事。1.3.3表單DIY的易操作性系統(tǒng)基于“所見(jiàn)即所得”的理念，給予用戶(hù)直觀選擇表單元素并實(shí)現(xiàn)輕松拖拽以自定義表單布局的能力，更提供了豐富且操作簡(jiǎn)單的字段設(shè)計(jì)欄以完成表單控制，最大限度的簡(jiǎn)化用戶(hù)的表單創(chuàng)建過(guò)程。這些功能需要在前臺(tái)采用JQuery等前端

17、技術(shù)來(lái)實(shí)現(xiàn)。1.3.4表單自定義規(guī)則與特效表單的每一個(gè)字段因其功能的差異可能需要有其獨(dú)有的設(shè)置，包括輸入長(zhǎng)度、格式或內(nèi)容的限制等等，因此設(shè)計(jì)適用于每個(gè)字段的應(yīng)有的控制邏輯是我們需要解決的重要內(nèi)容。1.3.5數(shù)據(jù)獲取與處理系統(tǒng)提供在線創(chuàng)建表單，導(dǎo)入Excel生成表單等操作方式，對(duì)于習(xí)慣使用Excel的用戶(hù)而言，無(wú)需重復(fù)制作即可快速生成表單。對(duì)于數(shù)據(jù)收集的結(jié)果以數(shù)據(jù)報(bào)表的形式直觀顯示，并可以導(dǎo)出報(bào)表圖和Excel報(bào)表到本地，方便用戶(hù)重用。這些上傳下載功能的實(shí)現(xiàn)也是待解決的重要問(wèn)題。1.3.6系統(tǒng)的對(duì)外擴(kuò)展性考慮到互聯(lián)網(wǎng)帶給人們生活方式的重大改變，微博、微信、QQ等社交平臺(tái)在人們的日常生活中已占據(jù)著

18、舉足輕重的地位。如何更廣泛完成數(shù)據(jù)采集是我們必須考慮的一個(gè)問(wèn)題，這就需要系統(tǒng)支持與這些社交平臺(tái)的數(shù)據(jù)關(guān)聯(lián)。本系統(tǒng)擬為每一個(gè)表單產(chǎn)生發(fā)布地址，并支持將其發(fā)布到其它社交平臺(tái)以提高擴(kuò)展性。1.4主要研究?jī)?nèi)容本文基于目前國(guó)內(nèi)外先進(jìn)的智能電子表單系統(tǒng)的技術(shù)和思路，并結(jié)合實(shí)際需求，提出了自己的在線表單數(shù)據(jù)收集器解決方案。本文對(duì)整個(gè)系統(tǒng)的設(shè)計(jì)思想和目標(biāo)都給予了描述和說(shuō)明，主要實(shí)現(xiàn)都進(jìn)行了詳細(xì)分析?；趙eb的在線表單數(shù)據(jù)收集器系統(tǒng)結(jié)合B/S網(wǎng)絡(luò)結(jié)構(gòu)，遵循MVC架構(gòu)模式，著眼于系統(tǒng)的通用性與擴(kuò)展性，解決了目前表單生成系統(tǒng)專(zhuān)業(yè)性過(guò)強(qiáng)，通用性不夠的矛盾。本文主要從以下幾個(gè)方面介紹課題的研究成果：第一章：闡述了設(shè)計(jì)

19、該系統(tǒng)的原因及背景，明確了研究目標(biāo)和內(nèi)容。第二章：對(duì)系統(tǒng)進(jìn)行需求分析并給出系統(tǒng)架構(gòu)設(shè)計(jì)和目標(biāo)，完成了總體設(shè)計(jì)部分，并介紹表單的相關(guān)知識(shí)與實(shí)現(xiàn)所需要的技術(shù)。第三章：針對(duì)系統(tǒng)表單模板模塊作了詳細(xì)設(shè)計(jì)，給出此模塊的活動(dòng)圖和功能結(jié)構(gòu)圖，并深入研究了其主要功能模塊的功能，包括模板發(fā)布模塊和模板認(rèn)證模塊。第四章：深入討論了表單模板功能模塊的具體實(shí)現(xiàn)，并將模板的定義過(guò)程和具體操作過(guò)程通過(guò)圖示說(shuō)明，使功能更加清晰明了。第五章：對(duì)系統(tǒng)前臺(tái)開(kāi)發(fā)過(guò)程中出現(xiàn)的兼容性問(wèn)題進(jìn)行分析并研究解決方案。第六章：對(duì)本文所做的主要工作進(jìn)行了總結(jié)，并分析了系統(tǒng)的不足。第二章 在線表單數(shù)據(jù)收集器系統(tǒng)分析2.1系統(tǒng)需求分析2.1.1登陸

20、注冊(cè)模塊用戶(hù)登錄注冊(cè)模塊的用例圖如圖2-1所示。圖2-1 用戶(hù)登錄注冊(cè)模塊用例圖 1 注冊(cè)賬號(hào)用戶(hù)注冊(cè)操作說(shuō)明如表2-1所示。表2-1用戶(hù)注冊(cè)操作說(shuō)明用例名稱(chēng)：注冊(cè)賬號(hào)角色說(shuō)明：未注冊(cè)用戶(hù)用例說(shuō)明：用戶(hù)訪問(wèn)系統(tǒng)并注冊(cè)賬號(hào)前置條件：用戶(hù)訪問(wèn)系統(tǒng)網(wǎng)頁(yè)基本事件流：1. 用戶(hù)進(jìn)入系統(tǒng)注冊(cè)頁(yè)面2. 用戶(hù)輸入用戶(hù)名和密碼3. 系統(tǒng)驗(yàn)證用戶(hù)名和密碼的正確性4. 系統(tǒng)顯示用戶(hù)注冊(cè)成功，進(jìn)入使用界面其它事件流：3.1如果提供的用戶(hù)名存在或不符合格式，系統(tǒng)顯示“用戶(hù)名已存在”或“用戶(hù)名不合法”信息3.2如果密碼長(zhǎng)度不符合要求或密碼重復(fù)輸入不一致，系統(tǒng)顯示“密碼有誤”信息異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，

21、用戶(hù)注冊(cè)失敗后置條件：用戶(hù)完成賬號(hào)注冊(cè)2 登陸系統(tǒng)用戶(hù)登錄操作說(shuō)明如表2-2所示。表2-2用戶(hù)登錄操作說(shuō)明用例名稱(chēng)：登錄系統(tǒng)角色說(shuō)明：已注冊(cè)用戶(hù)用例說(shuō)明：用戶(hù)訪問(wèn)系統(tǒng)并登陸前置條件：用戶(hù)已注冊(cè)成功并訪問(wèn)系統(tǒng)網(wǎng)頁(yè)基本事件流：1. 用戶(hù)進(jìn)入系統(tǒng)登陸頁(yè)面2. 用戶(hù)提交用戶(hù)名和密碼3. 系統(tǒng)驗(yàn)證用戶(hù)名和密碼的正確性4. 系統(tǒng)顯示登陸成功，進(jìn)入用戶(hù)使用界面其它事件流：3.1如果提供的用戶(hù)名不存在，系統(tǒng)顯示“用戶(hù)名不存在”信息，詢(xún)問(wèn)用戶(hù)是否輸入錯(cuò)誤或者提醒用戶(hù)注冊(cè)3.2如果提供的密碼錯(cuò)誤，系統(tǒng)顯示“密碼錯(cuò)誤”信息，并結(jié)束操作異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，用戶(hù)登陸失敗后置條件：用戶(hù)完成賬號(hào)登陸

22、 3 注銷(xiāo)系統(tǒng)用戶(hù)注銷(xiāo)操作說(shuō)明如表2-3所示。表2-3用戶(hù)注銷(xiāo)操作說(shuō)明用例名稱(chēng)：注銷(xiāo)系統(tǒng)角色說(shuō)明：已登陸用戶(hù)用例說(shuō)明：用戶(hù)退出系統(tǒng)登錄狀態(tài)前置條件：用戶(hù)已登陸成功并訪問(wèn)系統(tǒng)網(wǎng)頁(yè)基本事件流：1. 用戶(hù)請(qǐng)求從系統(tǒng)注銷(xiāo)2. 系統(tǒng)注銷(xiāo)該用戶(hù)，并清除會(huì)話信息3. 系統(tǒng)提示注銷(xiāo)成功其它事件流：無(wú)異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，用戶(hù)注銷(xiāo)失敗后置條件：用戶(hù)完成賬號(hào)注銷(xiāo)，退出登錄狀態(tài) 2.1.2我的表單模塊用戶(hù)可以對(duì)表單系統(tǒng)進(jìn)行登錄、設(shè)計(jì)表單、管理表單、查看數(shù)據(jù)和注銷(xiāo)幾個(gè)動(dòng)作。其中管理表單有包括了添加、修改和刪除操作。我的表單模塊用例圖如圖2-2所示。圖2-2 我的表單模塊用例圖表2-4用戶(hù)設(shè)計(jì)表單

23、操作說(shuō)明用例名稱(chēng)：設(shè)計(jì)表單角色說(shuō)明：已登陸用戶(hù)用例說(shuō)明：用戶(hù)創(chuàng)建自己的表單前置條件：用戶(hù)已登陸成功并訪問(wèn)系統(tǒng)網(wǎng)頁(yè)基本事件流：1. 用戶(hù)選擇直接設(shè)計(jì)新表單，或從表單模板庫(kù)中選用合適模板進(jìn)行編輯修改2. 用戶(hù)拖放表單字段到設(shè)計(jì)器界面，并設(shè)置相關(guān)控制屬性3. 系統(tǒng)在編輯區(qū)顯示表單元素4. 用戶(hù)完成表單元素創(chuàng)建，命令系統(tǒng)保存該表單5. 系統(tǒng)驗(yàn)證表單的合法性（表單名稱(chēng)和表單內(nèi)容不能為空）6. 系統(tǒng)保存表單信息，將表單放入數(shù)據(jù)庫(kù)7. 系統(tǒng)提示保存成功，并自動(dòng)發(fā)布其它事件流：5.1如果表單內(nèi)容不合法，系統(tǒng)提示修改，并返回26.1如果遇到系統(tǒng)故障，系統(tǒng)會(huì)提示保存失敗，并返回4異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器

24、出現(xiàn)故障，系統(tǒng)表單保存失敗后置條件：用戶(hù)完成表單設(shè)計(jì)，系統(tǒng)保存成功1 設(shè)計(jì)表單用戶(hù)設(shè)計(jì)表單操作說(shuō)明如表2-4所示。2 管理表單1) 發(fā)布表單用戶(hù)發(fā)布表單操作說(shuō)明如表2-5所示。表2-5用戶(hù)發(fā)布表單操作說(shuō)明用例名稱(chēng)：發(fā)布表單角色說(shuō)明：已登陸用戶(hù)用例說(shuō)明：用戶(hù)發(fā)布已創(chuàng)建表單前置條件：用戶(hù)已登陸成功并訪問(wèn)系統(tǒng)網(wǎng)頁(yè)基本事件流：1. 用戶(hù)設(shè)計(jì)好表單，并填寫(xiě)相應(yīng)信息，命令系統(tǒng)添加到數(shù)據(jù)庫(kù)并選擇發(fā)布表單2. 系統(tǒng)驗(yàn)證表單的合法性3. 系統(tǒng)保存表單信息，將表單存入數(shù)據(jù)庫(kù)4. 系統(tǒng)提示表單發(fā)布成功其它事件流：2.1如果表單不合法，系統(tǒng)提示用戶(hù)修改，并返回13.1如果遇到系統(tǒng)故障，系統(tǒng)提示保存失敗，并返回1異常事

25、件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，系統(tǒng)表單發(fā)布失敗后置條件：用戶(hù)表單發(fā)布成功2) 預(yù)覽表單用戶(hù)預(yù)覽表單操作說(shuō)明如表2-6所示。表2-6用戶(hù)預(yù)覽表單操作說(shuō)明用例名稱(chēng)：預(yù)覽表單角色說(shuō)明：已登陸用戶(hù)用例說(shuō)明：用戶(hù)預(yù)覽表單前置條件：用戶(hù)已登陸成功并訪問(wèn)系統(tǒng)網(wǎng)頁(yè)基本事件流：1. 用戶(hù)選擇要預(yù)覽的表單2. 用戶(hù)命令系統(tǒng)預(yù)覽該表單3. 系統(tǒng)以最終效果顯示該表單其它事件流：無(wú)異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，系統(tǒng)表單預(yù)覽失敗后置條件：用戶(hù)完成表單預(yù)覽3) 修改表單用戶(hù)修改表單操作說(shuō)明如表2-7所示。表2-7 用戶(hù)修改表單操作說(shuō)明用例名稱(chēng)：修改表單角色說(shuō)明：已登陸用戶(hù)用例說(shuō)明：用戶(hù)修改表單前置條件

26、：用戶(hù)已登陸成功并訪問(wèn)系統(tǒng)網(wǎng)頁(yè)基本事件流：1. 用戶(hù)請(qǐng)求修改已創(chuàng)建的表單信息2. 系統(tǒng)顯示待修改的表單信息，等待用戶(hù)修改3. 用戶(hù)修改相應(yīng)信息，命令系統(tǒng)更新到數(shù)據(jù)庫(kù)4. 系統(tǒng)驗(yàn)證表單的合法性，如果表單不合法，系統(tǒng)提示修改，并返回35. 系統(tǒng)保存新的表單信息，如果遇到系統(tǒng)故障，系統(tǒng)提示保存失敗，并返回36. 系統(tǒng)提示修改保存成功其它事件流：無(wú)異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，系統(tǒng)表單修改失敗后置條件：用戶(hù)完成表單修改4) 刪除表單用戶(hù)刪除表單操作說(shuō)明如表2-8所示。表2-8 用戶(hù)刪除表單操作說(shuō)明用例名稱(chēng)：刪除表單角色說(shuō)明：已登陸用戶(hù)用例說(shuō)明：用戶(hù)刪除表單前置條件：用戶(hù)已登陸成功并訪問(wèn)系

27、統(tǒng)網(wǎng)頁(yè)基本事件流：1. 用戶(hù)請(qǐng)求刪除已創(chuàng)建的表單2. 系統(tǒng)刪除該表單3. 系統(tǒng)提示刪除成功其它事件流：2.1如果遇到系統(tǒng)故障，系統(tǒng)提示刪除失敗，并返回1異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，系統(tǒng)表單刪除失敗后置條件：用戶(hù)完成表單刪除5) 查看數(shù)據(jù)用戶(hù)查看表單數(shù)據(jù)操作說(shuō)明如表2-9所示。表2-9 用戶(hù)查看表單數(shù)據(jù)操作說(shuō)明用例名稱(chēng)：查看數(shù)據(jù)角色說(shuō)明：已登陸用戶(hù)用例說(shuō)明：用戶(hù)查看表單已收集數(shù)據(jù)前置條件：用戶(hù)已登陸成功并訪問(wèn)系統(tǒng)網(wǎng)頁(yè)基本事件流：1. 用戶(hù)選擇要查看數(shù)據(jù)的表單2. 用戶(hù)進(jìn)入相關(guān)表單數(shù)據(jù)查看頁(yè)面3. 系統(tǒng)以表格或者數(shù)據(jù)報(bào)表的方式顯示已收集的數(shù)據(jù)其它事件流：無(wú)異常事件流：由于系統(tǒng)或者數(shù)

28、據(jù)服務(wù)器出現(xiàn)故障，系統(tǒng)表單收集信息查看失敗后置條件：用戶(hù)完成表單收集信息查看2.1.3模板中心模塊1 查看分類(lèi)模板功能按照表單模板所實(shí)現(xiàn)的功能，如調(diào)查，報(bào)名，訂單，登記等，以及表單內(nèi)容所屬行業(yè)不同，如餐飲，電子商務(wù)，醫(yī)療，教育等進(jìn)行分類(lèi)，為用戶(hù)提供結(jié)構(gòu)清晰的模板分類(lèi)結(jié)構(gòu)，方便用戶(hù)根據(jù)模板屬性按需查找表單模板。用例圖如圖2-3所示。 圖2-3 用戶(hù)查看模板用例圖 用戶(hù)查看分類(lèi)模板操作說(shuō)明如表2-10所示。表2-10查看分類(lèi)模板操作說(shuō)明用例名稱(chēng)：查看分類(lèi)模板角色說(shuō)明：已登錄用戶(hù)用例說(shuō)明：用戶(hù)根據(jù)分類(lèi)條件查看系統(tǒng)模板庫(kù)中的模板前置條件：用戶(hù)訪問(wèn)系統(tǒng)模板中心基本事件流：1. 用戶(hù)進(jìn)入系統(tǒng)模板中心頁(yè)面2

29、. 用戶(hù)選擇各個(gè)分類(lèi)條件3. 系統(tǒng)顯示各分類(lèi)條件下所屬的表單模板列表其它事件流：2.1用戶(hù)選擇“廣場(chǎng)”，系統(tǒng)默認(rèn)顯示當(dāng)前最熱門(mén)的表單模板列表2.1.1用戶(hù)選擇“最新認(rèn)證”，系統(tǒng)按照認(rèn)證時(shí)間顯示最近被管理員認(rèn)證通過(guò)的表單模板列表2.2用戶(hù)選擇“分類(lèi)”，系統(tǒng)默認(rèn)顯示“調(diào)查”主題的表單模板列表2.2.1用戶(hù)選擇“報(bào)名”、“訂單”、“登記”、“生活”主題，查看相關(guān)主題的模板列表2.2.2用戶(hù)選擇“官方認(rèn)證”，系統(tǒng)顯示認(rèn)證狀態(tài)為“已認(rèn)證”的表單模板列表2.2.3用戶(hù)選擇“沙灘”，系統(tǒng)顯示認(rèn)證狀態(tài)為“認(rèn)證中”的表單模板列表2.3用戶(hù)選擇“行業(yè)”，系統(tǒng)顯示“微信”行業(yè)相關(guān)的表單模板列表2.3.1用戶(hù)選擇“餐

30、飲”、“電子商務(wù)”、“醫(yī)療”、“教育”等行業(yè)，查看相關(guān)行業(yè)的模板列表2.4用戶(hù)選擇“個(gè)人”，系統(tǒng)默認(rèn)進(jìn)入“我的收藏”子欄目下，系統(tǒng)顯示用戶(hù)收藏的所有模板及表單列表2.4.1用戶(hù)選擇“我的創(chuàng)建”，系統(tǒng)顯示用戶(hù)創(chuàng)建的表單模板，包括認(rèn)證成功和認(rèn)證失敗的所有模板異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，模板列表顯示失敗后置條件：用戶(hù)查看模板成功圖2-4 用戶(hù)發(fā)布模板 模板發(fā)布操作說(shuō)明如表2-11所示。表2-11 模板發(fā)布操作說(shuō)明用例名稱(chēng)：模板發(fā)布角色說(shuō)明：已登錄用戶(hù)用例說(shuō)明：用戶(hù)根據(jù)功能需求，創(chuàng)建模板并發(fā)布到系統(tǒng)模板庫(kù)接收管理員審核前置條件：用戶(hù)已登錄系統(tǒng)，訪問(wèn)系統(tǒng)模板中心模塊基本事件流：1.用戶(hù)登

31、陸成功進(jìn)入系統(tǒng)模板中心頁(yè)面2.用戶(hù)選擇“發(fā)布模板”3.用戶(hù)進(jìn)入模板創(chuàng)建編輯頁(yè)面，根據(jù)功能需求添加所需要的表單元素，并設(shè)置相應(yīng)字段元素的控制信息，點(diǎn)擊“下一步”完成模板創(chuàng)建第一步4.用戶(hù)進(jìn)入第二步，選擇表單模板圖標(biāo)信息、所屬分類(lèi)及行業(yè)，并填寫(xiě)模板用途信息簡(jiǎn)介，完成基本信息的編輯5.用戶(hù)點(diǎn)擊“發(fā)布”，完成整個(gè)表單模板發(fā)布過(guò)程6.系統(tǒng)跳轉(zhuǎn)到第三步頁(yè)面，顯示“表單發(fā)布成功”其它事件流：2.1用戶(hù)選擇“設(shè)計(jì)新的模板”，進(jìn)入32.2用戶(hù)選擇“從已有表單復(fù)制”，系統(tǒng)在當(dāng)前頁(yè)面彈出列表框，顯示所有用戶(hù)創(chuàng)建成功的表單；用戶(hù)選擇所需列表項(xiàng)，進(jìn)入3，在所選表單信息基礎(chǔ)上進(jìn)行編輯修改3.1用戶(hù)通過(guò)點(diǎn)擊“添加新字段”，

32、在系統(tǒng)顯示的字段列表中選擇所需的字段，并填寫(xiě)相應(yīng)字段控制信息異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，模板創(chuàng)建失敗后置條件：用戶(hù)完成對(duì)表單模板的創(chuàng)建與發(fā)布操作2 模板發(fā)布功能用戶(hù)創(chuàng)建模板可以有兩種方式。一種是可以根據(jù)需要設(shè)計(jì)新的模板，這就需要用戶(hù)在創(chuàng)建之前有必要的構(gòu)思；另一種是從已有的表單復(fù)制，這種方式是在用戶(hù)之前創(chuàng)建成功的表單基礎(chǔ)上編輯修改成表單模板上傳到模板庫(kù)。用例圖如圖2-4所示。3 選用模板創(chuàng)建表單用戶(hù)通過(guò)瀏覽與需求相關(guān)的表單模板，并在找到合適的模板之后選用，在此模板基礎(chǔ)上直接編輯修改成滿(mǎn)足自己需求的表單，簡(jiǎn)化表單創(chuàng)建過(guò)程，提高效率及改善用戶(hù)體驗(yàn)。用例圖如圖2-5所示。圖2-5 用戶(hù)

33、選用模板創(chuàng)建表單用戶(hù)選用模板創(chuàng)建表單操作說(shuō)明如表2-12所示。表2-12 選用模板創(chuàng)建表單操作說(shuō)明用例名稱(chēng)：選用模板創(chuàng)建表單角色說(shuō)明：已登錄用戶(hù)用例說(shuō)明：用戶(hù)根據(jù)條件選擇所需的模板并點(diǎn)擊查看模板詳細(xì)信息，選用合適的模板并在該模板基礎(chǔ)上創(chuàng)建表單前置條件：用戶(hù)登錄成功后進(jìn)入系統(tǒng)模板中心頁(yè)面基本事件流：1. 用戶(hù)登陸進(jìn)入系統(tǒng)模板中心頁(yè)面2. 用戶(hù)根據(jù)篩選條件選擇所需表單模板并點(diǎn)擊查看模板詳細(xì)信息3.用戶(hù)點(diǎn)擊“選用”，系統(tǒng)跳轉(zhuǎn)至我的表單模塊的“表單創(chuàng)建”頁(yè)面，用戶(hù)可以在原表單模板頁(yè)面內(nèi)容基礎(chǔ)上進(jìn)行編輯修改完成表單創(chuàng)建其它事件流：3.1用戶(hù)點(diǎn)擊“收藏”，頁(yè)面顯示收藏成功。異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)

34、器出現(xiàn)故障，用戶(hù)選用模板創(chuàng)建表單失敗后置條件：用戶(hù)完成依據(jù)表單模板創(chuàng)建表單的操作4 個(gè)人管理功能用戶(hù)可以收藏瀏覽過(guò)的感興趣的表單模板以備以后重用，亦可以查看自己創(chuàng)建的表單模板，并查看其認(rèn)證狀態(tài)。此外還包括用戶(hù)注冊(cè)，登陸，修改個(gè)人信息以及丟失密碼后找回密碼等基本功能。用例圖如圖2-6所示。圖2-6 用戶(hù)個(gè)人信息管理 表2-13 個(gè)人信息管理操作說(shuō)明用例名稱(chēng)：個(gè)人信息管理角色說(shuō)明：已登錄用戶(hù)用例說(shuō)明：系統(tǒng)對(duì)于用戶(hù)收藏的表單模板及創(chuàng)建成功的表單進(jìn)行整理，用戶(hù)可以查看這些表單信息，并完善自己的個(gè)人信息設(shè)置 前置條件：用戶(hù)已登錄并訪問(wèn)系統(tǒng)模板中心模塊基本事件流：1.用戶(hù)登陸進(jìn)入系統(tǒng)模板中心頁(yè)面2.用戶(hù)點(diǎn)

35、擊“個(gè)人”，進(jìn)入個(gè)人管理頁(yè)面3.系統(tǒng)默認(rèn)顯示“我的收藏”欄目下的表單模板列表其它事件流：1.1未登錄用戶(hù)點(diǎn)擊“注冊(cè)”，系統(tǒng)跳轉(zhuǎn)至注冊(cè)頁(yè)面完成用戶(hù)注冊(cè)并登錄成功1.2未登錄用戶(hù)點(diǎn)擊“登陸”，輸入用戶(hù)名、密碼登陸系統(tǒng)2.1用戶(hù)點(diǎn)擊“我的創(chuàng)建”，系統(tǒng)顯示用戶(hù)創(chuàng)建的所有表單模板，包括成功認(rèn)證或未成功認(rèn)證狀態(tài)的表單模板。2.2用戶(hù)點(diǎn)擊模板列表項(xiàng)，查看相關(guān)表單模板的詳細(xì)信息2.3用戶(hù)點(diǎn)擊“發(fā)布模板”，進(jìn)入模板創(chuàng)建模塊2.4用戶(hù)點(diǎn)擊設(shè)置圖標(biāo)或用戶(hù)名，系統(tǒng)跳轉(zhuǎn)進(jìn)入個(gè)人中心頁(yè)面，用戶(hù)完成個(gè)人信息的修改異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，用戶(hù)表單模板或個(gè)人信息修改失敗后置條件：用戶(hù)完成查看個(gè)人表單模板信息

36、和個(gè)人信息的修改、完善操作個(gè)人信息管理操作說(shuō)明如表2-13所示。2.1.4管理員后臺(tái)管理模塊這是只有管理員才有權(quán)限進(jìn)入的模塊。管理員具有設(shè)置整個(gè)系統(tǒng)具體表單元素是否可用、更新維護(hù)表單創(chuàng)建元素、對(duì)用戶(hù)創(chuàng)建的表單模板進(jìn)行認(rèn)證、管理查看用戶(hù)信息等的重要功能。用例圖如圖2-7所示。圖2-7 管理員后臺(tái)管理1 表單字段管理管理員表單字段管理操作說(shuō)明如表2-14所示。表2-14管理員表單字段管理操作說(shuō)明用例名稱(chēng)：表單字段管理角色說(shuō)明：已登錄管理員用例說(shuō)明：管理員對(duì)于系統(tǒng)可用表單字段進(jìn)行管理前置條件：系統(tǒng)管理員訪問(wèn)系統(tǒng)后臺(tái)管理模塊基本事件流：1. 系統(tǒng)管理員登陸進(jìn)入系統(tǒng)后臺(tái)管理頁(yè)面2. 管理員進(jìn)入表單字段管

37、理子目錄3. 管理員設(shè)置表單字段是否可用狀態(tài)其它事件流：無(wú)異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，管理員表單字段可用狀態(tài)修改失敗后置條件：系統(tǒng)管理員完成對(duì)表單字段可用性的設(shè)置操作2 用戶(hù)管理管理員用戶(hù)管理操作說(shuō)明如表2-15所示。表2-15管理員用戶(hù)管理操作說(shuō)明用例名稱(chēng)：用戶(hù)管理角色說(shuō)明：已登錄管理員用例說(shuō)明：管理員對(duì)于用戶(hù)信息進(jìn)行管理前置條件：系統(tǒng)管理員訪問(wèn)系統(tǒng)后臺(tái)管理模塊基本事件流：1. 系統(tǒng)管理員登陸進(jìn)入系統(tǒng)后臺(tái)管理頁(yè)面2. 管理員進(jìn)入用戶(hù)管理子目錄3. 管理員查看用戶(hù)信息，包括用戶(hù)創(chuàng)建的表單和表單模板以及用戶(hù)個(gè)人基本信息其它事件流：無(wú)異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，管理

38、員用戶(hù)信息查看失敗后置條件：系統(tǒng)管理員完成對(duì)用戶(hù)信息的管理操作表2-16管理員模板管理操作說(shuō)明用例名稱(chēng)：模板管理角色說(shuō)明：已登錄管理員用例說(shuō)明：管理員對(duì)于用戶(hù)提交的表單模板進(jìn)行審核，并設(shè)置表單模板認(rèn)證狀態(tài)前置條件：系統(tǒng)管理員訪問(wèn)系統(tǒng)后臺(tái)管理模塊基本事件流：系統(tǒng)管理員登陸進(jìn)入系統(tǒng)后臺(tái)管理頁(yè)面管理員進(jìn)入模板管理子目錄2. 管理員根據(jù)審核規(guī)則對(duì)用戶(hù)提交的表單模板進(jìn)行認(rèn)證審核，并修改其認(rèn)證狀態(tài)其它事件流：無(wú)異常事件流：由于系統(tǒng)或者數(shù)據(jù)服務(wù)器出現(xiàn)故障，管理員對(duì)模板認(rèn)證信息修改失敗后置條件：系統(tǒng)管理員完成對(duì)表單模板的審核認(rèn)證操作3 模板管理用戶(hù)創(chuàng)建的表單模板需要提交到系統(tǒng)模板庫(kù)接受審核和認(rèn)證，系統(tǒng)管理員會(huì)

39、根據(jù)模板內(nèi)容是否合理、表單是否完善、是否具有可用性、是否適合其他用戶(hù)重用等因素綜合考慮，對(duì)之審核，避免惡意創(chuàng)建無(wú)用的模板。通過(guò)后及給予“官方認(rèn)證”狀態(tài)，否則會(huì)批回給用戶(hù)修改。管理員模板管理操作說(shuō)明如表2-16所示。2.2系統(tǒng)總體設(shè)計(jì)2.2.1系統(tǒng)架構(gòu)設(shè)計(jì)本系統(tǒng)采用了流行的B/S結(jié)構(gòu)和SSH框架完成系統(tǒng)開(kāi)發(fā)。采用B/S結(jié)構(gòu)不僅把客戶(hù)機(jī)從沉重的負(fù)擔(dān)和不斷對(duì)其提高的性能的要求中解放出來(lái)，也把技術(shù)維護(hù)人員從繁重的維護(hù)升級(jí)工作中解脫出來(lái)。集成SSH框架的系統(tǒng)框架圖如圖2-8所示。使用SSH框架最后，系統(tǒng)的基本業(yè)務(wù)流程是：在表現(xiàn)層中，首先通過(guò)JSP頁(yè)面實(shí)現(xiàn)交互界面，負(fù)責(zé)傳送請(qǐng)求(Request)和接收響應(yīng)

40、(Response)，然后Struts根據(jù)配置文件 (struts-config.xml)將ActionServlet接收到的Request委派給相應(yīng)的Action處理。在業(yè)務(wù)層中，管理服務(wù)組件的 Spring IOC容器負(fù)責(zé)向Action提供業(yè)務(wù)模型(Model)組件和該組件的協(xié)作對(duì)象，數(shù)據(jù)處理(DAO)組件完成業(yè)務(wù)邏輯，并提供事務(wù)處理、緩沖池等容器組件以提升系統(tǒng)性能和保證數(shù)據(jù)的完整性。而在持久層中，則依賴(lài)于Hibernate的對(duì)象化映射和數(shù)據(jù)庫(kù)交互，處理DAO組件請(qǐng)求的數(shù)據(jù)，并返回處理結(jié)果。2.2.2系統(tǒng)功能結(jié)構(gòu)根據(jù)系統(tǒng)功能分析，基于web的在線表單數(shù)據(jù)收集器功能結(jié)構(gòu)如圖2-9所示。1用戶(hù)

41、表單模塊負(fù)責(zé)用戶(hù)表單的設(shè)計(jì)操作。用戶(hù)可以依照需求在線編輯目標(biāo)表單完成所需功能，設(shè)計(jì)好之后并發(fā)布，由系統(tǒng)在用戶(hù)設(shè)定的時(shí)間內(nèi)進(jìn)行數(shù)據(jù)采集。在這期間，用戶(hù)可以隨時(shí)查看所收集的數(shù)據(jù)。2模板中心模塊為用戶(hù)提供表單設(shè)計(jì)的模板。用戶(hù)可以創(chuàng)建并發(fā)布表單模板到系統(tǒng)模板庫(kù)，也可以通過(guò)瀏覽模板并選用系統(tǒng)模板庫(kù)中已有模板進(jìn)行自己的表單設(shè)計(jì)，提高表單設(shè)計(jì)效率。3后臺(tái)管理模塊系統(tǒng)設(shè)有管理員來(lái)對(duì)用戶(hù)的操作進(jìn)行管理。系統(tǒng)管理員可以設(shè)置系統(tǒng)表單字段是否可用，查看用戶(hù)信息包括用戶(hù)創(chuàng)建的表單和模板、用戶(hù)的個(gè)人基本信息，并實(shí)現(xiàn)對(duì)用戶(hù)發(fā)布的模板進(jìn)行審核認(rèn)證。圖2-8 系統(tǒng)SSH框架圖圖2-9 系統(tǒng)功能結(jié)構(gòu)圖2.3開(kāi)發(fā)工具的選擇2.3.

42、1 Dreamweaver CS4Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。DW最大的優(yōu)點(diǎn)就是所見(jiàn)即所得，對(duì)W3C網(wǎng)頁(yè)標(biāo)準(zhǔn)化支持十分到位，同時(shí)它還支持網(wǎng)站管理，包含HTML檢查、HTML格式控制、HTML格式化選項(xiàng)、圖像編輯、全局查找替換、全FTP功能、處理Flash等富媒體格式和動(dòng)態(tài)HTML，而且還支持ASP、JSP、PHP、ASP.NET、XML等程序語(yǔ)言的編寫(xiě)與調(diào)試。2.3.2 Photosho

43、p CS4Adobe Photoshop，簡(jiǎn)稱(chēng)“PS”，是一個(gè)由Adobe Systems開(kāi)發(fā)和發(fā)行的圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像，可以為您提供專(zhuān)業(yè)的圖像編輯與處理，利用其廣泛的編修與繪圖工具，可以更有效的進(jìn)行圖片編輯工作。它以其獨(dú)特的歷史紀(jì)錄浮動(dòng)窗口和可編輯的圖層效果功能，使用戶(hù)可以方便的測(cè)試效果。對(duì)各種濾鏡的支持更使用戶(hù)能夠輕松創(chuàng)造出各種奇幻的效果。在網(wǎng)站前端開(kāi)發(fā)過(guò)程中需要把圖片用Photoshop處理成加載到網(wǎng)站頁(yè)面的圖片，用Photoshop 制作矢量圖形用作網(wǎng)站頁(yè)面的修飾按鈕。在本系統(tǒng)開(kāi)發(fā)前期階段，前臺(tái)交互頁(yè)面的友好性離不開(kāi)相關(guān)圖片的裝飾，而往往沒(méi)有

44、現(xiàn)成素材可獲取，這就需要借助Photoshop強(qiáng)大的圖片編輯功能自定義制作合適的網(wǎng)頁(yè)圖片及按鈕。2.3.3 MyEclipse 2014MyEclipse企業(yè)級(jí)工作平臺(tái)（MyEclipse Enterprise Workbench ，簡(jiǎn)稱(chēng)MyEclipse）是對(duì)Eclipse IDE的擴(kuò)展，利用它我們可以在數(shù)據(jù)庫(kù)和Java EE的開(kāi)發(fā)、發(fā)布，以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的Java EE集成開(kāi)發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測(cè)試和發(fā)布功能，完整支持HTML, Struts, JSF, CSS, JavaScript, SQL, Hibernate。簡(jiǎn)單而言，MyE

45、clipse是Eclipse的插件，也是一款功能強(qiáng)大的Java EE集成開(kāi)發(fā)環(huán)境，支持代碼編寫(xiě)、配置、測(cè)試以及除錯(cuò)。2.4系統(tǒng)運(yùn)行的軟、硬件環(huán)境要求2.4.1硬件運(yùn)行環(huán)境1 CPU：P4以上2 內(nèi)存：1GB以上；3 硬盤(pán)：100GB以上。2.4.2軟件運(yùn)行環(huán)境1 操作系統(tǒng)：Windows XP/ Windows 7/ Windows 8；2 開(kāi)發(fā)平臺(tái)：MyEclipse 2014；3 數(shù)據(jù)庫(kù)：MySQL；4 瀏覽器：IE7/IE8/IE9/chrome/Firefox等。2.5相關(guān)開(kāi)發(fā)技術(shù)簡(jiǎn)介2.5.1 JSP簡(jiǎn)介JSP1全名為Java Server Pages，是由Sun Microsyst

46、ems公司倡導(dǎo)、許多公司參與一起建立的一種動(dòng)態(tài)技術(shù)標(biāo)準(zhǔn)。在傳統(tǒng)的網(wǎng)頁(yè)HTML文件（*.htm，*.html）中加入Java程序片段（Scriptlet）和JSP標(biāo)簽，就構(gòu)成了JSP網(wǎng)頁(yè)。其根本是一個(gè)簡(jiǎn)化的Servlet設(shè) 計(jì)，他實(shí)現(xiàn)了HTML語(yǔ)法中的java擴(kuò)張（以 形式）。JSP與Servlet一樣，是在服務(wù)器端執(zhí)行的。通常返回給客戶(hù)端的就是一個(gè)HTML文本，因此客戶(hù)端只要有瀏覽器就能瀏覽。Web 服務(wù)器在遇到訪問(wèn)JSP網(wǎng)頁(yè)的請(qǐng)求時(shí)，首先執(zhí)行其中的程序段，然后將執(zhí)行結(jié)果連同JSP文件中的HTML代碼一起返回給客戶(hù)端。插入的Java程序段可以操作數(shù)據(jù)庫(kù)、重定向網(wǎng)頁(yè)等，以實(shí)現(xiàn)建立動(dòng)態(tài)網(wǎng)頁(yè)所需要的

47、功能。2.5.2 CSS簡(jiǎn)介CSS2（Cascading Style Sheet，可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”）是一組格式設(shè)置規(guī)則，用于控制Web頁(yè)面的外觀。通過(guò)使用CSS樣式設(shè)置頁(yè)面的格式，可將頁(yè)面的內(nèi)容與表現(xiàn)形式分離。頁(yè)面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則存放在另一個(gè)文件中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使HTML文檔代碼更加簡(jiǎn)練，縮短瀏覽器的加載時(shí)間。2.5.3 JQuery簡(jiǎn)介JQuery3是一個(gè)兼容多瀏覽器的JavaScript庫(kù)，核心理念是write less, do more

48、(寫(xiě)的更少,做的更多)。JQuery的語(yǔ)法設(shè)計(jì)可以使開(kāi)發(fā)更加便捷，使用戶(hù)能更方便地處理HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）、events、實(shí)現(xiàn)動(dòng)畫(huà)效果，例如操作文檔對(duì)象、選擇DOM元素、制作動(dòng)畫(huà)效果、事件處理以及其他功能，并且方便地為網(wǎng)站提供AJAX交互。除此以外，JQuery提供API讓開(kāi)發(fā)者編寫(xiě)插件。其模塊化的使用方式使開(kāi)發(fā)者可以很輕松的開(kāi)發(fā)出功能強(qiáng)大的靜態(tài)或動(dòng)態(tài)網(wǎng)頁(yè)。目前JQuery主要提供如下功能：1 訪問(wèn)頁(yè)面框架的局部這是 DOM 模型所完成的主要工作之一，DOM獲取頁(yè)面中某個(gè)節(jié)點(diǎn)或者某一類(lèi)節(jié)點(diǎn)有固定的方法，而JQuery則大大地簡(jiǎn)化了其操作的步驟。2 響應(yīng)事件JavaScrip

49、t 有處理事件的相關(guān)方法，而引入 JQuery 之后，可以更加輕松地處理事件，而且開(kāi)發(fā)人員不再需要考慮瀏覽器兼容性問(wèn)題。3 為頁(yè)面添加動(dòng)畫(huà)通常在頁(yè)面中添加動(dòng)畫(huà)都需要開(kāi)發(fā)大量的 JavaScript代碼，而 JQuery 大大簡(jiǎn)化了這個(gè)過(guò)程。JQuery的庫(kù)提供了大量可自定義參數(shù)的動(dòng)畫(huà)效果。4 與服務(wù)器異步交互AJAX框架可以簡(jiǎn)化代碼的編寫(xiě)，JQuery也提供了一整套AJAX相關(guān)的操作，大大方便了異步交互的開(kāi)發(fā)和使用。5 簡(jiǎn)化常用的 JavaScript操作JQuery還提供了很多附加的功能來(lái)簡(jiǎn)化常用的 JavaScript操作，例如數(shù)組的操作、迭代運(yùn)算等2.5.4 AJAX簡(jiǎn)介AJAX4的全稱(chēng)

50、是Asynchronous JavaScript + XML ，AJAX不是一個(gè)技術(shù)，它實(shí)際上是幾種技術(shù)，每種技術(shù)都有其獨(dú)特這處，合在一起就成了一個(gè)功能強(qiáng)大的新技術(shù)。AJAX結(jié)合了Java技術(shù)、XML以及JavaScript等編程技術(shù)，可以讓開(kāi)發(fā)人員構(gòu)建基于Java技術(shù)的Web應(yīng)用，并打破了使用頁(yè)面重載的慣例。 AJAX是使用客戶(hù)端腳本與Web服務(wù)器交換數(shù)據(jù)的Web應(yīng)用開(kāi)發(fā)方法。這樣，Web頁(yè)面不用打斷交互流程進(jìn)行重新加載，就可以動(dòng)態(tài)地更新。使用AJAX，用戶(hù)可以創(chuàng)建接近本地桌面應(yīng)用的直接、高可用、更豐富、更動(dòng)態(tài)的Web用戶(hù)界面。異步這個(gè)詞是指AJAX應(yīng)用軟件與主機(jī)服務(wù)器進(jìn)行聯(lián)系的方式。如果使

51、用舊模式，每當(dāng)用戶(hù)執(zhí)行某種操作、向服務(wù)器請(qǐng)求獲得新數(shù)據(jù)，Web瀏覽器就會(huì)更新當(dāng)前窗口。如果使用AJAX的異步模式，瀏覽器就不必等用戶(hù)請(qǐng)求操作，也不必更新整個(gè)窗口就可以顯示新獲取的數(shù)據(jù)。第三章 在線表單數(shù)據(jù)收集器系統(tǒng)表單模板設(shè)計(jì)3.1模塊流程圖用戶(hù)登陸注冊(cè)模塊流程圖如圖3-1所示。 圖3-1 登陸注冊(cè)模塊流程圖用戶(hù)訪問(wèn)網(wǎng)站，在進(jìn)行模板有關(guān)操作之前需要先登錄。若用戶(hù)已注冊(cè)則直接輸入用戶(hù)名和密碼登錄，即可查看個(gè)人模板信息并進(jìn)行所有系統(tǒng)功能操作。未注冊(cè)用戶(hù)需按照系統(tǒng)提示進(jìn)行注冊(cè)再登錄。用戶(hù)登陸成功之后，若需要發(fā)布新的模板，可通過(guò)選擇創(chuàng)建新的模板或從已有表單復(fù)制兩種方式來(lái)實(shí)現(xiàn)，進(jìn)入模板編輯創(chuàng)建頁(yè)面，完成

52、模板創(chuàng)建。其中，創(chuàng)建新的模板會(huì)跳轉(zhuǎn)到空內(nèi)容的模板編輯頁(yè)面，而從已有表單復(fù)制方式會(huì)在已選用的表單內(nèi)容基礎(chǔ)上進(jìn)行編輯修改完成模板創(chuàng)建。模板創(chuàng)建完成后需要填寫(xiě)模板設(shè)置信息，最后發(fā)布模板，等待管理員認(rèn)證。用戶(hù)的模板發(fā)布流程圖如圖3-2所示。圖3-2 模板發(fā)布流程3.2模塊功能結(jié)構(gòu)根據(jù)系統(tǒng)的流程實(shí)現(xiàn)以及功能分析，基于web的表單數(shù)據(jù)收集器模板中心的功能結(jié)構(gòu)如圖3-3所示。圖3-3 模板中心功能結(jié)構(gòu)3.3模板發(fā)布功能詳細(xì)設(shè)計(jì)用戶(hù)創(chuàng)建模板可以有兩種方式。一種是可以根據(jù)需要設(shè)計(jì)新的模板，這就需要用戶(hù)在創(chuàng)建之前有必要的構(gòu)思；另一種是從已有的表單復(fù)制，這種方式是在用戶(hù)之前已創(chuàng)建成功的表單基礎(chǔ)上編輯修改成表單模板，

53、然后發(fā)布到模板庫(kù)。3.3.1 表單字段歸納在分析了眾多在線表單制作網(wǎng)站表單制作特點(diǎn)之后，系統(tǒng)歸納整理出的表單字段共18種，設(shè)計(jì)原型如圖3-4所示。圖3-4 系統(tǒng)可用表單字段 1 單行文字在數(shù)據(jù)采集時(shí)，單行文字字段應(yīng)用十分廣泛，一般用于用戶(hù)填寫(xiě)某一特定項(xiàng)文字信息，并且信息相對(duì)較短，如身份證號(hào)碼等。本系統(tǒng)單行文字字段樣式設(shè)有單行文字標(biāo)題、提示和單行文字輸入框，具體表單樣式設(shè)計(jì)如圖3-5所示。2 多行文字多行文字相比于單行文字而言，用戶(hù)填寫(xiě)的信息量相對(duì)比較大，比如一段評(píng)論文字等。本系統(tǒng)多行文字字段樣式設(shè)有多行文字標(biāo)題、提示和多行文字輸入框，具體表單樣式設(shè)計(jì)如圖3-6所示。圖3-5 系統(tǒng)單行文字表單字段圖3-6 系統(tǒng)多行文字表單字段3 單項(xiàng)選擇單項(xiàng)選擇是用戶(hù)表單最常用的字段之一，本系統(tǒng)提供的電子表單樣式允許用戶(hù)自由設(shè)置選項(xiàng)數(shù)量和不存在沖突的選項(xiàng)值，最大限度的滿(mǎn)足了用戶(hù)功能的需求，提高了系統(tǒng)靈活性。單項(xiàng)選擇字段樣式設(shè)有標(biāo)題、提示和選項(xiàng)列表，具體表單樣式設(shè)計(jì)如圖3-7所示。 圖3-7 系統(tǒng)單項(xiàng)選擇表單字段 4 多項(xiàng)選擇多項(xiàng)選擇允許用戶(hù)自由設(shè)置選項(xiàng)數(shù)量和不存在沖突的選項(xiàng)值，并保持用戶(hù)多選的特性。多項(xiàng)選擇字段樣式設(shè)有標(biāo)題、提示和選項(xiàng)列表，具體表單樣式設(shè)計(jì)如圖3-8所示。 圖3-8 系統(tǒng)多項(xiàng)選擇表單字段 5 圖片單選圖片單選允許