【正文】 自學(xué)能力而且讓我對(duì) ExtJS 的學(xué)習(xí)有了進(jìn)一步的認(rèn)識(shí)。 35 參考文獻(xiàn) [1] 郝玉龍 .Java EE 編程技術(shù) .北京 :北京交通大學(xué)出版社 2020 [2] 王強(qiáng) 賈素玲 . Oracle 數(shù)據(jù)庫基礎(chǔ) .北京 ： 清華大學(xué)出版社 2020 [3] 徐明華 .Struts 基礎(chǔ)與案例開發(fā)詳解 .北京： 清華大學(xué)出版社 2020 [4] 李興華 .Java Web 開發(fā)實(shí)戰(zhàn)經(jīng)典基礎(chǔ)篇 .北京： 清華大學(xué)出版社 2020 [5] Stephen Classical Soft Engineering. 北京 ： 機(jī)械工業(yè)出版社 2020 [6] Bruce in ： 機(jī)械工業(yè)出版社 2020 [7] 衛(wèi)軍 夏慧軍 孟臘春 .ExtJS Web 應(yīng)用程序開發(fā)指南 . 北京：機(jī)械工業(yè)出版社 2020 [8] 陳雄華 林開雄 . . 北京：電子工業(yè)出版社 2020 [9] 李剛。王老師的悉心指導(dǎo)和大力支持，在總體結(jié)構(gòu)、功能的把握上給予了非常大的幫助，同時(shí)根我們提供了非常優(yōu)越的設(shè)計(jì)環(huán)境，并對(duì)我在編程、數(shù)據(jù)庫設(shè)計(jì)等細(xì)節(jié)工作上給予了耐心的指導(dǎo)，對(duì)于我順利完成這次畢業(yè)論文起到了關(guān)鍵性的作用。 由于時(shí)間倉促， 本次開發(fā)和設(shè)計(jì) 由我 一個(gè)人完成 ，對(duì)我這樣一個(gè) ExtJS 新手而言所制作的模塊還有不完善的地方。 圖 61 未輸入用戶名測(cè)試結(jié)果 圖 62 未輸入密碼測(cè)試結(jié)果 圖 63 輸入錯(cuò)誤用戶名或密碼 圖 64 輸入正確的用戶名與密碼 33 總 結(jié) 本文通過本系統(tǒng)設(shè)計(jì)與開發(fā)，從而得出下列結(jié)論： （ 1）學(xué)習(xí)一門新技術(shù)，最重要的是實(shí)踐，只有多動(dòng)手才能盡快掌握它。實(shí)際上測(cè)試情況有無窮多個(gè)，人們不僅要測(cè)試所有合法的輸入，而且還要對(duì)那些不合法但可能 的輸入進(jìn)行測(cè)試。 （ 4）系統(tǒng)測(cè)試 軟件開發(fā)完成以后，最終還要與系統(tǒng)中其他部分配套運(yùn)行，進(jìn)行系統(tǒng)測(cè)試。 （ 2）系統(tǒng)測(cè)試：在這個(gè)測(cè)試步驟中發(fā)現(xiàn)的往往是軟件設(shè)計(jì)中的錯(cuò)誤，也可能發(fā)現(xiàn)需求說明中的錯(cuò)誤。但是僅憑字面意思理解這一觀點(diǎn)可能會(huì)產(chǎn)生誤 導(dǎo)，認(rèn)為發(fā)現(xiàn)錯(cuò)誤是軟件測(cè)試的唯一目，查找不出錯(cuò)誤的測(cè)試就是沒有價(jià)值的，事實(shí)并非如此。這類錯(cuò)誤隱蔽性強(qiáng)，有時(shí)會(huì)出現(xiàn)，有時(shí)又不出現(xiàn)，因此，對(duì)這一類動(dòng)態(tài)發(fā)生的錯(cuò)誤的排查是耗時(shí)費(fèi)力的。 如圖 510 所示： 圖 510 社區(qū)居民戶籍信息刪除 界面 社區(qū)居民戶籍信息查詢 界面，如圖 511 所示： 圖 511 社區(qū)居民戶籍信息查詢界面 社區(qū)居民戶籍信息打印報(bào)表界面，點(diǎn)擊下圖按鈕。 進(jìn)入系統(tǒng)界面 進(jìn)入系統(tǒng)界面如圖 51 所示： 圖 51 進(jìn)入系統(tǒng)界面 用戶在進(jìn)入系統(tǒng)首頁之后可以看到 社區(qū)警務(wù)管理 系統(tǒng)的幾個(gè)板塊，包括 居民信息管理、日常工作管理、警務(wù)出警管理、文件處理等幾個(gè)功能模塊 。 警務(wù)出警 管理 功能描述：此模塊要實(shí)現(xiàn)對(duì) 賬號(hào)的管理功能，管理員可以添加、刪除和修改用戶的相關(guān)信息，還可以增加編輯用戶。 （ 2）預(yù)約服務(wù) ①點(diǎn)擊我要預(yù)約按鈕，輸入需要添加的預(yù)約服務(wù)名稱、服務(wù)類型、負(fù)責(zé)人、服務(wù)內(nèi)容、服務(wù)時(shí)間、預(yù)約人、預(yù)約人電話。 處理：校檢字符的有效性。數(shù)據(jù)增加流程圖如圖 42 所示。 表 44 設(shè)計(jì)表“ t_bd_user” 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 FID Varchar 45 否 UNAME Varchar 45 否 UPHONE Varchar 45 否 UREGIST Varchar 45 否 USEX Varchar 45 否 UCOMMUNITY Varchar 45 UFIRSTID Varchar 45 否 USECONDID Varhcar 45 否 UTHIRDID Varchar 45 否 UCREATETIME Date 0 否 警務(wù)人員日常工作信息 表如表 45 所示。支持 C、 C＋＋ 、 Java、 Perl、 PHP、 Python和 TCL API。 （ 3） 它通過一個(gè)高度優(yōu)化的類庫實(shí)現(xiàn) SQL 函數(shù) 庫并像他們能達(dá)到的一樣快速，通常在查詢初始化后不該有任何 內(nèi)存分配 。 系統(tǒng)采用了敏捷開發(fā)的思想，結(jié)合跨平臺(tái)的 ExtJS 技術(shù)架構(gòu)，數(shù)據(jù)庫 采用了 MySQL；使得系統(tǒng)具有易用性、個(gè)性化、跨平臺(tái)等特點(diǎn)；同時(shí)又保證數(shù)據(jù)的安全、穩(wěn)定、快速和完整；使其運(yùn)行得高速、安全、穩(wěn)定?？梢缘贸鱿到y(tǒng)功能結(jié)構(gòu)圖如圖 31 所示。工作效率的提高就意為著整體水平的提高，是非 常值得投資的。 （ 7） MySQL 可以工作在不同的平臺(tái)上。 （ 2） 有多種列類型： 和 8 字節(jié)長(zhǎng)度自有符號(hào)／ 無符號(hào)整數(shù) 、 FLOAT、DOUBLE、 CHAR、 VARCHAR、 TEXT、 BLOB、 DATE、 TIME、 DATETIME、 TIMESTAMP、 YEAR、和 ENUM 類型。 與 JDBC 相比， Hibernate 是面向?qū)ο蟮臄?shù)據(jù)庫訪問工具，其利用將表映射到實(shí)體域，從而開發(fā)人員只需操作實(shí)體域就能實(shí)現(xiàn)對(duì)表的操作，免去了復(fù)雜的 JDBC 代碼。 Spring MVC 分離了 控制器 、模型 對(duì)象 、分派器以及處理程序?qū)ο蟮慕巧@種分離讓它們更容易進(jìn)行定制。 (2)ExtJS 原本也屬于 javascript，因此具有異步提交特點(diǎn)，從而更能優(yōu)化用戶體驗(yàn)。而系統(tǒng)內(nèi)部復(fù)雜的業(yè)務(wù)邏輯主要通過實(shí)體類的組件（ Component）實(shí)現(xiàn)，實(shí)體類組件在 WWW 服務(wù)器上運(yùn)行，通過 ExtJS 返回到客戶瀏覽器。 3 第二章 系統(tǒng)分析 功能需求 分析 本系統(tǒng)應(yīng)具備已下幾個(gè)功能模塊 ： （ 1）預(yù)約服務(wù)模塊：主要包括社區(qū)居民登錄，查看預(yù)約服務(wù)信息，向警務(wù)人員預(yù)約服務(wù) 等功能。我國 辦公管理系統(tǒng) 是 80 年代中期才發(fā)展起來的。使人與工作能夠緊密的結(jié)合起來，最重要的是使社區(qū) 居民 生活更安心踏實(shí)，從而更好的為 人民 服務(wù)。如今 社區(qū)數(shù)量日漸增多 ，社區(qū)民警的數(shù)量與工作復(fù)雜度也在 逐級(jí)上升 。過去社區(qū)警務(wù)辦公都依靠人工操作來完成社區(qū)居民戶籍記錄、修改等管理操作，以及出警的記錄都要耗費(fèi)大量時(shí)間。 關(guān)鍵詞 ： MySQL 社區(qū)警務(wù)管理系統(tǒng) ExtJS ABSTRACT With the rapid growth of our population, munity and increasing the population of plexity, the flow of the population are increasingly frequent. The munity policing office relies on manual operation to plete the munity residents of census register management operations, such as record, modify, and a police record must spend a lot of time. Through this system, munity residents can online booking service。如今每 個(gè)社區(qū)都有監(jiān)控?cái)z像頭， 而且每個(gè)社區(qū)警務(wù)室都配置了計(jì)算機(jī) 。 辦公管理系統(tǒng) 于 50 年代在美國和日本首先興起，最初只是具有電子數(shù)據(jù)處理 (EDP)的簿記功能， 60 年代被管理信息系統(tǒng) (MIS)取代，直到 70 年代后期才形成涉及多種技術(shù)的新型綜合學(xué)科一辦公管理系統(tǒng) 。 第二代 辦公管理 系統(tǒng)， 是從 90 年代中期開始的以網(wǎng)絡(luò)技術(shù)和協(xié)同工作技術(shù)為主要特征，實(shí)現(xiàn)了工作流程自動(dòng)化，即將收發(fā)文從傳統(tǒng)的手工方式轉(zhuǎn)向工作流自動(dòng)化方式。 （ 6）警員信息管理模塊：主要包括警員信息的增刪改。 圖 21 系統(tǒng)模式圖 業(yè)務(wù)服務(wù)器 數(shù)據(jù)庫服務(wù)器 事務(wù)邏輯 數(shù)據(jù)邏輯 Client Browser 表示邏輯 Browser 表示邏輯 ExtJS WWW 服務(wù)器 /業(yè)務(wù)邏輯服務(wù)器 實(shí)體類 中間件 數(shù)據(jù)庫服務(wù)器 數(shù)據(jù)庫 4 ExtJS 技術(shù) ExtJS 可以用來開發(fā) RIA 也即富 客戶端 的 AJAX 應(yīng)用，是一個(gè)用 javascript 寫的，主要用于創(chuàng)建前端用戶界面，是一個(gè)與 后臺(tái) 技術(shù)無關(guān)的前端 ajax 框架 。使用 Spring 可插入的 MVC 架構(gòu)，可以選擇是使用內(nèi)置的 Spring Web 框架還可以是 Struts 這樣的 Web 框架。 （ 7） Spring 的高度可開放性，并不強(qiáng)制依賴于 Spring，開發(fā)者可以自由選擇 Spring部分或全部 并且本系統(tǒng)將使用 springMVC 來實(shí)現(xiàn) web 三層架構(gòu)，因?yàn)槠溥\(yùn)用了 annotation 技 5 術(shù)，使用起來比 struts 簡(jiǎn)單，而且傳輸參數(shù)都比較方便。 MySQL 軟件采用了雙授權(quán)政策（本詞條 “ 授權(quán)政策 ” ），它分為社區(qū)版和商業(yè)版，由于其體積小、速度快、總體擁有成本低，尤其是 開放源碼 這一特點(diǎn)，一般中小型網(wǎng)站的開發(fā)都選擇 MySQL 作為網(wǎng)站 數(shù)據(jù)庫 。 （ 5） 支持 ANSI SQL 的 LEFT 0UTER JOIN 和 ODBC。 （ 1） 操作可行性 在充分參照各個(gè)社區(qū)警務(wù)辦公要求的基礎(chǔ)之上，達(dá)到充分適應(yīng)各個(gè)社區(qū)不同的環(huán)境和條件，從而改善社區(qū)警務(wù)辦公效率，避免工作不規(guī)范、服務(wù)不到位的現(xiàn)象 。 所以從上面四點(diǎn)出發(fā)，可以確定系統(tǒng)分析是可行的。 （ 4）文件管理 ：包括 文件上傳和下載 。由于其社區(qū)版的性能卓越， 搭配 ExtJS 和 Apache 可組成良好的開發(fā)環(huán)境。 （ 6） 所有列都有 缺省值 。 表 41 設(shè)計(jì)表“ t_jin_police” 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 PID Varchar 45 否 PNAME Varchar 45 否 PPASSWORD Varchar 45 否 PUSERNAME Varchar 45 否 PJOBAGE Varchar 45 否 PSEX Varchar 45 否 PCASEID Varchar 45 否 PDEPARTMENTID Varchar 45 否 警務(wù)部門 表如表 42 所示。 表 49 設(shè)計(jì)表“ t_bd_state” 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 SID Varchar 45 否 SDESCRIPTION Varchar 45 否 STIME Date 否 SCID Varchar 45 否 SPID Varchar 45 否 文件管理 表如表 410 所示。 圖 44 數(shù)據(jù)刪除流程圖 開始 選擇需要修改記錄 輸入數(shù)據(jù) 是否合法 寫入數(shù)據(jù)庫 結(jié)束 否 是 17 系統(tǒng)模塊設(shè)計(jì) 用戶登陸 在用戶登錄界面，在用戶名對(duì)應(yīng)的文本框中輸入用