ASP個人主頁課程設(shè)計
基于ASP技術(shù)的個人主頁系統(tǒng)設(shè)計與開發(fā)中文摘要:網(wǎng)絡(luò)快速發(fā)展使上網(wǎng)已成為一種潮流,人們可以從網(wǎng)上傳播和獲取信息來了解身邊的瑣事、國事、天下事,而網(wǎng)頁則是信息的基本載體,也許你是個網(wǎng)蟲;也許你是初識網(wǎng)絡(luò),或者上網(wǎng)沒多久,當(dāng)你看到這些花花綠綠的網(wǎng)頁時,是否心動?是不是很羨慕?別人這個虛擬的世界里都能擁有一片屬于自己的空間,展現(xiàn)自己獨(dú)特才華、個性的時空,是不是也渴望在那密密麻麻的空間里占有一席之地呢?來展現(xiàn)自己的獨(dú)特個性。關(guān)鍵詞:網(wǎng)頁制作,個人主頁,網(wǎng)絡(luò)Abstract:The rapid development of the network makes the Internet has become a trend, people can spread and get information on the Internet to know about trifles, state and around the world. And web page is basic carrier of information. Maybe youre a net surfer; Maybe you are a first network, or searching the Internet not for a long time. When you see these colorful web pages, are you moved and feel very envy? Other people in the virtual world can own a space belonging to themselves, express their own unique talents, personality special time and space. Are you also eager to own a space in the intensive network space to show your unique personality.Key words: webpage making, Personal Home Page, network目錄目錄1一、引言11背景分析12可行性分析1二、系統(tǒng)需求分析11系統(tǒng)需求12功能需求13 運(yùn)行需求1三、總體設(shè)計21基本設(shè)計概論與處理流程22 模塊設(shè)計3四、數(shù)據(jù)庫設(shè)計51數(shù)據(jù)庫的邏輯設(shè)計52數(shù)據(jù)庫連接6五、詳細(xì)設(shè)計61 系統(tǒng)前臺設(shè)計62 系統(tǒng)后臺設(shè)計7(1)系統(tǒng)后臺登陸界面設(shè)計7(2)系統(tǒng)管理設(shè)計8(3)文章管理設(shè)計9(4)圖片管理設(shè)計10(5)留言管理設(shè)計11六、結(jié)束語12參考文獻(xiàn)12一、引言1背景分析在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的,獲取信息也是要在Internet中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分,從而倍受人們的重視。根據(jù)個人喜好開發(fā)了博客網(wǎng)站。個人博客是當(dāng)今網(wǎng)絡(luò)的熱點(diǎn),個人博客技術(shù)的出現(xiàn)使得每個人可以零成本、零維護(hù)地創(chuàng)建自己的網(wǎng)絡(luò)媒體,Blog站點(diǎn)所形成的網(wǎng)狀結(jié)構(gòu)促成了不同于以往社區(qū)的Blog文化,Blog技術(shù)締造了“博客”文化。2可行性分析開發(fā)一個web個人主頁網(wǎng)站,它面向所有能夠瀏覽到網(wǎng)頁的用戶,但具有安全性能。它能夠?qū)崿F(xiàn)個人主頁的基本功能,包括添加文章,上傳圖片,留言,然后再后臺能夠?qū)ξ恼?、圖片、留言進(jìn)行管理。網(wǎng)頁在設(shè)計過程中,為了克服查詢和統(tǒng)計方式各不痛等困難,需要使程序代碼標(biāo)準(zhǔn)化,軟件統(tǒng)一化,確保軟件的可維護(hù)性和實用性;刪除不必要的管理冗余,實現(xiàn)管理規(guī)范化、科學(xué)化;界面友好、簡單、實用做到實用、方便。采用asp技術(shù)進(jìn)行開發(fā),Asp技術(shù)相對于傳統(tǒng)的html技術(shù)有著絕對的優(yōu)勢,支持?jǐn)?shù)據(jù)庫的讀取大大減化了程序員的代碼量,對程序員開發(fā)WEB應(yīng)用程序提供了完備的技術(shù)支持。也使得開發(fā)出來的WEB應(yīng)用程序具有更好的擴(kuò)展性,能夠運(yùn)行于不同的操作平臺之下。 后臺數(shù)據(jù)庫采用ACCESS 數(shù)據(jù)庫,該數(shù)據(jù)庫與asp同屬微軟產(chǎn)品,在接口、性能支持上比其它數(shù)據(jù)庫達(dá)到更好的效果。因此,本網(wǎng)站的開發(fā)在技術(shù)上是可行的。二、系統(tǒng)需求分析1系統(tǒng)需求本課題為Web應(yīng)用的信息管理系統(tǒng),目的在于可以讓用戶更方便、快捷的發(fā)布信息,實現(xiàn)便利、人性化的信息交流平臺,支持管理員的后臺信息管理。為了使網(wǎng)站具有一定的安全行,管理員可以對密碼進(jìn)行修改。2功能需求普通用戶可以瀏覽文章和圖片,還可以進(jìn)行留言和評論。管理員可以對系統(tǒng)進(jìn)行一下操作:1)管理系統(tǒng)配置:可以對web的一些系統(tǒng)配置進(jìn)行管理。2)管理文章信息:可以對已有文章進(jìn)行增加,刪除,修改。并且可以上傳新的文章。3)管理圖片信息:可以上傳新的圖片,同時也可以對現(xiàn)有的圖片進(jìn)行增加,刪除,修改。4)管理留言信息:對新的留言要進(jìn)行審核,必須通過審核留言才會有效通過。3 運(yùn)行需求服務(wù)器端配置:(1)搭建web服務(wù)器,安裝IIS系統(tǒng)組件(2)安裝Access后臺數(shù)據(jù)庫客戶端配置Internet Explorer瀏覽器三、總體設(shè)計1基本設(shè)計概論與處理流程前臺普通用戶首先登陸主頁,然后可以瀏覽文章,圖片,再就是可以留言和評論,并且可以看到主頁的一些基本信息。普通用戶操作流程如圖3.1開 始注 銷瀏覽文章結(jié) 束發(fā)表評論發(fā)表留言瀏覽文章管理員回復(fù)圖3.1 普通用戶操作流程圖后臺管理員可以對前臺顯示的文章,圖片進(jìn)行修改。可以更改公告欄中的公告和個人信息,還能對留言評論進(jìn)行管理。系統(tǒng)管理員操作流程如圖3.2.開始登錄注銷文章管理登錄失敗登錄成功結(jié)束公告管理評論管理留言管理圖片管理系統(tǒng)配置圖3.2 后臺管理流程圖2 模塊設(shè)計1)管理員登陸模塊管理員可以通過登陸模塊進(jìn)行登陸然后對后臺進(jìn)行管理。后臺管理設(shè)置的初始用戶名和密碼分別為admin,admin,若用戶名和密碼輸入錯誤,則提示用戶名或密碼輸入錯誤。2)系統(tǒng)管理模塊在這個模塊中,管理員可以對前臺首頁公告欄顯示的公告進(jìn)行增加,刪除,修改等操作??梢孕薷墓芾韱T登陸名和登陸密碼,再就是對前臺顯示的個人信息進(jìn)行增,刪,改的基本操作。3)文章、圖片管理模塊文章和圖片管理模塊為管理員提供了能夠?qū)ξ恼拢瑘D片信息的一些基本可行性操作,比如增加,修改,刪除,還可以上傳新的文章和圖片。在上傳文章的時候,文章標(biāo)題限制為20個字符。4)留言管理模塊在留言管理里模塊中,管理員可以對前臺留言進(jìn)行審核,若審核通過才能在前臺留言板中顯示。個人主頁普通用戶管理員用戶瀏覽文章發(fā)表留言發(fā)表評論文章管理公告管理瀏覽文章留言管理評論管理圖片管理系統(tǒng)配置圖3.3 系統(tǒng)模塊示意圖四、數(shù)據(jù)庫設(shè)計1數(shù)據(jù)庫的邏輯設(shè)計這個系統(tǒng)需要使用數(shù)據(jù)庫來存儲相關(guān)的信息。數(shù)據(jù)庫是整個系統(tǒng)的基礎(chǔ),只有將數(shù)據(jù)庫框架搭建起來,才能完成子模塊的編輯、實施。規(guī)劃出的實體有管理員,文章,圖片,留言,評論。為方便數(shù)據(jù)的維護(hù)及數(shù)據(jù)的有效擴(kuò)充,我們采用的數(shù)據(jù)庫開發(fā)工具是ACCESS 2000 ,數(shù)據(jù)庫名稱為zhuye.mdf此數(shù)據(jù)庫中創(chuàng)建7個表,分別為:表4.1 用戶表表4.2 登陸記錄表表4.3 文章記錄表表4.4 個人記錄表表4.5 公告文章表表4.6 留言表表4.7圖片上傳表2數(shù)據(jù)庫連接<% Dim conn,strConn Set conn=Server.CreateObject("ADODB.Connection") strConn="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("pcfinal.mdb")conn.Open strConn%> 五、詳細(xì)設(shè)計1 系統(tǒng)前臺設(shè)計前臺首頁中分有導(dǎo)航欄,公告,信息管理,文章顯示,圖片顯示這幾個框架。其中導(dǎo)航欄中分有網(wǎng)站首頁,文章日記,我的相冊,在線留言,關(guān)于我這幾個子模塊。文章日記和我的相冊里面包含有后臺中上傳的一些文章和相冊,用戶可以在首頁中點(diǎn)擊瀏覽。在先留言是為用戶在網(wǎng)站中提供的一個小型聊天、評論平臺,可以對文章或圖片進(jìn)行評論,還可以給網(wǎng)站個人留言,關(guān)于我中顯示的是網(wǎng)站個人的一些基本信息。前臺的各個模塊具體分布如圖5.1所示。圖5.1 前臺首頁2 系統(tǒng)后臺設(shè)計(1)系統(tǒng)后臺登陸界面設(shè)計用戶輸入用戶名和密碼以后,然后在數(shù)據(jù)庫中查詢用戶信息表,如果能夠找到該記錄,則用戶是合法用戶,可進(jìn)入系統(tǒng)進(jìn)行后臺管理,如果輸入有誤或沒有輸入,則提示用戶“輸入有誤,請重新輸入”。 后臺登陸界面如圖5.2所示。圖5.2 后天登陸界面登陸部分代碼如下:<%Dim username,passwordusername=request.Form("username")password=request.Form("password")if username="" thenresponse.Write"<script>alert(用戶名不能為空);history.back();</script>"response.end end ifif password="" thenresponse.Write"<script>alert(密碼不能為空);history.back();</script>"response.end end if%><!-#include file="./include/conn.asp"-><!-#include file="./include/md5.asp"-><%password=md5(password)set rs=server.CreateObject("adodb.recordset")sql="select * from admin where A_username="&username&" and A_password="&password&""rs.open sql,conn,1,1if rs.eof thencall close_rscall close_connresponse.Write"<script>alert(賬號或密碼錯誤!);history.back();</script>"response.endelsesession("username")=rs("A_username")call close_rscall close_connresponse.redirect "admin.asp"end if%>(2)系統(tǒng)管理設(shè)計系統(tǒng)管理可分3個模塊,公告管理、修改賬號、個人信息。公告管理中可以修改和重置公告欄中的內(nèi)容。修改賬戶模塊里面可以修改管理員賬號和密碼。個人信息模塊可中可以對網(wǎng)站首頁關(guān)于我中顯示的個人信息進(jìn)行修改。系統(tǒng)管理界面如圖5.3所示。圖5.3系統(tǒng)管理界面修改公告部分代碼如下:<%dim P_contentP_content=request.form("textarea")P_content=replace(P_content," "," ") 空格 P_content=replace(P_content,vbcrlf,"<br>") 回車 %><!-#include file="./include/conn.asp"-><%set rs=server.CreateObject("adodb.recordset")sql="select * from gonggao"rs.open sql,conn,1,3rs("P_content")=P_contentrs.updatecall close_rscall close_connresponse.Write"<script>alert(修改成功);window.location.href = Admin_Gongg.asp</script>"%>(3)文章管理設(shè)計文章管理模塊分2個子模塊,分別為添加文章和管理文章。添加文章能夠添加新的文章,文章標(biāo)題不得多余20個字符。添加的文章將保存在數(shù)據(jù)庫中,然后在前臺首頁的文章日記中顯示出來。管理文章模塊就是可以對現(xiàn)有的文章進(jìn)行修改和刪除操作。文章管理模塊界面如圖5.4所示。圖5.4 文章管理界面添加文章部分代碼如下:<%dim D_title,D_content,idid=request.QueryString("id")D_title=request.form("biaoti")D_content=request.form("textarea")D_content=replace(D_content," "," ") 空格 D_content=replace(D_content,vbcrlf,"<br>") 回車 if D_title = "" or D_content = "" thenresponse.write "<script>alert(請輸入標(biāo)題和內(nèi)容);history.go(-1);</script>"response.endelse%><!-#include file="./include/conn.asp"-><%set rs=server.CreateObject("adodb.recordset")sql="select * from diary where ID="&idrs.open sql,conn,1,3rs("D_title")=D_titlers("D_content")=D_contentrs("D_date")=formatdatetime(date(),0)rs.updatecall close_rscall close_connresponse.Write"<script>alert(修改文章成功);window.location.href = Article_manage.asp</script>"end if%>(4)圖片管理設(shè)計圖片管理模塊也分2個子模塊,分別是上傳圖片和管理圖片。上傳圖片模塊中可以添加新的圖片,并且實時的在前臺首頁我的相冊中顯示出來。管理圖片可以對已有的圖片進(jìn)行修改和刪除操作。圖片管理界面上傳圖片界面如圖5.5所示。圖5.5 圖片上傳界面上傳圖片部分代碼如下:<% Dim imgpath imgpath="./images/photo/"&request.querystring("imgpath") Dim rs,sql Set rs=server.CreateObject("adodb.recordset") sql="select * from photo" rs.open sql,conn,1,3 rs.addnew rs("P_file")=imgpath rs("p_date")=formatdatetime(date(),0) rs.updatecall close_rscall close_connresponse.Write"<script>alert(圖片上傳成功!);window.location.href = Admin_photo.asp</script>"%>(5)留言管理設(shè)計留言管理中管理員可以對前臺首頁中的評論進(jìn)行審核。審核通過了,該留言才會在前臺首頁的留言板中顯示出來。管理員還可以對留言進(jìn)行回復(fù)并且有可以刪除留言或評論的能力。留言管理界面如圖5.6所示。圖5.6 留言管理界面六、結(jié)束語從我進(jìn)入大學(xué)以來,我得到了學(xué)校老師的精心培養(yǎng),學(xué)得了很多的知識。在各位老師和同學(xué)們的精心幫助下,終于完成了個人主頁網(wǎng)站,其功能達(dá)到了預(yù)期的目的,能夠適合實際的工作需要,對提高工作效率很有效果。但是由于時間和技術(shù)上的原因,本系統(tǒng)還有很多的不足,需要今后進(jìn)一步的開發(fā)。 在這次的課程設(shè)計中,讓我深深地體會到進(jìn)行軟件開發(fā)不是一件簡單的事情,它需要設(shè)計者具有全面的專業(yè)知識、縝密的思維、嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度以及較高的分析問題、解決問題的能力,而我在很多方面還有缺陷。最后,衷心的感謝各位老師的指導(dǎo)和同學(xué)對我的幫助,使我能夠及時、順利的完成本次課程設(shè)計。參考文獻(xiàn)1 馮昊. ASP動態(tài)網(wǎng)頁設(shè)計與上機(jī)指導(dǎo)M北京:清華大學(xué)出版社,20022 楊冀川. ASP動態(tài)網(wǎng)站設(shè)計實戰(zhàn)M北京:機(jī)械工業(yè)出版社,20003 沈大林. Dreamweaver Flash Fireworks三合一教程M.北京:電子工業(yè)出版社,20014 Mike Morrison , Jonline Morrison.數(shù)據(jù)庫的WEB站點(diǎn)M 北京:清華大學(xué)出版社,20025 楊威. ASP3.0網(wǎng)絡(luò)開發(fā)技術(shù)M.北京:人民郵電出版社,20016 余雷,周松建. ASP.NET應(yīng)用開發(fā)百例M 北京:清華大學(xué)出版社,20037 李勁. 精通ASP數(shù)據(jù)庫設(shè)計M.北京:科學(xué)出版社,20018 黃斯偉,王瑋. HTML4.0使用祥解M.北京:人民郵電出版社,19999 白鑒聰,王進(jìn). JavaScript網(wǎng)頁效果大師M. 北京:機(jī)械工業(yè)出版社,200110 武蒼林,羅晃. Web數(shù)據(jù)庫的ASP開發(fā)方案J.計算機(jī)工程與科學(xué),1999:21(1):65-68第 12 頁 共 12 頁