校友網站設計項目任務書

-z.課程大作業(yè)校友錄網站應用設計課程名稱：web程序設計班級：B*1010**：33姓名：許亞林指導教師：胡靜2103年12月2日2013年12月5日目錄目錄1概述32論文綜述：〔要求寫十篇論文的綜述，以及采用技術路線〕32.1ASP.Net平臺概述32.2動態(tài)網頁概述32.3SQLServer數據庫簡介32.4ADO.NET概述32.5VisualStudio2005概述33信息收集與需求分析：3任務布置〔完成的作業(yè)如有雷同，按不及格處理〕3〔一〕網站設計31、默認頁設計31〕頁面控件32〕頁面功能概述3〔1〕首頁設計32、注冊頁，修改頁面設計33.論壇設計34.搜索頁面設計35相冊頁面設計3二、數據庫設計31、概念設計—“E-R圖設計〞32、邏輯設計—“關系模型設計〞33、物理設計—“數據表設計〞〔包括主鍵的設計〕31〕用戶表32〕信息表33〕班級表34〕留言表35〕相冊表36〕論壇表3參考文獻3附：系統(tǒng)設計報告〔不允許雷同〕3概述本工程為一個校友錄系統(tǒng)。校友錄網站功能共分為兩大局部：用戶個人信息功能和班級功能。用戶個人信息功能中包含：創(chuàng)立新賬號〔包含用戶個人信息〕、編輯用戶個人信息以及上傳更新用戶個人頭像。班級功能中包含：搜索班級、創(chuàng)立學校、創(chuàng)立班級、參加班級、班級留言、班級相冊、上傳相冊以及相冊留言等功能。該校友錄系統(tǒng)的前臺網站是使用ASP.NET開發(fā)，后臺系統(tǒng)采用SQLServer2005作為數據庫，學生將通過實施該系統(tǒng)解決方案，學習到網站應用程序架設的全過程，掌握數據庫系統(tǒng)的開發(fā)、實現和維護，該案例教學要求學生從信息收集開場，逐步進展系統(tǒng)需求分析、系統(tǒng)概要設計與詳細設計、系統(tǒng)編碼及調試、系統(tǒng)維護等任務。在企業(yè)中部署工程的時候，需要遵循嚴格的工程流程。通常，工程流程會被細化為假設干個階段的工作，并且這些工作是周始往復的，這種流程被稱作生命周期，如圖1-1所示。圖11工程開發(fā)的生命周期在信息收集階段，必須了解系統(tǒng)中數據的組成，確定所需的數據是已經存在還是需要新建。如在我們的校友錄系統(tǒng)中，需要確定系統(tǒng)的使用者，他們對系統(tǒng)的功能要求〔如可留言、可上傳相片〕等。這一階段，系統(tǒng)調研人員必須詳盡了解系統(tǒng)使用者對于系統(tǒng)的功能要求。需求分析的主要任務是：詳細調查現實世界要處理的對象〔組織、部門、企業(yè)等〕；充分了解系統(tǒng)的概況；明確用戶的各種需求；確定系統(tǒng)的功能。這一階段我們將根據用戶的描述將校友錄系統(tǒng)的總體功能劃分為兩個子功能模塊：用戶個人信息功能模塊和班級功能模塊。用戶個人信息功能模塊中包含：創(chuàng)立新賬號〔包含用戶個人信息〕、編輯用戶個人信息以及上傳更新用戶個人頭像。班級功能模塊中包含：搜索班級、創(chuàng)立學校、創(chuàng)立班級、參加班級、班級留言、班級相冊、上傳相冊以及相冊留言等功能。設計階段可劃分為：概念構造設計階段，邏輯構造設計階段和物理構造設計階段。概念構造設計是整個系統(tǒng)設計的關鍵，通過對用戶需求進展綜合、歸納與抽象，形成一個獨立于具體數據庫管理系統(tǒng)〔DBMS〕的概念模型。對于我們的校友錄系統(tǒng)，就是要確定哪些可以做為實體，哪些做為屬性以及確定實體間的聯(lián)系，并設計出E-R圖。邏輯構造設計是將概念構造轉換為*個DBMS所支持的數據模型。這里我們把E-R圖轉換為關系模式。物理設計階段是為邏輯數據模型選取一個最適合應用環(huán)境的物理構造〔包括存儲構造和存取方法〕。在部署和試運行階段，運用DBMS提供的數據語言、工具及宿主語言，根據邏輯設計和物理設計的結果建立數據庫，編寫與調試應用程序，組織數據入庫，并進展試運行。同時預估數據庫系統(tǒng)的工作量，確定系統(tǒng)的平安性，預期系統(tǒng)的存儲和內存需求；然后把新的數據庫從測試環(huán)境中遷移到實際環(huán)境中進展使用。當系統(tǒng)開場運行之后，需要持續(xù)地負責保證系統(tǒng)的可用性、進展性能的監(jiān)視、性能調優(yōu)〔此局部不在本案例討論范圍〕、進展數據備份和恢復，同時進展權限的管理。同理，網頁的布局與頁面設計與非常的重要，它關系到整個網站對用戶的吸引力和重要性。下面從需求分析開場，設計并完成整個網站的建立工程。論文綜述：〔要求寫十篇論文的綜述，以及采用技術路線〕2.1ASP.Net平臺概述ASP是目前非常流行的開放式的Web效勞器應用程序開發(fā)技術。ASP指ActiveServerPages〔動態(tài)效勞器頁面〕。ASP.Net是新一代Web應用程序開發(fā)平臺，它為用戶提供了完整的可視化開發(fā)環(huán)境，它利用普通語言CLR運行時〔CommonLanguageRuntime〕在效勞器后端為用戶提供建立強大的企業(yè)級Web應用效勞的編程框架。ASP．NET是建立在．NETFrame之上，使用VisualBasic、C#這樣模塊化程序設計語言。它要第一次使用時進展編譯，之后的執(zhí)行不需要重新編譯就可以直接運行，所以速度和效率比ASP提高很多。同時它還具有代碼的可重用性、可維護性和代碼量相對較少等諸多優(yōu)點。ASP．NET不僅僅是下一版本的ActiveSenverPage(ASP)；它是統(tǒng)一的Web開發(fā)平臺，用來提供開發(fā)人員快速生成企業(yè)級web應用程序，所需的效勞ASP．NET的語法在很大程度上與ASP兼容。由于ASP本身的局限性使得系統(tǒng)有一些不可克制的缺陷，而采取了ASP．NET技術的系統(tǒng)性能上有了很大的改善：1)ASP．NET頁面只需要一次編譯后不需要重新編譯，直到該頁面被修改或WEB應用。程序重新啟動，極大提升屢次訪問時的速度；2)ASP．NET通過ADO．NET提供的DataGrid等數據庫元件可以直接和數據庫聯(lián)系；3)ASP．NET采取“code—behind〞方式編寫代碼使得代碼易于編寫，構造更清晰，降低了系統(tǒng)的開發(fā)與維護的復雜度和費用。同時它還提供一種新的編程模型和構造，用于生成更平安，可伸縮和穩(wěn)定的應用程序。2.2動態(tài)網頁概述所謂的動態(tài)網頁，是指跟靜態(tài)網頁相對的一種網頁編程技術。靜態(tài)網頁，隨著html代碼的生成，頁面的內容和顯示效果就根本上不會發(fā)生變化了——除非你修改頁面代碼。而動態(tài)網頁則不然，頁面代碼雖然沒有變，但是顯示的內容卻是可以隨著時間、環(huán)境或者數據庫操作的結果而發(fā)生改變的。值得強調的是，不要將動態(tài)網頁和頁面內容是否有動感混為一談。這里說的動態(tài)網頁，與網頁上的各種動畫、滾動字幕等視覺上的動態(tài)效果沒有直接關系，動態(tài)網頁也可以是純文字內容的，也可以是包含各種動畫的內容，這些只是網頁具體內容的表現形式，無論網頁是否具有動態(tài)效果，只要是采用了動態(tài)網站技術生成的網頁都可以稱為動態(tài)網頁?？傊?，動態(tài)網頁是根本的html語法標準與Java、VB、VC等高級程序設計語言、數據庫編程等多種技術的融合，以期實現對網站內容和風格的高效、動態(tài)和交互式的管理。因此，從這個意義上來講，但凡結合了HTML以外的高級程序設計語言和數據庫技術進展的網頁編程技術生成的網頁都是動態(tài)網頁。從網站瀏覽者的角度來看，無論是動態(tài)網頁還是靜態(tài)網頁，都可以展示根本的文字和圖片信息，但從網站開發(fā)、管理、維護的角度來看就有很大的差異。早期的動態(tài)網頁主要采用公用網關接口CGI〔CommonGatewayInterface〕技術。您可以使用不同的程序編寫適合的CGI程序，如VisualBasic、Delphi或C/C++等。雖然CGI技術已經開展成熟而且功能強大，但由于編程困難、效率低下、修改復雜，所以有逐漸被新技術取代的趨勢。與靜態(tài)網頁相對應的，能與后臺數據庫進展交互，數據傳遞。也就是說，網頁URL的后綴不是.htm、.html、.shtml、.*ml等靜態(tài)網頁的常見形動態(tài)網頁制作格式，而是以.asp*、.asp、.jsp、.php、.perl、.cgi等形式為后綴，并且在動態(tài)網頁網址中有一個標志性的符號——“?〞。動態(tài)網頁可以用visualstudio2008等來實現。2.3SQLServer數據庫簡介Microsoft的SQLServer作為眾多數據庫軟件的一種，是網絡世界的一個支撐。從20世紀80年代后期開發(fā)SQLServer，到2005年底SQLServer2005的發(fā)布，Microsoft歷經十幾年的磨練，使SQLServer從無到有，從小到大，而且新一代的SQLServer已經開場逐漸成為Windows操作系統(tǒng)未來的核心，成為主流數據庫軟件。SQLServer2005是一個全面的數據庫平臺，其數據引擎是企業(yè)數據管理解決方案的核心。集成的商業(yè)智能(BI)工具、分析、報表、集成和通知功能為用戶提供了企業(yè)級的數據管理。SQLServer2005數據庫引擎為關系型數據和構造化數據提供了更平安可靠的存儲功能，可以構建和管理用于業(yè)務的高可用和高性能的數據應用程序。此外，應用SQLServer2005可通過記分卡、Dashboard、Webservices和移動設備將數據應用推向業(yè)務的各個領域。與MicrosoftVisualStudio、MicrosoftOfficeSystem以及新的開發(fā)工具包(包括BusinessIntelligenceDevelopmentStudio)的嚴密集成使SQLServer2005與眾不同。SQLServer2005可以為開發(fā)人員、數據庫管理員、信息工作者以及決策者提供創(chuàng)新的解決方案，幫助用戶從數據中獲得更多的收益。2.4ADO.NET概述ASP.NET作為Web應用程序的開發(fā)工具，可以用來開發(fā)前臺應用程序界面，但是對后臺數據庫的操作就有些力不從心，而ADO.NET則是專門針對數據庫進展操作，而且專門為SQLServer數據庫定義了一系列的操作標準以及操作函數、方法、對象。將它們結合在一起，可以使得系統(tǒng)得到完美的結合，并使它們充分發(fā)揮各自的優(yōu)點。ADO.NET訪問SQLServer數據庫時可通過SQLConnetion、SqlCommand、SqlDataAdapter、DataSet、DataView等幾個主要的數據訪問對象來訪問數據。在用戶對SQLServer進展了數據庫連接后即可對數據庫中的數據進展查詢、添加、修改、刪除等操作。2.5VisualStudio2005概述VisualStudio2005是Microsoft的第二代開發(fā)工具VisualStudio.NET的最新版本，用于快速構建和部署功能強大而平安的.NET應用程序。為解決今天最具挑戰(zhàn)性的軟件開發(fā)需要而構建的VisualStudio2005進一步完善并增強了VisualStudio.NET2003的功能，新的IDE環(huán)境更高效，更人性化，并與舊版本產品高度兼容。VisualStudio.NET自VisualStudio6.0開展而來，相比之下，新版本最明顯的變化就是VisualStudio.NET是一個通用的開發(fā)環(huán)境，這表達在兩個方面：一是為C++、C#和VB提供了一個通用的開發(fā)環(huán)境；二是可以創(chuàng)立多種類型的應用程序。不像過去那樣，VB開發(fā)人員使用VisualBasic，而Web開發(fā)則使用另外的一個工具VisualInterDev。開發(fā)人員可以使用VisualStudio.NET來：構建功能強大而且響應能力極好的基于Windows的應用程序。構建功能強大而且響應能力極好的PocketPC應用程序。構建完善而平安的Web應用程序。構建對設備有智能感知能力的完善而平安的移動Web應用程序。在以上任何一種應用程序中使用*MLWebServices。消除代價高昂的應用程序部署和維護問題。VisualStudio.NET是唯一的從頭至尾都是基于通過*MLWebService進展集成這一思想而構建的環(huán)境。它允許應用程序通過Internet共享數據，*MLWebServices使開發(fā)人員能夠利用新的和現有的代碼構建應用程序，而不用考慮平臺、編程語言或對象模型。信息收集與需求分析：通常，校友錄網站的操作流程如下所示：1、新用戶通過注冊系統(tǒng)，獲得用戶登錄賬號。同時發(fā)送用戶賬號信息以及個人信息到后臺數據庫相關表進展存儲。2、注冊用戶可修改登錄密碼、個人信息及個人頭像，并將數據發(fā)送到后臺數據庫相關表進展更新。3、注冊用戶可通過搜索功能進展同學、班級以及學校搜索，并可參加搜索到的相關班級，同時將相關數據發(fā)送到后臺數據庫相關表進展更新。如果沒有搜索到學?；虬嗉?，則可創(chuàng)立新的學?；虬嗉?。4、用戶登錄進入校友錄后，可以通過數據庫的查詢列舉所參加的所有班級。5、班級成員可在班級首頁的留言板或班級留言板中進展留言，同時發(fā)送相關留言信息到后臺數據庫相關表進展存儲。6、班級成員可在上傳照片頁面中上傳相片到所屬的所有班級，同時發(fā)送相關留言信息到后臺數據庫相關表進展存儲。7、班級成員可在班級相冊頁面內對照片進展評論，同時發(fā)送相關評論信息到后臺數據庫相關表進展存儲。任務布置〔完成的作業(yè)如有雷同，按不及格處理〕1.網站設計根據需求分析，作出所需的頁面設計并實現?！部匆娝性O計的頁面〕2.數據庫設計根據需求分析，作出E-R圖，并把E-R圖轉換為關系模式〔每一實體和多對多聯(lián)系轉換為關系模式〕?！仓恍杩匆姳砀窦纯伞场惨弧尘W站設計下面是網站內部頁面的主要組成：新用戶注冊新用戶注冊相關信息，包括姓名、性別、年齡、頭像等相關信息修改用戶個人信息已注冊用戶可通過修改頁面來修改密碼、個人信息以及更新個人頭像搜索功能用戶輸入同學、班級或學校名稱來搜索相關信息創(chuàng)立學校當用戶沒有搜索到該學校下的班級時，可自行創(chuàng)立學校并班級創(chuàng)立班級當用戶沒有搜索到該班級時，可自行創(chuàng)立新班級班級留言該班級同學可在班級留言板上留言班級相簿該班級同學可上傳相冊班級通訊錄列出該班級所有同學的信息班級管理該班級管理員可在該頁面中進展相關數據修改1、默認頁設計Inde*/Default.asp*，整個網站最初進入的默認頁面。1〕頁面控件LonIn控件HyperLink控件Te*tBo*控件RequiredFieldValidator驗證控件CustomValidator驗證控件FileUpload控件Button按鈕2〕頁面功能概述〔1〕首頁設計,主頁設計2、注冊頁，修改頁面設計3.論壇設計4.搜索頁面設計5相冊頁面設計6班級管理二、數據庫設計1、概念設計—“E-R圖設計〞概念模型用于信息世界的建模。概念模型不依賴于*一個數據庫管理系統(tǒng)〔DBMS〕，但可以方便的轉換為計算機上*一DBMS所支持的特定的數據模型。通過對用戶對數據的需求進展綜合、歸納與抽象，將形成一個完善的概念模型，可以用E-R(實體聯(lián)系)圖來表示。E-R圖是對現實世界的一種抽象，它的主要成份是實體、屬性和聯(lián)系。1〕實體：客觀存在并可以互相區(qū)分的事物稱為實體，是現實世界中各種事物的抽象。如本案例中一個班級為一個實體。一般來說，每個實體都相當于數據庫中的一個表。實體用一個矩形框來表示。2〕屬性：屬性是實體所具有的*些特征，通過屬性對實體進展刻畫。實體是由屬性組成的，如班級有班級名稱、創(chuàng)立人等屬性。一個實體本身具有許多屬性，能夠唯一標識實體的屬性稱為該實體的碼。屬性用一個橢圓來表示，本案例中，為使E-R圖清晰直觀，我們將屬性內置于實體的矩形框中。3〕聯(lián)系：現實世界的事物內部或事物之間都有聯(lián)系，這些聯(lián)系在信息世界里反映為實體內部或實體之間的聯(lián)系，如班級屬于*個學校，則班級和學校之間是“屬于〞聯(lián)系。聯(lián)系有一對一聯(lián)系，一對多聯(lián)系和多對多聯(lián)系，分別用1：1、1：n和m：n來表示。如一個登錄用戶名只能填寫一份個人資料，則登錄用戶和個人資料就是一對一聯(lián)系；一個班級只能屬于一個學校，而一個學?？梢該碛卸鄠€班級，學校和班級之間就是一對多聯(lián)系；一個班級可以有多張相片，而一張相片也可為多個班級所擁有，所以班級和相片之間是多對多聯(lián)系。聯(lián)系用菱形表示，并用線段聯(lián)接相關的兩個或多個實體，在菱形兩端線段上標明聯(lián)系的類型。2、邏輯設計—“關系模型設計〞概念設計的結果得到一個與計算機、軟硬件的具體性能無關的全局概念模式。數據庫邏輯設計的任務是將概念構造轉換成特定DBMS所支持的數據模型〔如關系模型〕的過程。本案例中我們將其轉換為關系模型。將E-R圖轉換為關系模型實際上就是要將實體、實體的屬性和實體之間的聯(lián)系轉化為關系模式，這種轉換一般遵循如下原則：1〕一個實體轉換為一個關系模式，實體的屬性就是關系的屬性，實體的關鍵字就是關系的關鍵字。2〕一個1:1聯(lián)系可以轉換為一個獨立的關系模式，也可以與任意一端實體所對應的關系合并，在被合并關系中增加屬性，其新增的屬性為聯(lián)系本身的屬性和與聯(lián)系相關的另一個實體的碼。3〕一個1:n聯(lián)系可以轉換為一個獨立的關系模式，也可以與n端對應的關系模式合并。如果轉換為一個獨立的關系模式，則與該聯(lián)系相連的各實體的碼以及聯(lián)系本身的屬性均轉換為關系的屬性，而關系的碼為n端實體的碼。如果與n端的關系模式合并則在n端實體集中增加新屬性，新屬性由聯(lián)系對應的1端實體集的碼和聯(lián)系自身的屬性構成，新增屬性后原關系的碼不變。4〕一個m：n聯(lián)系轉換為一個關系模式，與該聯(lián)系相連的各實體的碼以及聯(lián)系本身具有的屬性均轉換為關系的屬性，而關系的碼為各實體碼的組合.。PasswordUserID用戶PasswordUserID用戶UserIDEmail信息UserIDEmail信息AddressMobileRegDateBirthSe*NameAddressMobileRegDateBirthSe*Name班級班級UserIDMessagesClassIDUserIDMessagesClassIDAlbumIDPhotoID相冊AlbumIDPhotoID相冊留言表留言表留言內容用戶留言內容用戶ID3、物理設計—“數據表設計〞〔包括主鍵的設計〕創(chuàng)立一個新數據庫，命名為SchoolMates。在該數據庫中新建數表，具體內容如下：1〕用戶表用戶表用于記錄各個用戶的帳號信息，包括用戶登陸帳號以及用戶登陸密碼。各字段的定義如下表所示：列名數據類型允許空說明備注UserIDVarchar(20)否用戶登陸名PasswordVarchar(20)否用戶登陸密碼2〕信息表注冊表用于記錄用戶的個人信息，包括用戶登陸帳號、用戶姓名、性別、出生日期、注冊日期、手機號碼、住址、郵箱地址、頭像地址。各字段的定義如下表所示：列名類型允許空說明備注UserIDVarchar(20)否用戶登陸ID主鍵，外鍵NameVarchar(20)否用戶姓名Se*Char(2)否用戶性別BirthDatetime否出生日期RegDateDatetime是注冊時間默認值為函數MobileVarchar(20)是手機號碼AddressVarchar(200)是住址EmailVarchar(50)否郵箱地址3〕班級表班級表用于記錄用戶所屬班級信息，包含登陸帳號、班級ID以及頭銜ID，每一用戶在該表中都對應一條或多條記錄。各字段的定義如下表所示：列名稱類型允許空說明備注UserIDVarchar(20)否用戶登陸ID主鍵，外鍵ClassIDint否班級ID主鍵，外鍵MessagesVarchar(20)是4〕留言表留言表用于記錄班級的留言信息，包含留言ID、留言內容、留言人、留言時間、留言修改時間以及