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

《ASP個(gè)人主頁課程設(shè)計(jì)》由會(huì)員分享，可在線閱讀，更多相關(guān)《ASP個(gè)人主頁課程設(shè)計(jì)（14頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、 基于ASP技術(shù)的個(gè)人主頁系統(tǒng)設(shè)計(jì)與開發(fā) 中文摘要：網(wǎng)絡(luò)快速發(fā)展使上網(wǎng)已成為一種潮流,人們可以從網(wǎng)上傳播和獲取信息來了解身邊的瑣事、國(guó)事、天下事,而網(wǎng)頁則是信息的基本載體,也許你是個(gè)網(wǎng)蟲；也許你是初識(shí)網(wǎng)絡(luò),或者上網(wǎng)沒多久,當(dāng)你看到這些花花綠綠的網(wǎng)頁時(shí),是否心動(dòng)？是不是很羨慕？別人這個(gè)虛擬的世界里都能擁有一片屬于自己的空間,展現(xiàn)自己獨(dú)特才華、個(gè)性的時(shí)空,是不是也渴望在那密密麻麻的空間里占有一席之地呢？來展現(xiàn)自己的獨(dú)特個(gè)性。 關(guān)鍵詞：網(wǎng)頁制作,個(gè)人主頁,網(wǎng)絡(luò) Abstract：The rapid development of the network makes the Internet h

2、as 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 colorfu

3、l 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

4、: webpage making, Personal Home Page, network 目錄 目錄 1 一、引言 1 1背景分析 1 2可行性分析 1 二、系統(tǒng)需求分析 1 1系統(tǒng)需求 1 2功能需求 1 3 運(yùn)行需求 1 三、總體設(shè)計(jì) 2 1基本設(shè)計(jì)概論與處理流程 2 2 模塊設(shè)計(jì) 3 四、數(shù)據(jù)庫設(shè)計(jì) 5 1數(shù)據(jù)庫的邏輯設(shè)計(jì) 5 2數(shù)據(jù)庫連接 6 五、詳細(xì)設(shè)計(jì) 6 1 系統(tǒng)前臺(tái)設(shè)計(jì) 6 2 系統(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

5、 六、結(jié)束語 12 參考文獻(xiàn) 12 一、引言 1背景分析 在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在Internet中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。根據(jù)個(gè)人喜好開發(fā)了博客網(wǎng)站。 個(gè)人博客是當(dāng)今網(wǎng)絡(luò)的熱點(diǎn)，個(gè)人博客技術(shù)的出現(xiàn)使得每個(gè)人可以零成本、零維護(hù)地創(chuàng)建自己的網(wǎng)絡(luò)媒體，Bl

6、og站點(diǎn)所形成的網(wǎng)狀結(jié)構(gòu)促成了不同于以往社區(qū)的Blog文化，Blog技術(shù)締造了“博客”文化。 2可行性分析 開發(fā)一個(gè)web個(gè)人主頁網(wǎng)站，它面向所有能夠?yàn)g覽到網(wǎng)頁的用戶，但具有安全性能。它能夠?qū)崿F(xiàn)個(gè)人主頁的基本功能，包括添加文章，上傳圖片，留言，然后再后臺(tái)能夠?qū)ξ恼?、圖片、留言進(jìn)行管理。網(wǎng)頁在設(shè)計(jì)過程中，為了克服查詢和統(tǒng)計(jì)方式各不痛等困難，需要使程序代碼標(biāo)準(zhǔn)化，軟件統(tǒng)一化，確保軟件的可維護(hù)性和實(shí)用性；刪除不必要的管理冗余，實(shí)現(xiàn)管理規(guī)范化、科學(xué)化；界面友好、簡(jiǎn)單、實(shí)用做到實(shí)用、方便。 采用asp技術(shù)進(jìn)行開發(fā)，Asp技術(shù)相對(duì)于傳統(tǒng)的html技術(shù)有著絕對(duì)的優(yōu)勢(shì)，支持?jǐn)?shù)據(jù)庫的讀取大大減化了程序員的

7、代碼量，對(duì)程序員開發(fā)WEB應(yīng)用程序提供了完備的技術(shù)支持。也使得開發(fā)出來的WEB應(yīng)用程序具有更好的擴(kuò)展性，能夠運(yùn)行于不同的操作平臺(tái)之下。 后臺(tái)數(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ā)布信息，實(shí)現(xiàn)便利、人性化的信息交流平臺(tái)，支持管理員的后臺(tái)信息管理。為了使網(wǎng)站具有一定的安全行，管理員可以對(duì)密碼進(jìn)行修改。 2功能需求 普通用戶可以瀏覽文章和圖片，還可以進(jìn)行留言和評(píng)論。 管理

8、員可以對(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)行審核，必須通過審核留言才會(huì)有效通過。 3 運(yùn)行需求 服務(wù)器端配置： （1）搭建web服務(wù)器，安裝IIS系統(tǒng)組件 （2）安裝Access后臺(tái)數(shù)據(jù)庫 客戶端配置 Internet Explorer瀏覽器 三、總體設(shè)計(jì) 1基本設(shè)計(jì)概論與處理流程 前臺(tái)普通用戶首先登陸主頁，然后可以瀏覽文章，圖片，再

9、就是可以留言和評(píng)論，并且可以看到主頁的一些基本信息。普通用戶操作流程如圖3.1 開 始 注 銷 瀏覽文章 結(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. 開始 登錄 注銷 文章管理 登錄失敗 登錄成功 結(jié)束 公告管理 評(píng)論管理 留言管理 圖片管理 系統(tǒng)配置 圖3.2 后臺(tái)管理流程圖 2 模塊設(shè)計(jì) 1）管理員登陸模塊 管理員可以通過登陸模塊進(jìn)行登陸

10、然后對(duì)后臺(tái)進(jìn)行管理。后臺(tái)管理設(shè)置的初始用戶名和密碼分別為admin，admin，若用戶名和密碼輸入錯(cuò)誤，則提示用戶名或密碼輸入錯(cuò)誤。 2）系統(tǒng)管理模塊 在這個(gè)模塊中，管理員可以對(duì)前臺(tái)首頁公告欄顯示的公告進(jìn)行增加，刪除，修改等操作?？梢孕薷墓芾韱T登陸名和登陸密碼，再就是對(duì)前臺(tái)顯示的個(gè)人信息進(jìn)行增，刪，改的基本操作。 3）文章、圖片管理模塊 文章和圖片管理模塊為管理員提供了能夠?qū)ξ恼?，圖片信息的一些基本可行性操作，比如增加，修改，刪除，還可以上傳新的文章和圖片。在上傳文章的時(shí)候，文章標(biāo)題限制為20個(gè)字符。 4）留言管理模塊 在留言管理里模塊中，管理員可以對(duì)前臺(tái)留言進(jìn)行審核，若審核通過才

11、能在前臺(tái)留言板中顯示。 個(gè)人主頁 普通用戶 管理員用戶 瀏覽文章 發(fā)表留言 發(fā)表評(píng)論 文章管理 公告管理 瀏覽文章 留言管理 評(píng)論管理 圖片管理 系統(tǒng)配置 圖3.3 系統(tǒng)模塊示意圖 四、數(shù)據(jù)庫設(shè)計(jì) 1數(shù)據(jù)庫的邏輯設(shè)計(jì) 這個(gè)系統(tǒng)需要使用數(shù)據(jù)庫來存儲(chǔ)相關(guān)的信息。數(shù)據(jù)庫是整個(gè)系統(tǒng)的基礎(chǔ)，只有將數(shù)據(jù)庫框架搭建起來，才能完成子模塊的編輯、實(shí)施。規(guī)劃出的實(shí)體有管理員，文章，圖片，留言，評(píng)論。為方便數(shù)據(jù)的維護(hù)及數(shù)據(jù)的有效擴(kuò)充，我們采用的數(shù)據(jù)庫開發(fā)工具是ACCESS 2000 ，數(shù)據(jù)庫名稱為z

12、huye.mdf此數(shù)據(jù)庫中創(chuàng)建7個(gè)表，分別為: 表4.1 用戶表 表4.2 登陸記錄表 表4.3 文章記錄表 表4.4 個(gè)人記錄表 表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("pcfina

13、l.mdb") conn.Open strConn %> 五、詳細(xì)設(shè)計(jì) 1 系統(tǒng)前臺(tái)設(shè)計(jì) 前臺(tái)首頁中分有導(dǎo)航欄，公告，信息管理，文章顯示，圖片顯示這幾個(gè)框架。其中導(dǎo)航欄中分有網(wǎng)站首頁，文章日記，我的相冊(cè)，在線留言，關(guān)于我這幾個(gè)子模塊。文章日記和我的相冊(cè)里面包含有后臺(tái)中上傳的一些文章和相冊(cè)，用戶可以在首頁中點(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)首頁 2 系統(tǒng)后臺(tái)設(shè)計(jì) (1)系統(tǒng)后臺(tái)登陸界面設(shè)計(jì) 用戶

14、輸入用戶名和密碼以后，然后在數(shù)據(jù)庫中查詢用戶信息表，如果能夠找到該記錄，則用戶是合法用戶，可進(jìn)入系統(tǒng)進(jìn)行后臺(tái)管理，如果輸入有誤或沒有輸入，則提示用戶“輸入有誤，請(qǐng)重新輸入”。 后臺(tái)登陸界面如圖5.2所示。 圖5.2 后天登陸界面 登陸部分代碼如下：<% Dim username,password username=request.Form("username") password=request.Form("password") if username="" then response.Write"" response.end end if if password="" then response.Write"" response.end end if %> <% password=md5(password) set rs=server.CreateObject("adodb.rec

16、ordset") sql="select * from admin where A_username="&username&" and A_password="&password&"" rs.open sql,conn,1,1 if rs.eof then call close_rs call close_conn response.Write"" response.end else session("username")=rs("A_username") call close_

17、rs call close_conn response.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)站首頁關(guān)于我中顯示的個(gè)人信息進(jìn)行修改。系統(tǒng)管理界面如圖5.3所示。 圖5.3系統(tǒng)管理界面 修改公告部分代碼如下： <% dim P_content P_content=request.form("textarea") P_content=replace(P_conte

18、nt," ","  ") 空格 P_content=replace(P_content,vbcrlf,"
") 回車 %> <% set rs=server.CreateObject("adodb.recordset") sql="select * from gonggao" rs.open sql,conn,1,3 rs("P_content")=P_content rs.update call close_rs cal

19、l close_conn response.Write"" %> （3）文章管理設(shè)計(jì) 文章管理模塊分2個(gè)子模塊，分別為添加文章和管理文章。添加文章能夠添加新的文章，文章標(biāo)題不得多余20個(gè)字符。添加的文章將保存在數(shù)據(jù)庫中，然后在前臺(tái)首頁的文章日記中顯示出來。管理文章模塊就是可以對(duì)現(xiàn)有的文章進(jìn)行修改和刪除操作。文章管理模塊界面如圖5.4所示。 圖5.4 文章管理界面 添加文章部分代碼如下： <% dim D_title,D_content,id

20、 id=request.QueryString("id") D_title=request.form("biaoti") D_content=request.form("textarea") D_content=replace(D_content," ","  ") 空格 D_content=replace(D_content,vbcrlf,"
") 回車 if D_title = "" or D_content = "" then response.write "" response.end else %> <% set rs=server.CreateObject("adodb.recordset") sql="select * from diary where ID="&id rs.open sql,conn,1,3 rs("D_title")=D_title rs("D_content")=D_content rs("D_date")=formatdatetime(date(),0)

22、 rs.update call close_rs call close_conn response.Write"" end if %> （4）圖片管理設(shè)計(jì) 圖片管理模塊也分2個(gè)子模塊，分別是上傳圖片和管理圖片。上傳圖片模塊中可以添加新的圖片，并且實(shí)時(shí)的在前臺(tái)首頁我的相冊(cè)中顯示出來。管理圖片可以對(duì)已有的圖片進(jìn)行修改和刪除操作。圖片管理界面上傳圖片界面如圖5.5所示。 圖5.5 圖片上傳界面 上傳圖片部分代碼如下： <%

23、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.update call close_rs ca

24、ll close_conn response.Write"" %> （5）留言管理設(shè)計(jì) 留言管理中管理員可以對(duì)前臺(tái)首頁中的評(píng)論進(jìn)行審核。審核通過了，該留言才會(huì)在前臺(tái)首頁的留言板中顯示出來。管理員還可以對(duì)留言進(jìn)行回復(fù)并且有可以刪除留言或評(píng)論的能力。留言管理界面如圖5.6所示。 圖5.6 留言管理界面 六、結(jié)束語 從我進(jìn)入大學(xué)以來，我得到了學(xué)校老師的精心培養(yǎng)，學(xué)得了很多的知識(shí)。在各位老師和同學(xué)們的精心幫助下，終于完成了個(gè)人主頁網(wǎng)站，其

25、功能達(dá)到了預(yù)期的目的，能夠適合實(shí)際的工作需要，對(duì)提高工作效率很有效果。但是由于時(shí)間和技術(shù)上的原因，本系統(tǒng)還有很多的不足，需要今后進(jìn)一步的開發(fā)。 在這次的課程設(shè)計(jì)中，讓我深深地體會(huì)到進(jìn)行軟件開發(fā)不是一件簡(jiǎn)單的事情，它需要設(shè)計(jì)者具有全面的專業(yè)知識(shí)、縝密的思維、嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度以及較高的分析問題、解決問題的能力，而我在很多方面還有缺陷。 最后，衷心的感謝各位老師的指導(dǎo)和同學(xué)對(duì)我的幫助，使我能夠及時(shí)、順利的完成本次課程設(shè)計(jì)。 參考文獻(xiàn) [1] 馮昊. ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與上機(jī)指導(dǎo)[M]北京：清華大學(xué)出版社，2002 [2] 楊冀川. ASP動(dòng)態(tài)網(wǎng)站設(shè)計(jì)實(shí)戰(zhàn)[M]北京：機(jī)械工業(yè)出版社，20

26、00 [3] 沈大林. Dreamweaver Flash Fireworks三合一教程[M].北京：電子工業(yè)出版社，2001 [4] Mike Morrison , Jonline Morrison.數(shù)據(jù)庫的WEB站點(diǎn)[M] 北京：清華大學(xué)出版社，2002 [5] 楊威. ASP3.0網(wǎng)絡(luò)開發(fā)技術(shù)[M].北京：人民郵電出版社，2001 [6] 余雷，周松建. ASP.NET應(yīng)用開發(fā)百例[M] 北京：清華大學(xué)出版社，2003 [7] 李勁. 精通ASP數(shù)據(jù)庫設(shè)計(jì)[M].北京：科學(xué)出版社，2001 [8] 黃斯偉，王瑋. HTML4.0使用祥解[M].北京：人民郵電出版社，1999 [9] 白鑒聰，王進(jìn). JavaScript網(wǎng)頁效果大師[M]. 北京：機(jī)械工業(yè)出版社,2001 [10] 武蒼林，羅晃. Web數(shù)據(jù)庫的ASP開發(fā)方案[J].計(jì)算機(jī)工程與科學(xué)，1999：21(1):65-68 第 12 頁 共 12 頁