ASP個人主頁課程設計

《ASP個人主頁課程設計》由會員分享，可在線閱讀，更多相關《ASP個人主頁課程設計（14頁珍藏版）》請在裝配圖網上搜索。

1、 基于ASP技術的個人主頁系統(tǒng)設計與開發(fā) 中文摘要：網絡快速發(fā)展使上網已成為一種潮流,人們可以從網上傳播和獲取信息來了解身邊的瑣事、國事、天下事,而網頁則是信息的基本載體,也許你是個網蟲；也許你是初識網絡,或者上網沒多久,當你看到這些花花綠綠的網頁時,是否心動？是不是很羨慕？別人這個虛擬的世界里都能擁有一片屬于自己的空間,展現(xiàn)自己獨特才華、個性的時空,是不是也渴望在那密密麻麻的空間里占有一席之地呢？來展現(xiàn)自己的獨特個性。 關鍵詞：網頁制作,個人主頁,網絡 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 運行需求 1 三、總體設計 2 1基本設計概論與處理流程 2 2 模塊設計 3 四、數據庫設計 5 1數據庫的邏輯設計 5 2數據庫連接 6 五、詳細設計 6 1 系統(tǒng)前臺設計 6 2 系統(tǒng)后臺設計 7 (1)系統(tǒng)后臺登陸界面設計 7 （2）系統(tǒng)管理設計 8 （3）文章管理設計 9 （4）圖片管理設計 10 （5）留言管理設計 11

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

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

7、代碼量，對程序員開發(fā)WEB應用程序提供了完備的技術支持。也使得開發(fā)出來的WEB應用程序具有更好的擴展性，能夠運行于不同的操作平臺之下。 后臺數據庫采用ACCESS 數據庫，該數據庫與asp同屬微軟產品，在接口、性能支持上比其它數據庫達到更好的效果。因此，本網站的開發(fā)在技術上是可行的。 二、系統(tǒng)需求分析 1系統(tǒng)需求 本課題為Web應用的信息管理系統(tǒng)，目的在于可以讓用戶更方便、快捷的發(fā)布信息，實現(xiàn)便利、人性化的信息交流平臺，支持管理員的后臺信息管理。為了使網站具有一定的安全行，管理員可以對密碼進行修改。 2功能需求 普通用戶可以瀏覽文章和圖片，還可以進行留言和評論。 管理

8、員可以對系統(tǒng)進行一下操作： 1）管理系統(tǒng)配置：可以對web的一些系統(tǒng)配置進行管理。 2）管理文章信息：可以對已有文章進行增加，刪除，修改。并且可以上傳新的文章。 3）管理圖片信息：可以上傳新的圖片，同時也可以對現(xiàn)有的圖片進行增加，刪除，修改。 4）管理留言信息：對新的留言要進行審核，必須通過審核留言才會有效通過。 3 運行需求 服務器端配置： （1）搭建web服務器，安裝IIS系統(tǒng)組件 （2）安裝Access后臺數據庫 客戶端配置 Internet Explorer瀏覽器 三、總體設計 1基本設計概論與處理流程 前臺普通用戶首先登陸主頁，然后可以瀏覽文章，圖片，再

9、就是可以留言和評論，并且可以看到主頁的一些基本信息。普通用戶操作流程如圖3.1 開 始 注 銷 瀏覽文章 結 束 發(fā)表評論 發(fā)表留言 瀏覽文章 管理員回復 圖3.1 普通用戶操作流程圖 后臺管理員可以對前臺顯示的文章，圖片進行修改?？梢愿墓鏅谥械墓婧蛡€人信息，還能對留言評論進行管理。系統(tǒng)管理員操作流程如圖3.2. 開始 登錄 注銷 文章管理 登錄失敗 登錄成功 結束 公告管理 評論管理 留言管理 圖片管理 系統(tǒng)配置 圖3.2 后臺管理流程圖 2 模塊設計 1）管理員登陸模塊 管理員可以通過登陸模塊進行登陸

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

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

12、huye.mdf此數據庫中創(chuàng)建7個表，分別為: 表4.1 用戶表 表4.2 登陸記錄表 表4.3 文章記錄表 表4.4 個人記錄表 表4.5 公告文章表 表4.6 留言表 表4.7圖片上傳表 2數據庫連接 <% 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 %> 五、詳細設計 1 系統(tǒng)前臺設計 前臺首頁中分有導航欄，公告，信息管理，文章顯示，圖片顯示這幾個框架。其中導航欄中分有網站首頁，文章日記，我的相冊，在線留言，關于我這幾個子模塊。文章日記和我的相冊里面包含有后臺中上傳的一些文章和相冊，用戶可以在首頁中點擊瀏覽。在先留言是為用戶在網站中提供的一個小型聊天、評論平臺，可以對文章或圖片進行評論，還可以給網站個人留言，關于我中顯示的是網站個人的一些基本信息。前臺的各個模塊具體分布如圖5.1所示。 圖5.1 前臺首頁 2 系統(tǒng)后臺設計 (1)系統(tǒng)后臺登陸界面設計 用戶

14、輸入用戶名和密碼以后，然后在數據庫中查詢用戶信息表，如果能夠找到該記錄，則用戶是合法用戶，可進入系統(tǒng)進行后臺管理，如果輸入有誤或沒有輸入，則提示用戶“輸入有誤，請重新輸入”。 后臺登陸界面如圖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)管理設計 系統(tǒng)管理可分3個模塊，公告管理、修改賬號、個人信息。公告管理中可以修改和重置公告欄中的內容。修改賬戶模塊里面可以修改管理員賬號和密碼。個人信息模塊可中可以對網站首頁關于我中顯示的個人信息進行修改。系統(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）文章管理設計 文章管理模塊分2個子模塊，分別為添加文章和管理文章。添加文章能夠添加新的文章，文章標題不得多余20個字符。添加的文章將保存在數據庫中，然后在前臺首頁的文章日記中顯示出來。管理文章模塊就是可以對現(xià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）圖片管理設計 圖片管理模塊也分2個子模塊，分別是上傳圖片和管理圖片。上傳圖片模塊中可以添加新的圖片，并且實時的在前臺首頁我的相冊中顯示出來。管理圖片可以對已有的圖片進行修改和刪除操作。圖片管理界面上傳圖片界面如圖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）留言管理設計 留言管理中管理員可以對前臺首頁中的評論進行審核。審核通過了，該留言才會在前臺首頁的留言板中顯示出來。管理員還可以對留言進行回復并且有可以刪除留言或評論的能力。留言管理界面如圖5.6所示。 圖5.6 留言管理界面 六、結束語 從我進入大學以來，我得到了學校老師的精心培養(yǎng)，學得了很多的知識。在各位老師和同學們的精心幫助下，終于完成了個人主頁網站，其

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

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