基于ASP博客網(wǎng)站設(shè)計報告

PAGEPAGE8asp個人網(wǎng)站設(shè)計報告班級：計本08-2班姓名：小饒學(xué)號：3081817223指導(dǎo)老師：某某某目錄1設(shè)計概況 12系統(tǒng)功能 12.1用戶登錄功能 12.2個人日志功能 22.3個人相冊功能 22.4留言板功能 23設(shè)計步驟 23.1用戶登錄功能 33.2個人主頁 33.3個人相冊功能 33.4留言板功能 44作品界面 55設(shè)計總結(jié) 66參考文獻(xiàn) 77代碼清單 71設(shè)計概況隨著網(wǎng)民數(shù)量的飛速增長，個人主頁網(wǎng)站也在快速的增加。目前各大網(wǎng)站都相繼推出了博客頻道，把個人網(wǎng)站推向了高潮。個人網(wǎng)站作為一種新的表達(dá)方式，它傳播大量的智慧、意見和思想。從某種意義上說，它也是一種新的文化的象征，個人網(wǎng)站的出現(xiàn)和繁榮，真正體現(xiàn)了網(wǎng)絡(luò)的知識價值，標(biāo)志著互聯(lián)網(wǎng)發(fā)展邁向更高的階段。本課題為Web應(yīng)用的管理系統(tǒng)，目的在于可以讓用戶更方便、快捷的發(fā)布信息，實現(xiàn)便利、人性化的信息交流平臺，運用Access數(shù)據(jù)庫和Dreamweaver8.0開發(fā)平臺。DreamweaverV8.0提供了一種基于組件的、可擴(kuò)展的且易于使用的方法，用于構(gòu)建、部署和運行供所有在瀏覽器或移動設(shè)備中使用web應(yīng)用。Dreamweaver8.0繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網(wǎng)頁。Access它具有界面友好、易學(xué)易用、開發(fā)簡單、接口靈活等特點，是典型的新一代桌面數(shù)據(jù)庫管理系統(tǒng)。其個人主頁包括用戶的登錄、注冊和個人日志、相冊、留言板一共五個模塊。2系統(tǒng)功能2.1用戶登錄功能根據(jù)用戶提交的用戶名和密碼判別賬號是否合法。如果賬號密碼不匹配，轉(zhuǎn)向登錄失敗頁面，否則轉(zhuǎn)向登錄成功頁面。在提交前也需要合法性驗證，確保用戶輸入的用戶名和密碼不為空。2.2個人日志功能登錄成功后，頁面跳轉(zhuǎn)到個人主頁界面。在主頁上顯示個人日志和相冊的框架，點擊個人日志即可進(jìn)入個人日志界面?？筛鶕?jù)顯示的目錄展開全部的文章。2.3個人相冊功能登錄成功后，頁面跳轉(zhuǎn)到個人主頁界面。在主頁上顯示個人日志和相冊的框架，點擊個人相冊即可進(jìn)入個人相冊界面。點擊圖片即通過鏈接會顯示相應(yīng)相冊的圖片，可一頁頁翻動圖片，使相冊逼真動人。2.4留言板功能進(jìn)入留言板功能，輸入名字，和所要留言的內(nèi)容，確定留言即可在頁面上顯示剛發(fā)表的留言內(nèi)容，同時會顯示個人頭像的圖片。3設(shè)計步驟3.1用戶登錄功能在登錄表單中，要求用戶必須輸入用戶名和密碼，才能向服務(wù)器提交表單，也就是“用戶名稱”和“用戶密碼”文本框不能為空。用腳本完成驗證的功能。單擊“應(yīng)用程序\服務(wù)器行為”面板上左上角的加號（+）按鈕，在彈出的菜單中選擇“登錄用戶”對話框，分別在“用戶名字段”“密碼字段”下拉列表框中選擇登錄表單中對應(yīng)用戶名和密碼的文本框名稱，在“使用連接驗證”下拉列表框選擇數(shù)據(jù)庫連接“connMemSystem”，在“表格”下框中選擇用戶資料所在的數(shù)據(jù)表“user”。3.2個人主頁新建動態(tài)ASP網(wǎng)頁Default.aspx，在設(shè)計視圖中，插入表格，在“屬性”面板中“背景圖像”選擇所需要的背景圖片。在單元格中輸入標(biāo)題、內(nèi)容，在屬性中選擇超鏈接，選擇所要顯示文章的具體位置。3.3個人相冊功能新建動態(tài)ASP網(wǎng)頁，在設(shè)計視圖中，插入表格，在表格中插入圖片，選擇所需要的照片。右擊圖片選擇“屬性”，選擇“創(chuàng)建鏈接”，選擇對應(yīng)的相冊。則運行時就可看到生動的個人相冊。4作品界面圖4-1用戶登錄界面圖4-2后臺管理界面圖4-3個人博客主界面5設(shè)計總結(jié)本次課程設(shè)計的開發(fā)過程中，我全面的把web編程方法應(yīng)用到系統(tǒng)軟件的開發(fā)過程運用到實踐中。在剛開始編寫程序的時候，我看到別人編寫的程序運行的界面不但美觀，而且內(nèi)容非常詳細(xì)。并且功能非常全面，還利用了各種不同的方法。而且我總是希望自己也能夠編出像他們一樣完善的程序。但是，經(jīng)過學(xué)習(xí)和實踐后，我發(fā)現(xiàn)編寫一個優(yōu)秀的程序絕不是一蹴而就的事情，它需要長時間的積累和豐富的經(jīng)驗才能達(dá)到的。我認(rèn)清楚自己的能力后，我就特別注意在編程的過程中不貪圖大而全，而是根據(jù)主鍵的能力，制定適當(dāng)?shù)哪繕?biāo)，因為學(xué)習(xí)是一個緩慢的過程，是一點點的積累的過程。由于知識淺薄，經(jīng)驗不足及閱歷頗淺更不用說，因此，在該系統(tǒng)的設(shè)計還有很多不足。比如：功能過少、功能考慮不夠完善、界面不夠整齊美觀等問題。我會在今后的學(xué)習(xí)和使用過程中根據(jù)學(xué)習(xí)的具體要求不斷修改、完善，爭取使該系統(tǒng)慢慢的趨向完善的狀態(tài)。在該課程設(shè)計過程和論文編寫過程中，很多的老師、朋友和同學(xué)都給了我許多無私的幫助，尤其是我的老師給我的程序編寫提出了很多寶貴的意見。在這里我向這些無私的幫助我的人表示衷心的感想。6參考文獻(xiàn)1.劉端陽，黎衛(wèi)東，黃炳強(qiáng).Dreamweaver8+ASP動態(tài)網(wǎng)站開發(fā).北京：人民郵電出版社,2006.72.李欽,邵澤才,馮梅.WEB數(shù)據(jù)庫程序設(shè)計.北京:清華大學(xué)出版社,2005.63.孫素華.Dreamweaver8&&ASP動態(tài)網(wǎng)頁設(shè)計.北京：中國青年電子出版社,2007.24.劉振巖.基于.NET的Web程序設(shè)計[M].北京：電子工業(yè)出版社,2006.35.魏善沛.Web數(shù)據(jù)庫基礎(chǔ)教程.北京：中國鐵道出版社,2009.76.龍馬工作室.典型網(wǎng)站建設(shè)實例精講.北京：人民郵電出版社，2005.17【代碼清單】用戶留言模塊代碼：usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;publicpartialclassMessageBoard:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}protectedvoidbtnAddNewLeaveMessage_Click(objectsender,EventArgse){stringface1="";stringnickName1="";stringleaveMessage1="";if(btnface01.Checked)face1="face01.jpg";elseif(btnface02.Checked)face1="face02.jpg";elseif(btnface03.Checked)face1="face03.bmp";elseif(btnface04.Checked)face1="face04.jpg";elseif(btnface05.Checked)face1="face05.jpg";elseif(btnface06.Checked)face1="face06.jpg";elseif(btnface07.Checked)face1="face07.gif";elseif(btnface08.Checked)face1="face08.bmp";nickName1=txtNickName.Text;leaveMessage1=txtLeaveMessageNew.Text;boolisOk=AccessMainDB.addNewLeaveMessage(face1,nickName1,leaveMessage1);if(!isOk)Response.Write("沒有留言成功");Response.Redirect("MessageBoard.aspx");}}用戶登錄模塊代碼<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="Admin_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><headrunat="server"><title>桂林理工大學(xué)個人博客管理登錄頁面</title><styletype="text/css"><!--*{ margin:0; padding:0;}body{ background-color:#3b5998;}#loginBox{ background-image:url(../images/admin/adminLogin.jpg); background-repeat:no-repeat; height:400px; width:600px; margin:0pxauto; margin-top:100px; position:relative;}#loginBox.loginTextBox{ position:absolute; height:100px; width:266px; left:240px; top:166px; color:#900; font-size:14px; line-height:30px;}--></style></head><body><formid="form1"runat="server"><div><divid="loginBox"><divclass="loginTextBox"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><tr><tdwidth="31%"align="right">用戶名：</td><tdwidth="69%"><asp:TextBoxID="txtUserName"runat="server"Width="144px"></asp:TextBox></td></tr><tr><tdalign="right">密碼：</td><td><asp:TextBoxID="txtPassword"runat="server"TextMode="Passwo