基于WEB2.0技術(shù)的網(wǎng)站博客系統(tǒng)的設(shè)計(jì)與制作

王穎　司占軍　郭宗偉

摘要：通過(guò)一個(gè)Web2.0網(wǎng)站的建站實(shí)例來(lái)剖析Web2.0的特點(diǎn)和技術(shù)組成以及帶給用戶的不同體驗(yàn)。本系統(tǒng)以Web2.0的設(shè)計(jì)模式和風(fēng)格為基礎(chǔ)，采用ASP、PHP進(jìn)行開(kāi)發(fā)，利用帝國(guó)cms系統(tǒng)進(jìn)行管理，前臺(tái)網(wǎng)頁(yè)設(shè)計(jì)使用的是DreamWeaver 8.0，設(shè)計(jì)出網(wǎng)站博客的架構(gòu)，首頁(yè)，登錄和主要界面，數(shù)據(jù)庫(kù)采用MySQL。通過(guò)網(wǎng)站博客系統(tǒng)的制作讓大家能夠了解Web2.0特有的技術(shù)。

關(guān)鍵詞：Web2.0； 博客；數(shù)據(jù)庫(kù)

中圖分類(lèi)號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）02-0061-02

Abstract： Through an example of a Web2.0 site to analyze the characteristics and technology of Web2.0 and to bring the user different experience. This system is based on the design pattern and style of Web2.0， Using ASP and PHP for development， managed by the Empire CMS system，and the front page design is DreamWeaver 8， design a website blog structure， the home page， login and the main interface， database using MySQL. Through the site of the production of the blog system to allow you to understand the unique technology of Web2.0.

Key words： Web2.0； Blog； database

Web2.0即相對(duì)于Web1.0的新的一類(lèi)互聯(lián)網(wǎng)應(yīng)用的統(tǒng)稱。Web1.0最本質(zhì)的特點(diǎn)是用戶通過(guò)不同終端的瀏覽器來(lái)獲取所需的信息。現(xiàn)階段用戶既是網(wǎng)站內(nèi)容的瀏覽者，也是網(wǎng)站內(nèi)容的制造者，所以Web2.0在1.0的基礎(chǔ)之上更加注重用戶的交互性，由原來(lái)的自上而下的由少數(shù)資源控制者集中控制主導(dǎo)的互聯(lián)網(wǎng)體系轉(zhuǎn)變?yōu)樽韵露系挠蓮V大用戶集體智慧和力量主導(dǎo)的互聯(lián)網(wǎng)體系，它是互聯(lián)網(wǎng)的一次理念和思想體系的升級(jí)換代[1]。

1基本知識(shí)

1.1 ASP技術(shù)

ASP是一種服務(wù)器端可以用來(lái)創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁(yè)或Web應(yīng)用程序的腳本編寫(xiě)環(huán)境[2]。ASP網(wǎng)頁(yè)可以包含腳本命令、普通文本、HTML標(biāo)記以及COM組件等。利用ASP可以向網(wǎng)頁(yè)中添加交互式內(nèi)容，也可以創(chuàng)建使用HTML網(wǎng)頁(yè)作為用戶界面的Web應(yīng)用程序[2]。

1.2 PHP技術(shù)

PHP，是英文Hypertext Preprocessor的縮寫(xiě)，意思是超級(jí)文本預(yù)處理語(yǔ)言。PHP是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語(yǔ)言。PHP獨(dú)特的語(yǔ)法混合了Java、C及PHP自創(chuàng)新的語(yǔ)法。與其他的編程語(yǔ)言相比，用PHP做出的動(dòng)態(tài)頁(yè)面是將程序嵌入到HTML文檔中去執(zhí)行的，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多。PHP還可以執(zhí)行編譯后代碼，編譯可以達(dá)到加密和優(yōu)化代碼運(yùn)行，使代碼運(yùn)行更快[3]。

2博客系統(tǒng)的設(shè)計(jì)與制作

2.1博客總體功能

本系統(tǒng)分為前臺(tái)設(shè)計(jì)及后臺(tái)設(shè)計(jì)。前臺(tái)實(shí)現(xiàn)的功能有用戶注冊(cè)，用戶登錄，瀏覽日志，發(fā)表評(píng)論，查看留言，顯示最新更新，分類(lèi)統(tǒng)計(jì)友情鏈接等功能。

后臺(tái)主要功能包括站點(diǎn)基本設(shè)置，日志分類(lèi)管理，日志管理，評(píng)論管理，界面風(fēng)格管理，用戶權(quán)限設(shè)置，友情鏈接設(shè)置，留言表情管理，數(shù)據(jù)庫(kù)管理。

2.2數(shù)據(jù)庫(kù)系統(tǒng)設(shè)計(jì)

數(shù)據(jù)庫(kù)系統(tǒng)概念設(shè)計(jì)如圖1、圖2：

2.3 博客系統(tǒng)詳細(xì)設(shè)計(jì)

2.3.1首頁(yè)界面頭設(shè)計(jì)

根據(jù)首頁(yè)需體現(xiàn)簡(jiǎn)潔明快的風(fēng)格，所以首頁(yè)界面頭部在設(shè)計(jì)時(shí)不用復(fù)雜的圖片和動(dòng)畫(huà)，頂部設(shè)計(jì)的導(dǎo)航欄是為了讓用戶可以直接在首頁(yè)，分類(lèi)文章，留言等模塊中進(jìn)行切換。如圖3。

2.3.2首頁(yè)邊欄設(shè)計(jì)

邊欄提供給用戶許多便利的功能，包括最新更新，最新留言，日歷，評(píng)論，搜索，注冊(cè)及登陸，分類(lèi)統(tǒng)計(jì)，友情鏈接已及RSS分類(lèi)訂閱。如圖4。

2.3.3用戶注冊(cè)以及登陸功能的實(shí)現(xiàn)

register.asp主要是引導(dǎo)用戶完成注冊(cè)，用戶點(diǎn)擊注冊(cè)之后同意本站的要求即可進(jìn)入注冊(cè)頁(yè)面，用戶填入必填內(nèi)容即可完成注冊(cè)。login.asp引導(dǎo)用戶完成登錄。注冊(cè)和登錄頁(yè)面采用基于Web2.0的AJAX技術(shù)可以查看是否存在同名用戶，登陸頁(yè)面可以顯示包含輸入文字的曾經(jīng)登陸過(guò)的用戶名。如圖6所示。

2.3.4后臺(tái)管理界面設(shè)計(jì)

為方便用戶規(guī)整自己的文章，后臺(tái)提供用戶設(shè)置分類(lèi)的接口，用戶可以添加文章分類(lèi)。可以設(shè)置站點(diǎn)基本信息，管理員可以管理評(píng)論和留言，修改用戶權(quán)限，修改友情鏈接，可以備份和還原數(shù)據(jù)庫(kù)。此處的功能是在control.asp頁(yè)中實(shí)現(xiàn)的，后臺(tái)管理界面如圖7所示。

2.3.5站點(diǎn)基本設(shè)置功能

在此模塊管理員可以更改博客名稱，博客副標(biāo)題，修改站長(zhǎng)郵件地址。修改本站基本功能包括密碼保護(hù)功能，留言審核功能，回復(fù)通知，日志顯示設(shè)置，評(píng)論設(shè)置，如圖8所示。

2.3.6分類(lèi)管理功能

此模塊可以讓管理員添加或者修改日志的分類(lèi)，日志分類(lèi)圖片，移動(dòng)日志，刪除日志，日志公開(kāi)性等等，如圖9所示。

2.3.7評(píng)論留言管理功能

在此模塊可以進(jìn)行評(píng)論過(guò)濾，審核評(píng)論和留言，刪除評(píng)論和留言功能，如圖10所示。

參考文獻(xiàn)：

[1] 馮龍山，李其藝.輕松學(xué)習(xí)——ASP網(wǎng)絡(luò)使用編程[M].北京： 清華大學(xué)出版社，2002.

[2] 耿興隆. WebGIS在園林灌溉管理系統(tǒng)中的應(yīng)用研究[D].北京： 華北電力大學(xué)，2011.

[3] 主福洋，郭坤. 基于PHP技術(shù)的網(wǎng)站建設(shè)[J]. 軟件工程師，2013（Z1）：60-61.

[4] 孔曉宇，邵科亮. 利用帝國(guó)網(wǎng)站管理系統(tǒng)搭建網(wǎng)站平臺(tái)[J]. 電腦學(xué)習(xí)，2010（5）：51-52.