基于Ajax技術(shù)的 Blog發(fā)布系統(tǒng)設(shè)計(jì)

《基于Ajax技術(shù)的 Blog發(fā)布系統(tǒng)設(shè)計(jì)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、基于Ajax技術(shù)的Blog發(fā)布系統(tǒng)設(shè)計(jì)姓名:錢琬婷學(xué)號(hào):0501W238專業(yè):計(jì)算機(jī)科學(xué)與技術(shù)指導(dǎo)教師:陳家琪教授本科畢業(yè)設(shè)計(jì)（論文）問題的提出背景隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展和人們對(duì)生活理念的不斷改變，相繼出現(xiàn)了EMAIL、BBS、ICQ等方便、快捷的傳播信息和相互交流的方式。而Blog的出現(xiàn)，帶給互聯(lián)網(wǎng)用戶的是更多樣、更全面的交流方法，是一種自我形象的展示和個(gè)人價(jià)值的實(shí)現(xiàn)。內(nèi)容介紹需求分析1實(shí)施方案2系統(tǒng)結(jié)構(gòu)3系統(tǒng)設(shè)計(jì)4系統(tǒng)測(cè)試5個(gè)人總結(jié)6用戶需求系統(tǒng)功能性需求：訪客瀏覽日志搜索日志發(fā)表評(píng)論數(shù)據(jù)庫(kù)博主

2、登錄登錄后臺(tái)管理博客管理日志管理數(shù)據(jù)備份發(fā)表留言博主博客管理日志管理博客管理數(shù)據(jù)備份日志管理博客管理發(fā)表留言數(shù)據(jù)備份日志管理博客管理搜索日志發(fā)表留言數(shù)據(jù)備份日志管理博客管理瀏覽日志搜索日志發(fā)表留言數(shù)據(jù)備份日志管理分類管理評(píng)論管理系統(tǒng)設(shè)置模板更換用戶需求系統(tǒng)非功能性需求：前臺(tái)應(yīng)該簡(jiǎn)潔、實(shí)用、交互性好，有Web2.0特色使用流行的Ajax技術(shù)，改善用戶體驗(yàn)。日志顯示、搜索、系統(tǒng)日歷、分類等都采用Ajax技術(shù)采用Smarty模板引擎，業(yè)務(wù)邏輯和表現(xiàn)層分離，即邏輯程序與美工分離結(jié)構(gòu)清晰合理，對(duì)網(wǎng)站訪問量應(yīng)該

3、進(jìn)行統(tǒng)計(jì)，對(duì)日志的評(píng)論數(shù)、點(diǎn)擊量等都應(yīng)該進(jìn)行統(tǒng)計(jì)登陸驗(yàn)證應(yīng)該使用Session認(rèn)證實(shí)施方案采用APM方案，即Apache+PHP+MySQL方案。它是一個(gè)非常理想的網(wǎng)站解決方案。關(guān)鍵技術(shù)之Ajax技術(shù)Ajax是使用客戶端腳本與Web服務(wù)器異步交換數(shù)據(jù)的Web應(yīng)用開發(fā)方法。使用Ajax，可以在不中斷交互流程的情況下，重新加載Web頁面，從而實(shí)現(xiàn)頁面動(dòng)態(tài)更新。實(shí)施方案Ajax技術(shù)原理Ajax即異步JavaScript+XML，客戶端通過javaScript提交用戶指定的命令和參數(shù)，傳遞給服務(wù)器，服務(wù)器接

4、收到命令和參數(shù)后進(jìn)行處理，然后把處理結(jié)果按照一定的格式通過XMLHttpRequest返回給客戶端，客戶端再按照一定的形式顯示給客戶，即顯示在網(wǎng)頁上。由于Ajax請(qǐng)求是異步的，客戶端可以不用等待服務(wù)器指令直接與用戶進(jìn)行溝通，大大減少了服務(wù)器的負(fù)擔(dān)。實(shí)施方案Ajax技術(shù)優(yōu)勢(shì)無刷新更新頁面，減少用戶心理和實(shí)際等待時(shí)間當(dāng)讀取大量數(shù)據(jù)時(shí)，不會(huì)出現(xiàn)惱人的“白屏”現(xiàn)象；當(dāng)頁面有更新時(shí)，不需要重新加載該頁面，只更新需要更新的部分；采用異步交互模式，在等待服務(wù)器響應(yīng)的過程中，用戶可以在原有頁面上操作，可以縮短用戶的

5、可感知等待時(shí)間；Ajax可以把以前服務(wù)器負(fù)擔(dān)的的一切工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務(wù)器負(fù)擔(dān)。實(shí)施方案關(guān)鍵技術(shù)之Smarty技術(shù)在實(shí)際應(yīng)用中，使用Smarty目的就是要使PHP程序員同模板設(shè)計(jì)者分離,也就是說當(dāng)程序員改變程序的邏輯內(nèi)容時(shí)，不會(huì)影響到美工的頁面設(shè)計(jì)；當(dāng)美工修改頁面也不會(huì)影響到程序邏輯。系統(tǒng)結(jié)構(gòu)數(shù)據(jù)庫(kù)備份訪客管理員瀏覽日志搜索日志通過分類通過列表通過標(biāo)簽RSS訂閱管理博客管理日志管理數(shù)據(jù)側(cè)邊列表管理模板管理寫日志和日志管理分類管理標(biāo)簽管理評(píng)論管理評(píng)論前臺(tái)顯示模塊后臺(tái)管

6、理模塊系統(tǒng)功能模塊圖系統(tǒng)設(shè)計(jì)前臺(tái)日志顯示功能邏輯讀取日志ID判斷參數(shù)顯示日志和Tags顯示空白添加評(píng)論結(jié)束Y存在N不存在數(shù)據(jù)庫(kù)數(shù)據(jù)傳輸顯示日志前臺(tái)邏輯分析客戶端通過AJAX引擎向服務(wù)器發(fā)送日志ID參數(shù)，服務(wù)器端讀取數(shù)據(jù)庫(kù)的日志ID，通過ID找到對(duì)應(yīng)的日志內(nèi)容和tags，返回給客戶端顯示用戶需要評(píng)論時(shí)，客戶端通過表單提交相應(yīng)參數(shù)至服務(wù)器，并用SQL語言完成內(nèi)容添加。中間通過AJAX引擎進(jìn)行異步通信，靜態(tài)頁面無刷新無跳轉(zhuǎn)。系統(tǒng)設(shè)計(jì)后臺(tái)日志管理功能邏輯編輯日志內(nèi)容發(fā)布自動(dòng)保存草稿檢查Title發(fā)表日志報(bào)錯(cuò)

7、首頁顯示數(shù)據(jù)結(jié)束寫日志再編輯管理日志（刪除、分類）N不存在Y存在定時(shí)器自動(dòng)分配ID日志ID日志ID后臺(tái)邏輯分析通過日志ID進(jìn)行數(shù)據(jù)聯(lián)系和傳輸。用戶編輯日志過程中，有定時(shí)器自動(dòng)保存草稿，以免數(shù)據(jù)丟失。用戶還可以編輯草稿箱和已發(fā)表的日志，可以進(jìn)行日志刪除和分類移動(dòng)。全程通過Ajax技術(shù)做數(shù)據(jù)傳送的橋梁，界面友好。系統(tǒng)設(shè)計(jì)后臺(tái)模板更換功能采用基于PHP的Smarty模板引擎技術(shù)。使邏輯程序與外在美工分離,即使是不懂程序源代碼的用戶也可以利用網(wǎng)頁編輯器制作自己的前臺(tái)HTML模板。提供了一種易于管理的辦法，即

8、一鍵式更換模板功能，方便快捷打造個(gè)性博客。功能演示系統(tǒng)測(cè)試條件通過本機(jī)測(cè)試或發(fā)布至外網(wǎng)服務(wù)器測(cè)試。1首先對(duì)系統(tǒng)的所有功能模塊進(jìn)行模塊化測(cè)試2之后進(jìn)行系統(tǒng)的集成測(cè)試結(jié)果系統(tǒng)各功能均通過模塊測(cè)試、集成測(cè)試，進(jìn)行了測(cè)試數(shù)據(jù)的添加、編輯、管理等操作，與預(yù)期的效果相符，均未出現(xiàn)程序和數(shù)據(jù)上的異常錯(cuò)誤，在最終用戶的實(shí)際應(yīng)用中也未發(fā)現(xiàn)重大的錯(cuò)誤。項(xiàng)目不足大量使用Ajax技術(shù)使它不利用搜索引擎抓取，需要進(jìn)行搜索引擎優(yōu)化。此系統(tǒng)由于時(shí)間倉(cāng)促和自身能力不足等原因，目前暫不支持訪客留言板、