【正文】 評(píng)論的提交和讀取都是基于 Ajax 技術(shù)，下面將分別闡述實(shí)現(xiàn)過程。 } 如圖所示為用戶未收藏該文章和已推薦該文章的效果示例： 圖 21 推薦 /收藏效果 評(píng)論功能的實(shí)現(xiàn) 評(píng)論功能分為用戶提交評(píng)論和讀取 評(píng)論兩種情況。 } $userwhere($condition)save($collect)。])。,$collect[39。,39。] = str_replace($aId.39。//collect1 $collect[39。collect39。Id=39。action39。//new article into user`s collect $data = 10。].$aId.39。] = $collect[39。//the article`s collect+1 $collect[39。collect39。Id=39。action39。即每當(dāng)用戶收藏一篇文章，此字段就會(huì)更新，將新加入的文章 id 寫入串中；當(dāng)用戶點(diǎn)開一篇文章時(shí)，程序會(huì)讀取這篇文章的id，然后再用戶信息表的 collectq 字段中檢索，若存在此字段，就顯示為已收藏狀態(tài)，反之為未收藏。 $thisdisplay()。,$hisTop)。//輸出作者信息 $thisassign(39。author39。//時(shí)間格式化 $thisassign(list, $list)。t_time39。Ymd H:i39。t_time39。 $author = $userwhere($c)find()。id,title39。])。,$list[39。] = array(39。 $d[39。author39。Id39。)。//得到文章全部信息 $user = M(39。)。//得到文章 id $inputTopicwhere($condition)setInc(39。id39。eq39。Id39。)。 // 賦值分頁輸出 分頁效果如圖所示： 圖 19 分頁效果 文章查看頁面的實(shí)現(xiàn) 文章查看頁面采用和話題頁面相同 的布局方式，只是左部的內(nèi)容區(qū)域輸出某一篇文章的詳細(xì)信息，包括了文章標(biāo)題、作者、發(fā)表時(shí)間、所屬標(biāo)簽、瀏覽量、文章內(nèi)容、收藏?cái)?shù)、推薦數(shù)； 右側(cè)的區(qū)域增加了作者的基本信息，包括了作者頭像、昵稱、簽名、作者成就、以及作者的其他文章和問題等； 文章輸出后端部分代碼如下： public function article(){//話題查看函數(shù) 25 $inputTopic = M(39。page39。 // 分頁欄每頁顯示的頁數(shù) $show = $Pageshow()。)。, 39。 $PagesetConfig(39。39。, 39。 $PagesetConfig(39。39。,39。 $PagesetConfig(39。?39。next39。)。, 39。 $PagesetConfig(39。 考慮到一次性將數(shù)據(jù)庫中的數(shù)據(jù)輸出在頁面上是很不現(xiàn)實(shí)的，因?yàn)檫@對(duì)數(shù)據(jù)庫和對(duì)瀏覽器的承載都是不明智的，所以本系統(tǒng)采用在后臺(tái)分頁的方式，由于作為測試數(shù)據(jù)不是很多，所以將數(shù)據(jù)按每頁 10 條的數(shù)量進(jìn)行分頁。 右邊欄則是輸出搜索框和發(fā)布文章的按鈕。 密碼修改不成功會(huì)出現(xiàn)提示信息， 狀態(tài)及異常信息的傳遞是通過 Ajax 將數(shù)據(jù)以 JSON 的形式傳回前端的。 $thisajaxReturn($back)。密碼錯(cuò)誤 39。data39。] = 0。 } }else{ $back[39。]=39。 $back[39。status39。新密碼已生效 39。data39。] = 1。 if ($r2=$userwhere($c)save($data)) { $back[39。np39。c39。password39。])。][39。] = md5($_POST[39。 $c[39。user39。id39。passwarn39。mess39。)。) { $user = M(39。]==39。$_POST[39。])amp。 } } 登錄窗口實(shí)現(xiàn)效果如 圖 : 圖 16 登錄窗口實(shí)現(xiàn)效果 用戶密碼修改實(shí)現(xiàn) 用戶登錄后可以進(jìn)入自己的主頁 ,查看自己的基本資料 ,也可以通過編輯按鈕進(jìn)入資料設(shè)置頁來修改自己的資料 ,以修改密碼為例 ,以下代碼是 修改密碼的后端部分 代碼 : if (isset($_POST[39。 ) { ()。 if (e amp。 } = function(){ = back 1s forwards。 = none。 } = function(){ stopEvent()。 } = function(){ = block。登錄與注冊(cè)存在于一個(gè)彈出框中，當(dāng)用戶沒有賬號(hào)時(shí)，點(diǎn)擊注冊(cè)按鈕，注冊(cè)界面會(huì)以動(dòng)畫形式從底部出現(xiàn)，而登錄模塊會(huì)滑動(dòng)向上隱藏； 登錄窗口實(shí)現(xiàn)的核心 JavaScript 代碼如下： 22 = function(){ = none。 良好 的數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)， 既能夠大幅度的提升 數(shù)據(jù)存儲(chǔ) 能力 和傳遞 數(shù)據(jù) 的效率 ,還能更 加 完整的保證數(shù)據(jù)信息的一致性[16,17]。 一個(gè) 數(shù)據(jù)庫設(shè)計(jì)的優(yōu)良 與否直接決定了 網(wǎng)絡(luò)應(yīng)用系統(tǒng)的運(yùn)行效率。 對(duì)于文章 的評(píng)論只是對(duì)文章發(fā)辮自己的看法或建議，所以只是簡單的使用了一個(gè)文本域加上樣式表美化了樣式； 此模塊也是用 Ajax實(shí)現(xiàn)的無刷新提交，將數(shù)據(jù)存入數(shù)據(jù)庫，成功后會(huì)返回成功的狀態(tài)，并且將數(shù)據(jù)追加 到頁面，流程圖如下 16 圖 12 回答 /評(píng)論模塊流程圖 （ 6）投票模塊 社區(qū)問答系統(tǒng)為了幫助用戶盡快獲得答案 ,提供了問題檢索 ,問題推薦的機(jī)制[14,15]。 首先，回答問題模塊 之前，要進(jìn)行用戶的登錄驗(yàn)證；如果沒有用戶登錄的信息那么問題回答的部分就不會(huì)在頁面中顯示，反之就會(huì)將回答框顯示在頁面之中；為了使編輯的答案更加豐富同時(shí)為了排版規(guī)則有序，問題回答的輸入框使用富文本編輯器。不同于傳統(tǒng)的 Web 應(yīng)用， Ajax 應(yīng)用程序包含一個(gè)頁面的元素是響應(yīng)由用戶異步回調(diào)或通過激活服務(wù)器信息動(dòng)態(tài)更新 [13]。 由于系統(tǒng)做了用戶登錄信息的驗(yàn)證，在用戶未登錄情況下將不會(huì)出現(xiàn)文章發(fā)表的接口，所以用戶發(fā)表文章時(shí)視為已登錄，發(fā)表模塊流程圖如下 圖 10 發(fā)表模塊 （ 4） 評(píng)論加載模塊設(shè)計(jì) 本系統(tǒng)所有評(píng)論、回復(fù)以及對(duì)已存在回復(fù)、評(píng)論的讀?。ú话瑢?duì)問題的回答）都是采用 Ajax 技術(shù)實(shí)現(xiàn)的，提高了頁面加載的速度和提升用戶體驗(yàn)。而在后臺(tái)管理模塊的設(shè)計(jì)中，用到了 Iframe 浮動(dòng)框架以及 JavaScript 等。 （ 6）管理員 擁有 后臺(tái)系統(tǒng) 登錄的權(quán)限。 系統(tǒng)的總體結(jié)構(gòu) 根據(jù)網(wǎng)絡(luò)社區(qū)的業(yè)務(wù)流程，該系統(tǒng) 主要 分 為用戶和管理員兩個(gè)系統(tǒng)，其中用戶系統(tǒng)又分為話題、 問答兩個(gè) 主要的 模塊， 用戶系統(tǒng)的功能有設(shè)置 /修改、登錄 /注冊(cè)、查看 /編輯、關(guān)注 /私信、等功能； 系統(tǒng) 結(jié)構(gòu) 功能 圖 如 圖 1 所示 圖 1 系統(tǒng)功能圖 系統(tǒng)的 需求 分析 基于社區(qū)的結(jié)構(gòu)和功能分析，本 系統(tǒng) 設(shè)計(jì)實(shí)現(xiàn)以下需求 ： （ 1） 用戶可以選擇注冊(cè)及登錄來使用所有功能，或者以游客身份瀏覽本社區(qū)的內(nèi)容， （ 2） 游客身份時(shí)，瀏覽者可以查看發(fā)表的文章、問題的內(nèi)容以及查看對(duì)于文章的評(píng)論和對(duì)問題的回答，可以查看其他用戶信息； （ 3） 對(duì)于登錄用戶來說，除了開放游客的所有功能之外，還可以修改自己的資料，關(guān)注其他用戶以及他們的文章、問題、回答。在開發(fā)的過程中我將按照此時(shí)間表上的安排嚴(yán)格的控制進(jìn)度，由于開發(fā)人員只有一個(gè)，所以在管理上更加的方便和高效。一套良好的管理計(jì)劃是保證項(xiàng)目按時(shí)完成的關(guān)鍵，能有效的控制項(xiàng)目的進(jìn)度 ，根據(jù)開發(fā)過程中遇到的問題是當(dāng)?shù)募涌旎蛘哒{(diào)整進(jìn)度以便能夠?qū)⒑酶鱾€(gè)模塊有機(jī)的整合在一起； 由于 本系統(tǒng)是學(xué)校 是我 畢業(yè)設(shè)計(jì) 項(xiàng)目 ，由本人獨(dú)立完 成， 需要 在固定時(shí)間和導(dǎo)師及時(shí) 的溝通，確定畢業(yè)設(shè)計(jì)的進(jìn)展情況。由于 本系統(tǒng)是學(xué)校的畢業(yè)設(shè)計(jì)作品， 在硬件方面 采用簡單 的 PC 搭建本地 系統(tǒng)服務(wù)器， 再 加上網(wǎng)絡(luò)設(shè)備就基本滿足了系統(tǒng)的硬件要求，這一點(diǎn) 就把經(jīng)濟(jì)投入大大地降低了 ，在軟件方面系統(tǒng)采取 WampServer 系統(tǒng)架構(gòu)，全部是開源的項(xiàng)目，網(wǎng)絡(luò)上可以隨意的 下載使用， 并且操作簡單而且 不存在任何商業(yè)版權(quán)的問題，所以 基于 以上的分析， 得出 系統(tǒng)的經(jīng)濟(jì)是完全可行的。 一般來說對(duì)于新的系統(tǒng)必定 要考慮 設(shè)備的軟硬件的使用 ，網(wǎng)絡(luò)社區(qū)的開發(fā)總費(fèi)用包括了硬件支出資、軟件支出和未來的維護(hù)費(fèi)用等。 也 就是說用最小的投入收取最大的回報(bào)。網(wǎng)絡(luò)社區(qū)使 得現(xiàn)實(shí)社區(qū)中不可能實(shí)現(xiàn)的有可能實(shí)現(xiàn)。并且 隨著畢業(yè)設(shè)計(jì)的不斷深入， 本人也在不斷的學(xué)習(xí)，遇到問題可以通過查詢互聯(lián)網(wǎng)資源、在 圖書 館 查閱 資料、尋求指導(dǎo)老師和 同學(xué)朋友的幫助 等方式 ，自7 身技術(shù) 和知識(shí)會(huì)不斷提升 ，相信 可以按時(shí)完成畢業(yè)設(shè)計(jì)系統(tǒng) 。 在開發(fā)工具上，采用的 WampServer 作為 Web 開放環(huán)境集成軟件免去了很多環(huán)境配置上面復(fù)雜的操作，減少了因?yàn)榘l(fā)開環(huán)境帶來的錯(cuò)誤；由于采用模塊化的配置，所以只需簡單的修改一些配置文件就可以使其擴(kuò)展模塊，傻瓜化的操作保證了開發(fā)過程的順利進(jìn)行。此外 PHP 作為一種開源的編程語言，其社區(qū)相當(dāng)活躍，出現(xiàn)問題也很容易得到解決。基于技術(shù)可行性分析不能出現(xiàn)重要功能不能實(shí)現(xiàn)的問題，需要對(duì)于自己的技術(shù)和系統(tǒng)計(jì)劃實(shí)現(xiàn)的功能做一個(gè)全面的研究和評(píng)估。 為了避免出現(xiàn) 項(xiàng)目開發(fā) 瓶頸，減少 開發(fā)過程中 不必要的損失，保障項(xiàng) 目的按時(shí)完成 ， 本 系統(tǒng)主要從 技術(shù)可行性、 經(jīng)濟(jì)可行性、管理可行性 三 個(gè)方面 做評(píng)估，利用較短的時(shí)間，確定 開發(fā)過程中 可能 會(huì)出現(xiàn)問題的解決方案 。系統(tǒng)的可行性分析應(yīng)該具有預(yù)知性、可靠性、公正性、科學(xué)性 等特性 。其 擁有很多強(qiáng)大的功能，比如說： 友好的 語法 的 突出 顯示 ， 可以輕松進(jìn)行增刪改 的域 ， 對(duì)記錄進(jìn)行增刪改等操作，實(shí)時(shí)執(zhí)行 SQL 語句，一個(gè) 界面 之中可以顯示多個(gè)文檔 ， 對(duì) 數(shù)據(jù)庫和表格 可以進(jìn)行拖動(dòng)的方式 ， 成員 可以友好的顯示 等。 同時(shí) Sublime Text 還具有 跨平臺(tái)的 特點(diǎn) ，支持 Linux、 Windows、 Mac OS X 等 主流 操作系統(tǒng) 。 Sublime 除了有簡介漂亮的操作面板之外 功能 還非常多 ， 比方說能夠看到略縮 代碼， 可以方便地?cái)U(kuò)展 插件， 可以自定義 代碼 片 段 等 等。此外還 采用了雙授權(quán)政策，分為社區(qū)和商業(yè) 兩版 ， 作為一個(gè)關(guān)系型管理數(shù)據(jù)庫系統(tǒng) ， 體積小 ， 速度快 ， 開放源代碼 ， 支持多線程和多用戶 ， 成為企業(yè)應(yīng)用的 Web 系統(tǒng)中后臺(tái)數(shù)據(jù)庫的優(yōu)先選擇 [10,11]。 MySQL關(guān)聯(lián)數(shù)據(jù)庫 有很多不同的表 并 將數(shù)據(jù)保存 其 中，而不是 傳統(tǒng)的 將所有 的 數(shù)據(jù) 都 存儲(chǔ)進(jìn) 一個(gè)倉庫 之 中 ，使 速度 和 靈活性 得到了提升。 MySQL簡介 MySQL 最開始是 MySQL AB 公司 開發(fā)的一個(gè) 數(shù)據(jù)庫 ， 如今 屬于 Oracle。 PHP 是弱類型的語言，其他語言的類型轉(zhuǎn)換的事情在 PHP 這里幾乎不用考慮。 PHP 可以運(yùn)行在任何一家的虛擬主機(jī)上，不 會(huì)像 Ruby、Python一樣支持的數(shù)據(jù)很少；第二： PHP 的學(xué)習(xí)門比較檻低。它 完全 可以比 CGI 和 Perl 更快速地 編譯 動(dòng)態(tài)網(wǎng)頁 。 Apache 可以 在大多數(shù)的計(jì)算機(jī)平臺(tái)上運(yùn)行 ， 因?yàn)?擁有 跨平臺(tái)和安全性 的特點(diǎn) 被 推廣 使用，是 目前為止 最流行的 Web 服務(wù)器端軟件之一。 進(jìn)一步的研究方向有以下幾點(diǎn)： （ 1）對(duì)于每一篇文章或者問題，應(yīng)該匹配與其相似的文章或者問題，可以采用第三方的分詞系統(tǒng)； （ 2）界面的優(yōu)化，界面應(yīng)該扁平化有待改進(jìn)； （ 3）數(shù)據(jù)庫的設(shè)計(jì)更加合理 ，應(yīng)該可以再次降低數(shù)據(jù)的耦合性； 4 2 系統(tǒng)開發(fā)工具 開發(fā)環(huán)境 簡介 WampServer 簡介 WampServer 是一款由法國人開發(fā)的 集 Apache Web 服務(wù)器、 PHP 語言 解釋器以及 MySQL 數(shù)據(jù)庫 為一體 的整合軟件包 ； Wamp 又 以 可理解為在 Windows操作系統(tǒng) 下將 Apache+PHP+MySQL 集成的環(huán)境 [7]。 創(chuàng)新點(diǎn)與進(jìn)一步的研究方向 本系統(tǒng)創(chuàng)新的地方主要體現(xiàn)在 系統(tǒng)的前端語言采用的是 目前比較熱門的 語義 HTML5 和 CSS3； 問題的回答，或者對(duì)文章的回復(fù)一 致使用 的是 Ajax，交互效果較好。 第 5 章 ： 系統(tǒng)測試 ， 主要闡述本系統(tǒng)是基于何種工具測試的，以及測試的類型和誰測試用例等； 第 6 章：關(guān)鍵技術(shù)與系統(tǒng)特點(diǎn) ， 主要闡述了本系統(tǒng)所采用的框架以及使用的設(shè)計(jì)模式等 ， 此外簡單的介紹了本性的一些特點(diǎn) 。 第 3 章 ： 結(jié)構(gòu)規(guī)劃與系統(tǒng)分析 ， 主要