ASP個(gè)人主頁(yè)課程設(shè)計(jì)

基于ASP技術(shù)的個(gè)人主頁(yè)系統(tǒng)設(shè)計(jì)與開(kāi)發(fā)中文摘要：網(wǎng)絡(luò)快速發(fā)展使上網(wǎng)已成為一種潮流,人們可以從網(wǎng)上傳播和獲取信息來(lái)了解身邊的瑣事、國(guó)事、天下事,而網(wǎng)頁(yè)則是信息的基本載體,也許你是個(gè)網(wǎng)蟲；也許你是初識(shí)網(wǎng)絡(luò),或者上網(wǎng)沒(méi)多久,當(dāng)你看到這些花花綠綠的網(wǎng)頁(yè)時(shí),是否心動(dòng)？是不是很羨慕？別人這個(gè)虛擬的世界里都能擁有一片屬于自己的空間,展現(xiàn)自己獨(dú)特才華、個(gè)性的時(shí)空,是不是也渴望在那密密麻麻的空間里占有一席之地呢？來(lái)展現(xiàn)自己的獨(dú)特個(gè)性。關(guān)鍵詞：網(wǎng)頁(yè)制作,個(gè)人主頁(yè),網(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è)計(jì)21基本設(shè)計(jì)概論與處理流程22 模塊設(shè)計(jì)3四、數(shù)據(jù)庫(kù)設(shè)計(jì)51數(shù)據(jù)庫(kù)的邏輯設(shè)計(jì)52數(shù)據(jù)庫(kù)連接6五、詳細(xì)設(shè)計(jì)61 系統(tǒng)前臺(tái)設(shè)計(jì)62 系統(tǒng)后臺(tái)設(shè)計(jì)7(1)系統(tǒng)后臺(tái)登陸界面設(shè)計(jì)7（2）系統(tǒng)管理設(shè)計(jì)8（3）文章管理設(shè)計(jì)9（4）圖片管理設(shè)計(jì)10（5）留言管理設(shè)計(jì)11六、結(jié)束語(yǔ)12參考文獻(xiàn)12一、引言1背景分析在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過(guò)網(wǎng)站來(lái)實(shí)現(xiàn)的，獲取信息也是要在Internet中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來(lái)。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。根據(jù)個(gè)人喜好開(kāi)發(fā)了博客網(wǎng)站。個(gè)人博客是當(dāng)今網(wǎng)絡(luò)的熱點(diǎn)，個(gè)人博客技術(shù)的出現(xiàn)使得每個(gè)人可以零成本、零維護(hù)地創(chuàng)建自己的網(wǎng)絡(luò)媒體，Blog站點(diǎn)所形成的網(wǎng)狀結(jié)構(gòu)促成了不同于以往社區(qū)的Blog文化，Blog技術(shù)締造了“博客”文化。2可行性分析開(kāi)發(fā)一個(gè)web個(gè)人主頁(yè)網(wǎng)站，它面向所有能夠?yàn)g覽到網(wǎng)頁(yè)的用戶，但具有安全性能。它能夠?qū)崿F(xiàn)個(gè)人主頁(yè)的基本功能，包括添加文章，上傳圖片，留言，然后再后臺(tái)能夠?qū)ξ恼?、圖片、留言進(jìn)行管理。網(wǎng)頁(yè)在設(shè)計(jì)過(guò)程中，為了克服查詢和統(tǒng)計(jì)方式各不痛等困難，需要使程序代碼標(biāo)準(zhǔn)化，軟件統(tǒng)一化，確保軟件的可維護(hù)性和實(shí)用性；刪除不必要的管理冗余，實(shí)現(xiàn)管理規(guī)范化、科學(xué)化；界面友好、簡(jiǎn)單、實(shí)用做到實(shí)用、方便。采用asp技術(shù)進(jìn)行開(kāi)發(fā)，Asp技術(shù)相對(duì)于傳統(tǒng)的html技術(shù)有著絕對(duì)的優(yōu)勢(shì)，支持?jǐn)?shù)據(jù)庫(kù)的讀取大大減化了程序員的代碼量，對(duì)程序員開(kāi)發(fā)WEB應(yīng)用程序提供了完備的技術(shù)支持。也使得開(kāi)發(fā)出來(lái)的WEB應(yīng)用程序具有更好的擴(kuò)展性，能夠運(yùn)行于不同的操作平臺(tái)之下。 后臺(tái)數(shù)據(jù)庫(kù)采用ACCESS 數(shù)據(jù)庫(kù)，該數(shù)據(jù)庫(kù)與asp同屬微軟產(chǎn)品，在接口、性能支持上比其它數(shù)據(jù)庫(kù)達(dá)到更好的效果。因此，本網(wǎng)站的開(kāi)發(fā)在技術(shù)上是可行的。二、系統(tǒng)需求分析1系統(tǒng)需求本課題為Web應(yīng)用的信息管理系統(tǒng)，目的在于可以讓用戶更方便、快捷的發(fā)布信息，實(shí)現(xiàn)便利、人性化的信息交流平臺(tái)，支持管理員的后臺(tái)信息管理。為了使網(wǎng)站具有一定的安全行，管理員可以對(duì)密碼進(jìn)行修改。2功能需求普通用戶可以瀏覽文章和圖片，還可以進(jìn)行留言和評(píng)論。管理員可以對(duì)系統(tǒng)進(jìn)行一下操作：1）管理系統(tǒng)配置：可以對(duì)web的一些系統(tǒng)配置進(jìn)行管理。2）管理文章信息：可以對(duì)已有文章進(jìn)行增加，刪除，修改。并且可以上傳新的文章。3）管理圖片信息：可以上傳新的圖片，同時(shí)也可以對(duì)現(xiàn)有的圖片進(jìn)行增加，刪除，修改。4）管理留言信息：對(duì)新的留言要進(jìn)行審核，必須通過(guò)審核留言才會(huì)有效通過(guò)。3 運(yùn)行需求服務(wù)器端配置：（1）搭建web服務(wù)器，安裝IIS系統(tǒng)組件（2）安裝Access后臺(tái)數(shù)據(jù)庫(kù)客戶端配置Internet Explorer瀏覽器三、總體設(shè)計(jì)1基本設(shè)計(jì)概論與處理流程前臺(tái)普通用戶首先登陸主頁(yè)，然后可以瀏覽文章，圖片，再就是可以留言和評(píng)論，并且可以看到主頁(yè)的一些基本信息。普通用戶操作流程如圖3.1開(kāi) 始注 銷瀏覽文章結(jié) 束發(fā)表評(píng)論發(fā)表留言瀏覽文章管理員回復(fù)圖3.1 普通用戶操作流程圖后臺(tái)管理員可以對(duì)前臺(tái)顯示的文章，圖片進(jìn)行修改?？梢愿墓鏅谥械墓婧蛡€(gè)人信息，還能對(duì)留言評(píng)論進(jìn)行管理。系統(tǒng)管理員操作流程如圖3.2.開(kāi)始登錄注銷文章管理登錄失敗登錄成功結(jié)束公告管理評(píng)論管理留言管理圖片管理系統(tǒng)配置圖3.2 后臺(tái)管理流程圖2 模塊設(shè)計(jì)1）管理員登陸模塊管理員可以通過(guò)登陸模塊進(jìn)行登陸然后對(duì)后臺(tái)進(jìn)行管理。后臺(tái)管理設(shè)置的初始用戶名和密碼分別為admin，admin，若用戶名和密碼輸入錯(cuò)誤，則提示用戶名或密碼輸入錯(cuò)誤。2）系統(tǒng)管理模塊在這個(gè)模塊中，管理員可以對(duì)前臺(tái)首頁(yè)公告欄顯示的公告進(jìn)行增加，刪除，修改等操作?？梢孕薷墓芾韱T登陸名和登陸密碼，再就是對(duì)前臺(tái)顯示的個(gè)人信息進(jìn)行增，刪，改的基本操作。3）文章、圖片管理模塊文章和圖片管理模塊為管理員提供了能夠?qū)ξ恼?，圖片信息的一些基本可行性操作，比如增加，修改，刪除，還可以上傳新的文章和圖片。在上傳文章的時(shí)候，文章標(biāo)題限制為20個(gè)字符。4）留言管理模塊在留言管理里模塊中，管理員可以對(duì)前臺(tái)留言進(jìn)行審核，若審核通過(guò)才能在前臺(tái)留言板中顯示。個(gè)人主頁(yè)普通用戶管理員用戶瀏覽文章發(fā)表留言發(fā)表評(píng)論文章管理公告管理瀏覽文章留言管理評(píng)論管理圖片管理系統(tǒng)配置圖3.3 系統(tǒng)模塊示意圖四、數(shù)據(jù)庫(kù)設(shè)計(jì)1數(shù)據(jù)庫(kù)的邏輯設(shè)計(jì)這個(gè)系統(tǒng)需要使用數(shù)據(jù)庫(kù)來(lái)存儲(chǔ)相關(guān)的信息。數(shù)據(jù)庫(kù)是整個(gè)系統(tǒng)的基礎(chǔ)，只有將數(shù)據(jù)庫(kù)框架搭建起來(lái)，才能完成子模塊的編輯、實(shí)施。規(guī)劃出的實(shí)體有管理員，文章，圖片，留言，評(píng)論。為方便數(shù)據(jù)的維護(hù)及數(shù)據(jù)的有效擴(kuò)充，我們采用的數(shù)據(jù)庫(kù)開(kāi)發(fā)工具是ACCESS 2000 ，數(shù)據(jù)庫(kù)名稱為zhuye.mdf此數(shù)據(jù)庫(kù)中創(chuàng)建7個(gè)表，分別為:表4.1 用戶表表4.2 登陸記錄表表4.3 文章記錄表表4.4 個(gè)人記錄表表4.5 公告文章表表4.6 留言表表4.7圖片上傳表2數(shù)據(jù)庫(kù)連接<% 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è)計(jì)1 系統(tǒng)前臺(tái)設(shè)計(jì)前臺(tái)首頁(yè)中分有導(dǎo)航欄，公告，信息管理，文章顯示，圖片顯示這幾個(gè)框架。其中導(dǎo)航欄中分有網(wǎng)站首頁(yè)，文章日記，我的相冊(cè)，在線留言，關(guān)于我這幾個(gè)子模塊。文章日記和我的相冊(cè)里面包含有后臺(tái)中上傳的一些文章和相冊(cè)，用戶可以在首頁(yè)中點(diǎn)擊瀏覽。在先留言是為用戶在網(wǎng)站中提供的一個(gè)小型聊天、評(píng)論平臺(tái)，可以對(duì)文章或圖片進(jìn)行評(píng)論，還可以給網(wǎng)站個(gè)人留言，關(guān)于我中顯示的是網(wǎng)站個(gè)人的一些基本信息。前臺(tái)的各個(gè)模塊具體分布如圖5.1所示。圖5.1 前臺(tái)首頁(yè)2 系統(tǒng)后臺(tái)設(shè)計(jì)(1)系統(tǒng)后臺(tái)登陸界面設(shè)計(jì)用戶輸入用戶名和密碼以后，然后在數(shù)據(jù)庫(kù)中查詢用戶信息表，如果能夠找到該記錄，則用戶是合法用戶，可進(jìn)入系統(tǒng)進(jìn)行后臺(tái)管理，如果輸入有誤或沒(méi)有輸入，則提示用戶“輸入有誤，請(qǐng)重新輸入”。 后臺(tái)登陸界面如圖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(賬號(hào)或密碼錯(cuò)誤！);history.back();</script>"response.endelsesession("username")=rs("A_username")call close_rscall close_connresponse.redirect "admin.asp"end if%>（2）系統(tǒng)管理設(shè)計(jì)系統(tǒng)管理可分3個(gè)模塊，公告管理、修改賬號(hào)、個(gè)人信息。公告管理中可以修改和重置公告欄中的內(nèi)容。修改賬戶模塊里面可以修改管理員賬號(hào)和密碼。個(gè)人信息模塊可中可以對(duì)網(wǎng)站首頁(yè)關(guān)于我中顯示的個(gè)人信息進(jìn)行修改。系統(tǒng)管理界面如圖5.3所示。圖5.3系統(tǒng)管理界面修改公告部分代碼如下：<%dim P_contentP_content=request.form("textarea")P_content=replace(P_content," ","&nbsp;&nbsp;") 空格 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è)計(jì)文章管理模塊分2個(gè)子模塊，分別為添加文章和管理文章。添加文章能夠添加新的文章，文章標(biāo)題不得多余20個(gè)字符。添加的文章將保存在數(shù)據(jù)庫(kù)中，然后在前臺(tái)首頁(yè)的文章日記中顯示出來(lái)。管理文章模塊就是可以對(duì)現(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," ","&nbsp;&nbsp;") 空格 D_content=replace(D_content,vbcrlf,"<br>") 回車 if D_title = "" or D_content = "" thenresponse.write "<script>alert(請(qǐng)輸入標(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è)計(jì)圖片管理模塊也分2個(gè)子模塊，分別是上傳圖片和管理圖片。上傳圖片模塊中可以添加新的圖片，并且實(shí)時(shí)的在前臺(tái)首頁(yè)我的相冊(cè)中顯示出來(lái)。管理圖片可以對(duì)已有的圖片進(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ì)留言管理中管理員可以對(duì)前臺(tái)首頁(yè)中的評(píng)論進(jìn)行審核。審核通過(guò)了，該留言才會(huì)在前臺(tái)首頁(yè)的留言板中顯示出來(lái)。管理員還可以對(duì)留言進(jìn)行回復(fù)并且有可以刪除留言或評(píng)論的能力。留言管理界面如圖5.6所示。圖5.6 留言管理界面六、結(jié)束語(yǔ)從我進(jìn)入大學(xué)以來(lái)，我得到了學(xué)校老師的精心培養(yǎng)，學(xué)得了很多的知識(shí)。在各位老師和同學(xué)們的精心幫助下，終于完成了個(gè)人主頁(yè)網(wǎng)站，其功能達(dá)到了預(yù)期的目的，能夠適合實(shí)際的工作需要，對(duì)提高工作效率很有效果。但是由于時(shí)間和技術(shù)上的原因，本系統(tǒng)還有很多的不足，需要今后進(jìn)一步的開(kāi)發(fā)。 在這次的課程設(shè)計(jì)中，讓我深深地體會(huì)到進(jìn)行軟件開(kāi)發(fā)不是一件簡(jiǎn)單的事情，它需要設(shè)計(jì)者具有全面的專業(yè)知識(shí)、縝密的思維、嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度以及較高的分析問(wèn)題、解決問(wèn)題的能力，而我在很多方面還有缺陷。最后，衷心的感謝各位老師的指導(dǎo)和同學(xué)對(duì)我的幫助，使我能夠及時(shí)、順利的完成本次課程設(shè)計(jì)。參考文獻(xiàn)1 馮昊. ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與上機(jī)指導(dǎo)M北京：清華大學(xué)出版社，20022 楊冀川. ASP動(dòng)態(tài)網(wǎng)站設(shè)計(jì)實(shí)戰(zhàn)M北京：機(jī)械工業(yè)出版社，20003 沈大林. Dreamweaver Flash Fireworks三合一教程M.北京：電子工業(yè)出版社，20014 Mike Morrison , Jonline Morrison.數(shù)據(jù)庫(kù)的WEB站點(diǎn)M 北京：清華大學(xué)出版社，20025 楊威. ASP3.0網(wǎng)絡(luò)開(kāi)發(fā)技術(shù)M.北京：人民郵電出版社，20016 余雷，周松建. ASP.NET應(yīng)用開(kāi)發(fā)百例M 北京：清華大學(xué)出版社，20037 李勁. 精通ASP數(shù)據(jù)庫(kù)設(shè)計(jì)M.北京：科學(xué)出版社，20018 黃斯偉，王瑋. HTML4.0使用祥解M.北京：人民郵電出版社，19999 白鑒聰，王進(jìn). JavaScript網(wǎng)頁(yè)效果大師M. 北京：機(jī)械工業(yè)出版社,200110 武蒼林，羅晃. Web數(shù)據(jù)庫(kù)的ASP開(kāi)發(fā)方案J.計(jì)算機(jī)工程與科學(xué)，1999：21(1):65-68第 12 頁(yè) 共 12 頁(yè)