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