1、目錄網絡編程課 程 設 計 報 告（2014 2015學年 第 1 學期）系 別：計算機學院軟件工程系專業名稱：12軟件金融服務工程1班課程設計科目：網絡編程課程設計學生姓名：陳雅紅、歐鐘源、侯志鵬、張曉攀、張曉云學 號：1207122102、12、32、45、46指導教師：林江毅成 績：完成時間：2015年1月19日-1月23日目錄項目組成員及分工項目角色日常職責人員分配項目組長項目架構,團隊管理,版本控制，進度管理等等歐鐘源前臺開發人員前臺界面設計及美工陳雅紅、侯志鵬后臺開發人員Web服務器端程序開發歐鐘源、陳雅紅、侯志鵬數據庫開發人員數據庫設計及實現歐鐘源、陳雅紅、侯志鵬測試人員項目測試

2、張曉攀文檔完成人員課設文檔建設歐鐘源、陳雅紅、侯志鵬、張曉云、張曉攀日志記錄人員日志記錄陳雅紅、張曉云項目組成員成績項目組成員學號成績陳雅紅1207122102侯志鵬1207122112歐鐘源1207122132張曉攀1207122145張曉云1207122146目 錄一、微信后臺管理系統概述1二、需求分析與總體設計1三、界面設計10四、數據庫設計13五、代碼設計16六、運行調試26七、結論與心得32八、致謝32九、參考文獻33附錄：全部源程序清單33課程設計日志3839網絡編程課程設計報告一、微信后臺管理系統概述微信后臺管理系統主要解決用戶（后臺管理員）對于微信用戶界面和功能的設計與后期管理

3、。微信管理員可以通過該系統對微信前臺所展示的各項功能與內容進行一個系統化周期化的設計與安排。也可以通過該系統與用戶進行交互，解決用戶提交在平臺上的需求，對具體的數據進行統計和只能分析。該系統對用戶信息管理部分的功能主要使用了增、刪、改、查與搜索遍歷，通過查找到某一個用戶的信息，并且對用戶進行進一步的管理（修改參數、刪除、查詢記錄等）。微信后臺管理系統在功能設計方面，調用微信提供的功能開發接口，導入設計所需的程序文件，以此達到功能的實踐，用戶通過輸入指定的字符和自定義語句，就可以得到系統提供的相關信息。插件管理方面，用戶管理微信提供的日歷控件、圖片相冊、表格以及輔助小插件，對日常的管理進行一個量

4、化，為觀察數據的方便提供一種新的理念。二、需求分析與總體設計2.1 需求分析1、系統名稱微信后臺管理系統2、任務概述如圖2.1所示，此微信后臺管理系統主要針對微信后臺的系統支持中的后臺管理、數據設備、商品儲備、開發配置等一系列的功能進行整合，將后臺管理事務系統的放在一個一個地方進行管理，將圖文信息，表格，各種數據放在一起量化的管理，建立后臺管理系統，一方面將后臺管理事務系統的進行管理，另一方面，也方便后臺管理人員作出及時的調整，將用戶的需求與后臺的工作直接掛鉤，以便及時的適應市場的需求。圖2.1 整體架構展示3、設計目的將微信的圖文推送，用戶管理數據整合，功能設計等一系列后臺整理事物整合在一起

5、，方便管理，也方便系統管理員及時的與用戶進行交互。4、系統功能 登錄及退出功能后臺按照管理員的分工進行劃分。管理員按照自己的身份以及所管理的業務進入相應的管理模塊，對客戶、文檔、數據和功能進行管理，如圖2.2所示。圖2.2 用戶登陸及退出功能在登陸界面設置：1、用戶名輸入：根據管理員初始化用戶名：admin（也可以自定義，目前全部使用此用戶名）2、用戶密碼輸入：密碼的設計對長度，字母，位置以及特殊符號進行約束，僅限六位數字密碼。（考慮到使用方便以及用戶較少的情況，對密碼的初始化僅為六位數字組成，在密碼輸入方面添加加密設置，對密碼進行轉碼處理，以此來保護用戶的隱私與安全。）3、用戶信息記錄：可以

6、通過此權限使得瀏覽器對密碼的保存時間規定在某一個時間段中；在此時間段內，可以直接登錄系統后臺，此功能的設計為用戶頻繁使用系統建立的便捷的通道。4、用戶登錄：用戶登錄界面通過點擊“登錄”確認信息無誤后進入系統。5、報錯以及初始化過程：對于忘記密碼或者需要初始化的用戶可以通過點擊此按鈕進行信息的驗證和信息的初始化。圖2.3 用戶管理界面用戶管理1、系統設置：通過對系統內部參數的調整，對后臺的管理更加的便捷。2、信息：對系統產生的信息進行一個提示與管理。3、管理工具:通過對插件的使用對數據有功能進行管理。4、通過前端用戶使用的情況對“留言”、“關注”、“訂閱”等重要數據盡心隨時的報告，方便對管理與設

7、計進行詳細的管理。5、累計數據顯示：對階段性累計的某項指標進行統計，以此來控制對整個項目進度的把控。6、程序構成部分：（此部分今后用戶展示一些用戶數據，目前處于設計測試階段。）如圖2.3所示。 圖文管理1、圖文信息的增刪改查的實現：通過點擊新增，編輯，刪除，查詢便可以對圖文推送文章進行詳細的管理。2、圖文信息版塊：頭標題用戶定位當前管理員所在的頁面，使得管理一目了然。3、圖文元素信息的展示：將已送出去的文章進行一個量化的處理，將文章的插圖，時間，上傳人員，具體內容等信息進行統計與管理，對推送進程進行把控和記錄。如圖2.4所示。圖2.4 圖文管理界面 語音搜索功能隨著語音識別研究的深入, 提高通

8、用識別引擎的精度變得越來越困難。但對具體的語音識別任務, 結合相應的背景, 采取相應的措施, 有可能達到很理想的識別精度。本系統未來將針對已知語音輸入為某有限集元素之一的情形, 提出了一種文音相似度( 原來稱為文本相似度)。利用這種相似度, 可以使微信手機語音瀏覽的識別精度達到 95%以上。實踐方法:先用通用的識別引擎對語音輸入給出一個原始識別結果, 這個結果可能與候選集中的每個元素都不相同, 利用定義的一種文本之間的相似度, 即文音相似度, 計算原始識別結果與候選集中每個元素之間的文音相似度的大小, 把文本相似度最大的 圖 2.5語音搜索功能 名字看成用戶的期望，如圖2.5所示。 附近健身功

9、能（地圖搜索）如圖2.6所示。根據手機GPS搜索到周圍的地點，將信息發送到手機上，軟件系統得到發送到的信息后轉變成為功能傳達在界面上。涉及到的具體技術以及算法類似于公交系統中的地圖遍歷周圍建筑的信息的方法：移動終端設備通過外部定位方式(如GPS)或者無線網絡定位(如基站定位、Wifi定位)等方式獲取用戶的位置信息(經緯度等)，并實時的把這一位置信息以GSM網絡、3G、4G、WLAN等方式上傳到服務器，服務器對用戶的相關請求做出回應，將相關的回應信息反饋到移動終端，這些信息包括地圖數據、文本數據、聲音數據等等，如圖2.7所示。 圖2.6 地圖搜索功能 圖2.7 LBS體系結構5、詳細功能(1)登

10、錄退出用戶能在后臺進行登錄以及退出。用戶在登錄頁面輸入用戶名及密碼，點擊“登入”按鈕即可進入系統。用戶登錄系統后，在右上角點擊“退出”按鈕即可退出系統。(2)用戶管理在此模塊可以進行對用戶的管理，包括新建用戶、修改用戶資料、刪除用戶。(3)消息管理用戶通過手機微信，向公眾號發送消息。公眾號接收到消息的推送后，對不同消息進行處理。如果是文字消息，則對文字進行分詞處理，利用solr對已經保存在數據庫的圖文信息進行全文搜索。將匹配出來的結果生成相對應的圖文信息推向用戶。同時將消息推送給客服人員。如果匹配不到信息，就將信息內容交付給第三方的語義識別系統。如果用戶發來的是語音消息，則通過語音翻譯轉化為文

11、本，交給文字系統處理。如果是位置消息，則提取用戶的經緯度，生成百度靜態圖和網站鏈接。2.2 總體設計1、登錄模塊設計 用戶能在后臺進行登錄以及退出。用戶在登錄頁面輸入用戶名及密碼，點擊“登入”按鈕即可進入系統。用戶登錄系統后，在右上角點擊“退出”按鈕即可退出系統。登錄時，若用戶勾選了“免登陸一個月”，則一個月無需登錄即可進入系統。該模塊的流程如圖2.8所示：圖2.8 登陸模塊設計2、個人中心模塊設計此模塊用戶可以查看自己的資料，以及修改自己的密碼。修改密碼頁面設有重置和返回按鈕，點擊重置后，所填的內容會清空，可重新填寫。點擊返回，頁面則會跳轉到系統首頁。修改密碼的流程如圖2.9所示：圖2.9

12、個人模塊設計3、用戶管理功能模塊設計在此模塊可以進行對用戶的管理，包括新建用戶、修改用戶資料、刪除用戶。新建用戶的流程圖如圖2.10所示：圖2.10 新建用戶模塊設計4、消息管理功能模塊設計此模塊為微信公眾號上的粉絲發給我們的消息的管理，粉絲發送消息到我們的公眾號有，可在此看到粉絲所發送的消息。此模塊流程圖如圖2.11所示：圖2.11新建用戶模塊設計5、內容管理模塊管理員可對圖文進行增刪改查以及預覽。如圖2.12所示。圖2.12內容管理模塊三、界面設計在網頁界面中，色彩是最直接也是最持久地給瀏覽者以網站形象的因素。色彩的科學知識是進行設計的基礎，在這個基礎上進一步從美學的角度去探討色彩藝術的整

13、體表現形式，從而對色彩產生較為全面深刻的認識，并在設計創造過程中逐步擺脫狹隘的經驗，跨入更為廣闊的色彩表現空間，使網頁界面具有更好的視覺效果。本系統的界面設計主要針對顏色與符號給予視覺體驗。首先不同的主題來布置色彩，如健康類的網站就不能采用較為刺激的大紅和黃、橙以及象征死亡和神秘的黑色和紫色，這樣會造成一種緊張和某種程度的恐慌，以及一些不利于健康的聯想。而相對較多的采用一些較純的綠色或者相關不同明度的綠色這樣能帶給人寧靜、安詳與平和，如同讓人置身大自然，感受那份清新，這樣使人身心受益。用色往往不是非常單純的運用，還要考慮諸多因素，例如，訪問者的類別：社會背景、心理需求和場合的差異等等，這就要求

14、網頁設計者要認真的分析網站的受眾的不同，并且要多聽取反饋信息，總結他們滿意或者是不滿意的原因，綜合考慮。社會背景不同的人，各人的目的不同，他們對色彩的感受也不同，所以網站的用色就要考慮到碩士學位論文多方面的需求，盡可能能的吸引各種的注意力。訪問者如果大多是素質較高的人，就應該考慮用色考究，要有一定的品位，有所偏向。1、登錄注冊模塊的界面設計以人物頭像符號以及鎖型圖案為登陸人員姓名以及密碼的代表，用圖案代表文字，符合網頁極簡設計理念，給予用戶一種舒心的使用體驗。布色方面整體使用藍色調，背景為灰藍色，登陸框為亮藍色，登陸按鈕以及其他按鈕為深藍色，整體安靜和諧，適用于工作思維 和分析。如圖3.1所示

15、。圖3.1 登錄注冊模塊的界面設計展示 2、數據查詢功能模塊的界面設計圖3.2數據查詢功能模塊的界面設計展示數據查詢用箭頭和顏色表示上升和下降的趨勢，根據人視覺傳達，顏色給人不同感應時間的原理，將不同的數據賦予不同的顏色，使得操作者可以一步了然軟件平臺運營的情況。在這一部分的設計中，主要使用了符號和顏色的方式，將數據分門別類的凸顯出來，而不再是一張大二枯草的數據表，如圖3.2所示。3、控制功能模塊的界面設計工具界面設計正如人們日常使用工具的習慣，我們通常習慣與將相同的工具放在相同的地方，比如：文具都放在筆袋中，書籍都放在書架上，作業 圖3.3 控制空能模塊設計 圖3.4子功能展示 紙都放在抽屜

16、里一樣。主要目的是為了清晰明了，用時好找。本系統設計功能窗格正是基于人們多年來的這一生活習慣，將功能羅列在一個樹形窗格中，每一個功能名稱和標示符都簡單的呈現出來，如圖3.3所示。而子功能可以通過點擊按照層次體現出來，如圖3.4所示。4、圖表功能界面設計圖3.5圖表功能界面設計展示數據的走勢最好的體現方式正是圖表，此處插入圖表為觀察數據提供了更好的渠道。如圖3.5所示。四、數據庫設計4.1 表設計本系統中一共涉及到了3張表，并把每張表貼出來，給出各數據庫表的簡短描述，并標注表名和表序，以下分別為表4.1、4.2、4.3. 表4.1 admin 用戶表表4. 2 msg 消息表表4.3 picte

17、xt 圖文表4.2建立JDBC連接如圖4.4所示：圖4.4建立JDBC連接五、代碼設計5.1 登錄模塊主要代碼如圖5.1所示圖5.1 登錄模塊登錄的代碼流程圖如圖5.2所示：圖5.2 登錄的代碼流程圖5.2用戶管理模塊主要代碼如圖5.3所示圖5.3用戶管理模塊主要代碼新建用戶的代碼流程圖如圖5.4所示:5.4新建用戶的代碼流程圖5.3消息管理模塊主要代碼如圖5.5所示圖5.5 消息管理模塊5.4圖文管理模塊主要代碼如圖5.6所示：圖5.6 圖文管理模塊主要代碼5.5語音搜索主要代碼獲得語音識別結果,根據結果進行模糊匹配，如圖5.7所示圖5.7 語音搜索主要代碼展示5.6 附近搜索主要代碼獲得經

18、緯度信息，調用百度api生成靜態圖和地圖鏈接，如圖5.8所示。圖5.8附近搜索主要代碼 獲得get傳參，調用jsp界面，如圖5.9所示。圖5.9 獲得get傳參 調用百度Api，生成動態地圖，如圖5.10所示。圖5.10 生成動態地圖六、運行調試6.1用戶操作用例名稱登錄用例標識號System_User_01用例角色用戶簡要說明用戶登錄系統數據引用用戶信息表前置條件用戶未登錄基本事件流1、 用戶點擊登錄，彈出登錄界面窗口，輸入用戶名和密碼、驗證碼，點擊登錄。2、系統驗證用戶名和密碼，如果正確則登錄成功，顯示登錄狀態頁面；否則顯示登錄失敗信息。2a、用戶名或者密碼為空，提示“用戶名或者密碼不為空

19、”2b、用戶名和密碼不匹配，提示“用戶名或者密碼錯誤”約束條件1、用戶登錄成功之后，系統自動保存此次登錄時間。后置條件登錄成功注釋用例名稱修改密碼用例標識號System_User_02用例角色用戶簡要說明用戶修改密碼數據引用用戶信息前置條件會員登錄基本事件流1、 用戶點擊界面右上角的用戶頭像，出現個下拉框2、 點擊修改密碼3、系統顯示修改密碼頁面。4、會員輸入原密碼與新密碼，確認密碼，點擊修改。4a、若原密碼有誤，提示“原密碼出錯，請重新輸入”，并且置空所有輸入框4b、若新密碼與原密碼相同，提示：“新密碼不可與原密碼相同，請重新輸入！”，并且置空所有輸入框4c、若輸入的驗證碼與系統提供的有誤，

20、提示：“驗證碼有誤，請重新輸入！”，并且置空所有輸入框5、系統顯示修改密碼成功，請重新登錄。約束條件后置條件注釋用例名稱個人信息用例標識號System_User_03用例角色用戶簡要說明用戶查看個人信息數據引用用戶信息前置條件用戶登錄基本事件流1、 會員點擊界面右上角的用戶頭像，出現個下拉框2、 點擊個人信息3、系統顯示個人信息界面4、用戶可以查看用戶名與角色5、點擊返回可以回到主界面約束條件后置條件注釋6.2用戶管理用例名稱新增用戶用例標識號System_ManagerUser_01用例角色管理員簡要說明管理員新增用戶數據引用用戶信息前置條件管理員登錄基本事件流1、 管理員點擊界面左邊的用戶

21、管理2、 系統顯示用戶管理界面3、點擊管理界面左上方的新增用戶4、系統顯示新增用戶界面 5、管理員輸入用戶名，密碼并設置用戶角色5a、點擊確定新增用戶5b、點擊重置重新輸入信息5c、點擊返回返回用戶界面約束條件后置條件注釋用例名稱修改用戶用例標識號System_ManagerUser_02用例角色管理員簡要說明管理員修改用戶數據引用用戶信息前置條件管理員登錄基本事件流1、 管理員點擊界面左邊的用戶管理2、 系統顯示用戶管理界面3、點擊管理界面中用戶列表右側對應的操作按鈕4、選擇修改5、管理員修改用戶名，密碼并設置用戶角色5a、點擊“確定”修改用戶5c、點擊“返回”返回用戶界面約束條件后置條件注

22、釋用例名稱刪除用戶用例標識號System_ManagerUser_03用例角色管理員簡要說明管理員刪除用戶數據引用用戶信息前置條件管理員登錄基本事件流3、 管理員點擊界面左邊的用戶管理4、 系統顯示用戶管理界面3、點擊管理界面中用戶列表右側對應的操作按鈕4、選擇刪除5、系統彈出提示框，詢問是否刪除該用戶5a、點擊“確定”刪除用戶5c、點擊“取消”返回用戶界面約束條件后置條件注釋6.3消息管理用例名稱消息管理用例標識號System_ManagerMsg_01用例角色用戶簡要說明用戶查看消息數據引用消息前置條件用戶登錄基本事件流1、 用戶點擊界面左邊的信息管理2、 系統顯示消息管理界面3、用戶可以

23、查看消息約束條件后置條件注釋6.4內容管理用例名稱新增圖文用例標識號System_ManagerContent_01用例角色用戶簡要說明用戶新增圖文內容數據引用圖文數據庫前置條件用戶登錄基本事件流1、 用戶點擊界面左邊的內容管理2、 系統顯示內容管理界面3、 用戶點擊內容管理界面左上角的新增圖文4、 系統顯示新增圖文界面5、 用戶輸入標題，摘要，封面鏈接，文章地址，文章類型等內容6a、點擊確定保存圖文6b、點擊返回返回管理界面約束條件后置條件注釋用例名稱修改圖文用例標識號System_ManagerContent_02用例角色用戶簡要說明用戶修改圖文內容數據引用圖文數據庫前置條件用戶登錄基本事

24、件流1、 用戶點擊界面左邊的內容管理2、 系統顯示內容管理界面3、 用戶點擊內容管理界面對應條目右邊的修改按鈕4、 系統顯示修改圖文界面5、 用戶可以修改標題，摘要，封面鏈接，文章地址，文章類型等內容6a、點擊確定保存圖文6b、點擊返回返回管理界面約束條件后置條件注釋用例名稱查看圖文用例標識號System_ManagerContent_03用例角色用戶簡要說明用戶查看圖文內容數據引用圖文數據庫前置條件用戶登錄基本事件流1、 用戶點擊界面左邊的內容管理2、 系統顯示內容管理界面3、 用戶點擊內容管理界面對應條目右邊的查看按鈕4、 系統打開圖文鏈接5、 用戶可以查看圖文內容約束條件后置條件注釋用例

25、名稱刪除圖文用例標識號System_ManagerContent_04用例角色用戶簡要說明用戶刪除圖文內容數據引用圖文數據庫前置條件用戶登錄基本事件流1、 用戶點擊界面左邊的內容管理2、 系統顯示內容管理界面3、 用戶點擊內容管理界面對應條目右邊的刪除按鈕4、 系統彈出對話框提示是否刪除5a、用戶點擊“確定”刪除圖文5b、用戶點擊“取消”返回管理界面約束條件后置條件注釋6.5微信功能用例名稱語音搜索用例標識號System_Weixin_01用例角色用戶簡要說明用戶語音搜索數據引用數據庫前置條件用戶登錄基本事件流1、 用戶打開微信界面2、 進入公眾號3、 用語言說話（例：肩部）4、 系統顯示相應

26、信息約束條件后置條件注釋用例名稱附近健身(地圖搜索)用例標識號System_Weixin_02用例角色用戶簡要說明用戶搜索附近美食與健身房數據引用數據庫前置條件用戶登錄基本事件流1、用戶打開微信界面2、進入公眾號3、點擊工具4、獲取位置，并將位置發送給公眾號5、公眾號獲取位置，根據位置搜索附近美食與健身房，以地圖的形式返回給用戶。約束條件后置條件注釋七、結論與心得此系統我們才用了JFinal的開發框架，對于我們來說這是一個全新的框架，但在學習使用中發現它十分的便捷。此外，我們還用到了jsp，使我們對jsp的運用更加的熟練。后臺模版我們采用了Ace-Admin，多種開發語言可用，主要為HTML5+Bootstrap3.0。此外，意料之中我們遇到了一些問題，但通過百度基本得到了解決方法。但由于時間有限，我們的系統也只開發了一部分，還有很多功能沒有完成。在接下來的一段時間，我們會繼續完善我們的系統，將它做的更好！八、致謝本次課程設計是在導師林江毅老師的悉心指導下完成的。在此，謹向林江毅老師致以深深的