【正文】
的畢業(yè)設(shè)計選題。感謝程老師在一開始便給我提供了詳細的參考資料,并提供合理的時間規(guī)劃,讓我的論文能及時完成。此后,我會繼續(xù)努力學習,在熟練一個方面的基礎(chǔ)上掌握更多更全面的技術(shù)知識,來提高自己的開發(fā)能力。 ( 3)查看關(guān)注列表功能 點擊關(guān)注按鈕可以進入用戶的關(guān)注列表頁,在瀏覽該用戶所關(guān)注的所有用戶的同時,可以對某一個用戶進行關(guān)注 /取消關(guān)注操作,也可以點擊用戶名進入他 /她個人主頁。用戶搜索頁效果圖如 46 所示。 圖 42 微博首頁 圖 43 發(fā)布純文字 圖 44 發(fā)布文字附帶圖片 13 查看微博內(nèi)容模塊實現(xiàn) 瀏覽微博列表中的某一條微博時,可以點擊微博信息下方的評論按鈕,評論該條微博。效果圖如圖 43 所示。登錄入口界面效果圖如圖 41 所示。 表 41 user 用戶表 字段 字段類型 是否為空 默認值 字段說明 id bigint(20) 否 自增 id username varchar(25) 否 用戶名 portrait varchar(500) 否 /images/defaultPo 頭像地址 gender tinyint(4) 否 0 性別 profile varchar(100) 否 這個人很懶 ,什么都沒留下 個人介紹 status tinyint(4) 否 0 用戶狀態(tài) micro_blog 微博表結(jié)構(gòu)如表 42所示。 406:用戶信息更新失敗。 ( 2)評論相關(guān): 300:評論發(fā)布失敗。被用戶收藏過的微博會進入該用戶的收藏列表。如果用戶已經(jīng)登錄過,系統(tǒng)將會自動跳轉(zhuǎn)到微博首頁。 圖 34 評論實體圖 ( 4) 消息提醒實體圖如圖 35 所示。系統(tǒng)的靜態(tài)頁面部分采用支持 Json 的Velocity 視圖技術(shù),動態(tài)交互部分(如評論、消息提醒等)采用 Ajax[17]異步更新技術(shù)。 技術(shù)上的可行性 企業(yè)內(nèi)部擁有自己的員工信息系統(tǒng),微博的用戶系統(tǒng)可以直接與其對接。 ( 8) 搜索用戶 用戶可以通過在搜索框中輸入用戶名找到相應(yīng)的用戶。用戶在發(fā)表微博的時候可以使用username 的方式通知到用戶名為 username 的用戶,被 的用戶將會收到 提醒,方便了用戶間的交流。 ( 3) 發(fā)布微博 4 首頁屏幕正上方有一個發(fā) 布微博的按鈕,用戶輸入要發(fā)布的不超過 140字的內(nèi)容,然后發(fā)布,還可以同時發(fā)布圖片??梢圆榭春糜训膫€人信息、粉絲 /關(guān)注列表、發(fā)表的微博。 MySQL 關(guān)聯(lián)數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中,而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi),這樣就增加了速度并提高了 靈活 性。是目前最受歡迎的 JavaScript 庫 。使用 Spring 可插入的 MVC 架構(gòu),可以選擇是使用內(nèi)置的 Spring Web 框架還可以是 Struts 這樣的 Web[11]框架。 本文主要介紹企業(yè)內(nèi)部微博系統(tǒng)的開發(fā)環(huán)境與技術(shù)、需求分析、總體設(shè)計、詳細設(shè)計。本文應(yīng)用 IntelliJ IDEA、 Java web、 JQuery等前端技術(shù)、 MySQL數(shù)據(jù)庫設(shè)計與實現(xiàn)了一個企業(yè)內(nèi)部微博系統(tǒng),系統(tǒng)具有 登入登出、關(guān)注用戶、發(fā)微博、轉(zhuǎn)發(fā)、評論,收藏、刪除、消息提醒等基本功 能。除了文中特別加以標注引用的內(nèi)容外,本論 文不包含任何其他個人或集體已經(jīng)發(fā)表或撰寫的成果作品。s Inter users. With the success of Twitter, domestic microblogging system also emerging rapidly, Sina Weibo, Tencent Weibo and so on, all of them accumulate a large number of users, microblogging has bee one of the main activities of Chinese Inter users. Many panies also deploy internal microblogging system in order to promoting mutual munication between employees. In this paper, based on IntelliJ IDEA, Java web, Javascript and other frontend technology and with mysql database design, these all help to build an enterprise microblogging system, the system have functions such as login, logout, concerning for users, report, repost, ment on, collect , delete the blogs and message reminding. Key words: Microblogging; ; information dissemination; exchange; MySQL 2 引言 隨著 技術(shù)的發(fā)展,微型 博客 ( MicroBlog,簡稱 “ 微博 ” )成為互聯(lián)網(wǎng)普遍應(yīng)用的形式 之一 ,它 在 提高信息傳播 [1]速度 的同時 , 也促進了互聯(lián)網(wǎng)技術(shù)的發(fā)展 。簡單而又功能強大。 Spring MVC 分離了 控制器 、模型 對象 、分派器以及處理程序?qū)ο蟮慕巧?,這種分離讓它們更容易進行定制。這使開發(fā)人員可以對底層交互與動畫、高級效果和高級主題化的組件進行抽象化。 2 系統(tǒng)需求分析 系統(tǒng)設(shè)計目標 ( 1)創(chuàng)建一個企業(yè)內(nèi)部使用的微博系統(tǒng), 促進員工間的交流。在查看微博的頁面提供相應(yīng)的鏈接讓用戶登出。用戶還可刪除自己發(fā)布過的評論。 如果主頁是當前用戶的,則每條微博上會提供一個鏈接用于刪除微博。當用戶登錄后,一旦收到消息,系統(tǒng)將會自動在屏幕右上方彈窗提示消息來源和數(shù)量,點擊可以進入具體的消息界面,對消息進行回復(fù)。 5 操作上的可行性 本系統(tǒng)使用企業(yè)已有的用戶系統(tǒng),免去了繁瑣的注冊步驟,使用戶能快速加入。此系統(tǒng)的實體包括用戶信息、微博信息、評論信息、消息提醒。用戶可以發(fā)布多條評論,所以用戶與評論是一對多關(guān)系。模塊支持輸入字數(shù)提示和圖片拖拽上傳功能,提升用戶體 驗。 4 系統(tǒng)詳細設(shè)計與實現(xiàn) 系統(tǒng)通信協(xié)議設(shè)計 本系統(tǒng)服務(wù)端與瀏覽器端采用 Json 格式數(shù)據(jù)進行通信,所以制定了一套特定的錯誤碼協(xié)議進行運作。 401:用戶不存在。 412:刪除用戶失敗。 10 表 44 relationship 關(guān)注關(guān)系表 字段 字段類型 是否為空 默認值 字段說明 id bigint(20) 否 自增 id watcher_id bigint(20) 否 關(guān)注人 id watchee_id bigint(20) 否 被關(guān)注人的 id set_time timestamp 否 CURRENT_TIMESTAMP 發(fā)布時間 at_info消息 表 結(jié)構(gòu)如表 45所示。 微博首頁模塊實現(xiàn) 用戶登錄后進入微博首頁模塊,首頁屏幕上方是微博發(fā)布框,中間部分顯示好友最新的微博列表,右側(cè)顯示我的關(guān)注和推薦關(guān)注。一次最多可以發(fā)布 4 張圖片。若微博是用戶自己發(fā)布的,可以選擇點擊刪除按鈕刪掉微博。 ( 1)查看用戶所有微博功能 進入用戶個人主頁時,屏幕主體部分顯示該用戶所發(fā)所有微博的列表,可以查看用戶所發(fā)微博的內(nèi)容和時間,同時也可以對微博進行評論、轉(zhuǎn)發(fā)和收藏等操作。本系統(tǒng)經(jīng)歷了從系統(tǒng)需求的提出,到系統(tǒng)可行 性分析,數(shù)據(jù)庫設(shè)計,前后端部署方案設(shè)計,系統(tǒng)各功能模塊的接口設(shè)計,詳細設(shè)計、各功能模塊的實現(xiàn),到最后的系統(tǒng)測試,就是以這樣的一個思路實現(xiàn)了整個系統(tǒng)的開發(fā)。同時感謝母校中南民族大學,給了我一個舒適自然的學習環(huán) 境。 通過本系統(tǒng)的設(shè)計與開發(fā),使我加深了對課本理論知識的了解,也使我學會如何把理論與實踐相結(jié)合,進一步掌握了軟件系統(tǒng)開發(fā)的規(guī)律,進而對本專業(yè)有了更加深刻的認識。效果圖如圖 48 所示。點擊列表中每一項的用戶頭像或用戶名即可進入該用戶的個人主頁,對其添加關(guān)注。因為 比起普通的 Ajax, 使用 FormData 的最大優(yōu)點就是我們可以異步 12 上傳一個二進制文件 。 ( 1)發(fā)純文字 文字在控制在 140 個字以內(nèi),在用戶輸入時,系統(tǒng)會實時提醒當前還可以輸入的字數(shù)。 表 48 latest_at_info_tim