資源描述:
《錢琬婷-基于ajax技術(shù)的blog發(fā)布系統(tǒng)設(shè)計(jì)doc-本科優(yōu)秀畢》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、上海理工大學(xué)光電信息與計(jì)算機(jī)工程學(xué)院本科優(yōu)秀畢業(yè)論文(設(shè)計(jì))基于AJAX技術(shù)的Blog發(fā)布系統(tǒng)設(shè)計(jì)計(jì)算機(jī)科學(xué)與技術(shù)05級(jí)錢琬婷指導(dǎo)教師:陳家琪教授(一)內(nèi)容簡(jiǎn)介此設(shè)計(jì)利用PHP和Ajax技術(shù)開發(fā)出高效、健壯、實(shí)用和美觀的Web2.0博客信息系統(tǒng)。在實(shí)現(xiàn)日志發(fā)布和管理功能的基礎(chǔ)上,利用Ajax技術(shù),使得操作更為靈活、便捷;利用Smarty模板技術(shù),改進(jìn)后臺(tái)管理方案。此設(shè)計(jì)無(wú)論在視覺(jué)效果還是易用性上大大改善用戶體驗(yàn),并對(duì)信息系統(tǒng)的發(fā)展有巨大的推進(jìn)作用。關(guān)鍵詞:Blog;AJAX;PHP;日志管理(二)問(wèn)題的提出Blog,即博客,意為網(wǎng)絡(luò)日
2、志。是最近幾年出現(xiàn)的一個(gè)新現(xiàn)象。Blog的內(nèi)容豐富多彩,有對(duì)其他網(wǎng)站的超鏈接和評(píng)論,有個(gè)人構(gòu)思,還有新聞日志、照片、詩(shī)歌和散文等。Blog具有自主性、開放性、互動(dòng)性和共享性的特點(diǎn),是一個(gè)很好的交流的渠道,思想展現(xiàn)的舞臺(tái)和學(xué)術(shù)探討的園地。用戶以Blog的形式簡(jiǎn)易迅速便捷地發(fā)布自己的信息,及時(shí)有效地與他人進(jìn)行交流并展示自己豐富多彩的個(gè)性。Blog已成為家庭、公司、部門和團(tuán)隊(duì)之間越來(lái)越盛行的溝通工具,它也逐漸被應(yīng)用在企業(yè)內(nèi)部網(wǎng)絡(luò)(Intranet)中。博客代表著新的生活方式和新的工作方式,更代表著新的學(xué)習(xí)方式。具國(guó)際統(tǒng)計(jì)2008年中國(guó)Blo
3、g注冊(cè)用戶數(shù)達(dá)到9906萬(wàn),Blog顯示出的巨大潛力,新浪等眾多互連網(wǎng)站推出了Blog服務(wù),而搜索公司專門推出了Blog搜索,風(fēng)險(xiǎn)投資機(jī)構(gòu)也加大了對(duì)Blog網(wǎng)站的投資。Ajax理念的出現(xiàn),揭開了無(wú)刷新更新頁(yè)面時(shí)代的序幕,并有代替?zhèn)鹘y(tǒng)Web開發(fā)中采用表單提交方式來(lái)更新Web頁(yè)面的趨勢(shì)。Ajax是具有變革性的,它使開發(fā)者得以擺脫原有單調(diào)的開發(fā)模式,從而開發(fā)出更易用、交互性更強(qiáng)的Web應(yīng)用程序。Ajax是一個(gè)新的編程術(shù)語(yǔ),但決不是一項(xiàng)全新的技術(shù),因?yàn)锳jax是DHTML、JavaScript、XML和DOM等幾種技術(shù)的組合,而這些技術(shù)組件都
4、存在已久,并均已得到了廣泛的運(yùn)用。Ajax只是把這些各有特色的“老技術(shù)”合理地組合起來(lái),上海理工大學(xué)光電信息與計(jì)算機(jī)工程學(xué)院第1頁(yè)共4頁(yè)本科優(yōu)秀畢業(yè)論文(設(shè)計(jì))上海理工大學(xué)光電信息與計(jì)算機(jī)工程學(xué)院錢琬婷:基于AJAX技術(shù)的Blog發(fā)布系統(tǒng)設(shè)計(jì)從而形成了一個(gè)功能強(qiáng)大的“新技術(shù)”。Ajax已經(jīng)成為一股推動(dòng)力,催生了一系列基于互聯(lián)網(wǎng)的新服務(wù),包括免費(fèi)文字處理程序Writely,電子數(shù)據(jù)表制作網(wǎng)站NumSum,以及人們用于編制日程和工作時(shí)間表的網(wǎng)站Voo2do。目前,Ajax的一些成功應(yīng)用有:Google主頁(yè)、GoogleMaps、Gmail
5、等,無(wú)論在視覺(jué)效果還是易用性上都給人帶來(lái)強(qiáng)烈的沖擊力。這些使用Ajax技術(shù)的網(wǎng)站的出現(xiàn),已經(jīng)促使人們開始重新思考互聯(lián)網(wǎng)和個(gè)人電腦之間的關(guān)系。事實(shí)上,Ajax也許會(huì)導(dǎo)致許多基于個(gè)人電腦的應(yīng)用軟件遭到淘汰,進(jìn)而導(dǎo)致電腦業(yè)中很多領(lǐng)域出現(xiàn)翻天覆地的變化。因此,Ajax的出現(xiàn)具有里程碑式的意義,并在短時(shí)間內(nèi)成為Web開發(fā)領(lǐng)域炙手可熱的技術(shù)。此設(shè)計(jì)主旨在于把當(dāng)今網(wǎng)絡(luò)時(shí)代最熱門產(chǎn)物的Blog信息系統(tǒng)與時(shí)下Web技術(shù)領(lǐng)域中最流行的Ajax技術(shù)相結(jié)合,實(shí)現(xiàn)無(wú)刷新無(wú)跳轉(zhuǎn)更新頁(yè)面。同時(shí),針對(duì)PHP平臺(tái)的特性與Blog用戶群的泛化特征綜合考慮,在后臺(tái)管理模塊
6、中,添加了基于PHP的Smarty模板快速更換技術(shù),使PHP程序邏輯與前臺(tái)美工完全分離,即使是不懂程式的用戶也能利用可視化網(wǎng)頁(yè)編輯器自己制作出符合自己個(gè)性的網(wǎng)頁(yè)模板。在視覺(jué)上和易用性上大大改善用戶體驗(yàn),使操作更加便捷。從而使Blog的使用群體更廣。對(duì)未來(lái)Web信息系統(tǒng)的發(fā)展有著巨大的意義。(三)Blog發(fā)布系統(tǒng)的實(shí)現(xiàn)博客系統(tǒng)界面風(fēng)格簡(jiǎn)潔、美觀大方、操作簡(jiǎn)便,分為前臺(tái)顯示模塊和后臺(tái)管理模塊。用戶群為訪客和管理員?;贒iv+CSS的構(gòu)架可以使信息系統(tǒng)結(jié)構(gòu)清晰,易于維護(hù),便于搜索,當(dāng)然更重要的是符合Web2.0標(biāo)準(zhǔn),兼容性比較好,可以方便
7、地在各種瀏覽器下瀏覽。前臺(tái)模塊主要完成日志顯示、日志搜索和RSS訂閱功能。后臺(tái)管理模塊主要完成博客管理,其中包括博客系統(tǒng)的基本設(shè)置功能,側(cè)邊欄管理功能和博客模板快速更換功能;日志管理中包括日志編輯與發(fā)布功能,評(píng)論、分類、標(biāo)簽的管理功能;數(shù)據(jù)管理中主要是數(shù)據(jù)庫(kù)的備份功能。其中,最主要的功能設(shè)計(jì)為基于Ajax技術(shù)的日志顯示與編輯功能,多樣性的日志搜索功能。基于Smarty技術(shù)的一鍵式更換模板功能為系統(tǒng)特色功能。JavaScript與XMLHttpRequest對(duì)象是Ajax的核心部分,在Ajax技術(shù)中起著關(guān)鍵作用。一、Ajax處理過(guò)程一個(gè)
8、Ajax交互從一個(gè)稱為XMLHttpRequest的JavaScript對(duì)象開始。如同名字所暗示的,它允許一個(gè)客戶端腳本來(lái)執(zhí)行HTTP請(qǐng)求,并且將會(huì)解析一個(gè)XML格式的服務(wù)器響應(yīng)。Ajax處理過(guò)程中的第一步是創(chuàng)建一個(gè)XM