選課系統(tǒng)網(wǎng)頁制作.doc

選課系統(tǒng)網(wǎng)頁制作設(shè)計(jì)報(bào)告 姓 名： 薛欣 學(xué) 號： 0904010636 班 級： 計(jì)算機(jī)096班 專 業(yè)： 計(jì)算機(jī) 指導(dǎo)教師： 時(shí) 間： 哈爾濱理工大學(xué) 計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院目錄1 課程設(shè)計(jì)目的2相關(guān)技術(shù)基礎(chǔ)介紹動(dòng)態(tài)網(wǎng)頁概述HTML文檔的基本結(jié)構(gòu)開發(fā)工具、服務(wù)器環(huán)境開發(fā)工具服務(wù)器環(huán)境3數(shù)據(jù)庫設(shè)計(jì)數(shù)據(jù)表、結(jié)構(gòu)設(shè)計(jì)SQL語句基礎(chǔ)SQL常用語句介紹 系統(tǒng)實(shí)現(xiàn)1業(yè)務(wù)流程分析2信息錄入頁面3 選擇要修改課程頁面4 瀏覽課程信息頁面5 選擇檢索條件6 選擇選課方式系統(tǒng)測試與運(yùn)行信息公告頁面代碼參考文獻(xiàn)1課程設(shè)計(jì)目的此次設(shè)計(jì)以校園學(xué)生選課系統(tǒng)為題材，不僅符合大學(xué)生的風(fēng)格，而且實(shí)用，有利于提高大學(xué)生動(dòng)手能力和實(shí)際實(shí)踐能力，本課程設(shè)計(jì)的主要目的是：通過本課程設(shè)計(jì)，全面幫助學(xué)生加強(qiáng)對網(wǎng)站的認(rèn)知；學(xué)會設(shè)計(jì)和制作網(wǎng)站（全部工作流程），包括完成設(shè)計(jì)報(bào)告，了解網(wǎng)站的軟、硬件平臺，會發(fā)布和維護(hù)一個(gè)實(shí)際的網(wǎng)站，熟練網(wǎng)頁制作及相關(guān)工具的使用，掌握軟件的使用技巧，掌握相關(guān)行業(yè)的相關(guān)標(biāo)準(zhǔn)。從而運(yùn)用網(wǎng)站界面的設(shè)計(jì)與可用性分析制作專業(yè)的站點(diǎn)，以便能獲得就業(yè)機(jī)會，提高個(gè)人的綜合競爭力與社會適應(yīng)力。2 相關(guān)技術(shù)基礎(chǔ)介紹1.2.1動(dòng)態(tài)網(wǎng)頁概述 簡稱ASP,是一種服務(wù)器端的腳本編程環(huán)境，使用它可以將HTML語言、腳本語言和Active控件組合在一起，可以產(chǎn)生和執(zhí)行動(dòng)態(tài)、交互且高效率的基于Web的應(yīng)用程序1.3開發(fā)工具，服務(wù)器環(huán)境1.3.1開發(fā)工具Dreamweaver是在網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著Dreamweaver 8的發(fā)布，更堅(jiān)定Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。1、靈活的編寫方式Dreamweaver具有靈活編寫網(wǎng)頁的特點(diǎn)，不但將世界一流水平的“設(shè)計(jì)”和“代碼”編輯器合二為一，而且在設(shè)計(jì)窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。2、可視化編輯界面Dreamweaver是一種所見即所得的HTML編輯器，可實(shí)現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時(shí)亦保證了其專業(yè)性和兼容性，并且可以對內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實(shí)時(shí)的訪問。無論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設(shè)計(jì)網(wǎng)頁和管理網(wǎng)站變得更容易。3、功能更多的CSS支持CSS可視化設(shè)計(jì)、CSS檢查工具4、動(dòng)態(tài)跨瀏覽器驗(yàn)證當(dāng)保存時(shí)系統(tǒng)自動(dòng)檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時(shí)系統(tǒng)自動(dòng)檢驗(yàn)以確定頁面有沒有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動(dòng)態(tài)跨瀏覽器有效性檢查功能可以自動(dòng)核對tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。5、強(qiáng)大的WEB站點(diǎn)管理功能6、內(nèi)建的圖形編輯引擎7、Dreamweaver的集成特性Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實(shí)用的網(wǎng)頁。8、豐富的媒體支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語言代碼輕松地實(shí)現(xiàn)網(wǎng)頁元素的動(dòng)作和交互操作。Dreamweaver還提供行為和時(shí)間線兩種控件來產(chǎn)生交互式響應(yīng)和進(jìn)行動(dòng)畫處理。9、超強(qiáng)的擴(kuò)展能力Dreamweaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴(kuò)展Dreamweaver的功能，并且可以發(fā)布這些插件。 1.3.2服務(wù)器環(huán)境 環(huán)境變量IIS簡介 網(wǎng)站的建設(shè)是基于網(wǎng)站服務(wù)器的。在UNIX或Linux平臺上，Apache就是網(wǎng)站服務(wù)器。而對于Windows NT/2000來說，IIS就是標(biāo)準(zhǔn)的網(wǎng)站服務(wù)器。IIS是一種服務(wù)，是Windows 2000 Server系列的一個(gè)組件。不同于一般的應(yīng)用程序，它就像驅(qū)動(dòng)程序一樣是操作系統(tǒng)的一部分，具有在系統(tǒng)啟動(dòng)時(shí)被同時(shí)啟動(dòng)的服務(wù)功能。 IIS 5.0是用于Windows 2000 Server系列服務(wù)器的網(wǎng)絡(luò)和應(yīng)用程序服務(wù)器。它是建立Internet /Intranet的基本組件之一。IIS 5.0也是允許在Internet/Intranet上發(fā)布信息的Web服務(wù)器。IIS通過超文本傳輸協(xié)議（HTTP）傳輸信息，還可配置IIS以提供文件傳輸協(xié)議（FTP）和其他服務(wù)，如NNTP服務(wù)、SMTP服務(wù)等。 IIS的特色 有很多其他的服務(wù)器軟件也可以提供良好的Internet服務(wù)，如Netscape的服務(wù)器、Apache for Win服務(wù)器等，但是IIS是Windows平臺下最簡單易用的服務(wù)器。簡單、易用是IIS 5.0最大的特點(diǎn)。和IIS 4.0相比，IIS 5.0完全集成于Windows 2000 Server中，而IIS 4.0是Windows NT 4.0的Option Pack組件。IIS 5.0提供了更可靠的服務(wù)，管理也更為集成化。IIS 5.0在安全方面提供了幾個(gè)新的特征：摘要式身份驗(yàn)證、安全通信、服務(wù)器網(wǎng)關(guān)加密、安全向?qū)?、IP地址及Internet域限制、Kerberos 5.0身份驗(yàn)證協(xié)議兼容性、證書存儲、Fortezza。IIS 5.0支持WebDAV和ASP，它有兩個(gè)管理工具：一個(gè)用于MMC的Internet Service Manager外接程序，另一個(gè)是基于Web瀏覽器管理的Internet Service Manager。測試安裝ISS 5.1安裝步驟(各版本IIS都可以按照該方法安裝，以IIS5.1安裝至Windows xp_SP3為例)1.依次打開 左下角的開始菜單-控制面板-選擇添加/刪除程序,打開添加/刪除程序窗體-點(diǎn)擊窗體左側(cè)添加/刪除Windows組件(A)2.解壓IIS 壓縮包,在打開的Windows組件向?qū)Т绑w中,將Internet 信息服務(wù)(IIS)前面小方框鉤選上-點(diǎn)擊下一步-在彈出的插入磁盤窗體中,點(diǎn)擊確定按扭,將解壓后的IIS 5.1路徑(如D:飛翔下載IISiis5.1xp)復(fù)制到文件復(fù)制來源輸入框中,如再遇到需要插入光盤之類的提示,繼續(xù)粘貼該IIS路徑即可,直到完成安裝,當(dāng)出現(xiàn)安裝完成提示按扭時(shí),點(diǎn)擊完成按扭關(guān)團(tuán)向?qū)?即可完成安裝. 3.IIS測試打開IE在地址欄輸入http:/localhost/index.asp(也可以不是index.asp 只要是你放在根目錄下的ASP網(wǎng)頁 IIS默認(rèn)網(wǎng)站的根目錄是：C:Inetpubwwwroot)。如果能正常打開網(wǎng)頁，IIS安裝成功！2.系統(tǒng)總體設(shè)計(jì)2.1功能分析用戶登錄用戶身份確認(rèn)教務(wù)員普通教師學(xué)生用戶非法用戶輸入課程信息修改課程信息瀏覽課程信息檢索課程信息修改賬戶密碼查看所選課程選擇課程3.數(shù)據(jù)庫設(shè)計(jì) 3.1數(shù)據(jù)表、結(jié)構(gòu)設(shè)計(jì)1.Account表: 是用來存儲所有合法用戶信息的，當(dāng)用戶輸入的用戶名和密碼與本表中存儲的用戶信息一致，用戶即可登錄成功.圖3.1.1 2.Admin表：是用來存放教務(wù)管理員信息的，本系統(tǒng)通過判斷登錄用戶是否為管理員，給予用戶相應(yīng)使用權(quán)限。 圖3.1.23Course表:用來存儲所開設(shè)課程的相關(guān)信息，并與Teacher表中的Teacherno字段建立主鍵鏈接，本表用來為學(xué)生選課提供數(shù)據(jù)。圖3.1.34. Selection表：是接收到重新錄入的信息。 圖3.1.45.Student表：是用來存儲學(xué)生選課程情況的，只要是以學(xué)生身份登錄的用戶都進(jìn)行選課后，學(xué)生號和所選課程號都將存儲到該表中，以供學(xué)生查詢，及教務(wù)管理員管理。 圖3.1.56. Teacher表：是用來存儲任課教師相關(guān)信息的 圖 系統(tǒng)測試與運(yùn)行4.2.1 首頁圖圖圖SQL語句基礎(chǔ)3.2.1 SQL常用語句介紹 INSERT 語句 一分 二分 三分 四分 五分 SELECT 語句Select Case RadioValueCase radio1Response.Redirect Selectcourse1.aspCase radio2Response.Redirect Selectcourse2.aspCase radio3Response.Redirect Selectcourse3.aspCase radio4Response.Redirect Selectcourse4.aspEnd Select首頁導(dǎo)航欄均使用了二級鏈接，分別鏈接到各欄目，其代碼為：網(wǎng)站首頁公司介紹 在信息圖標(biāo)中使用了郵箱的外鏈，其代碼為：4.1業(yè)務(wù)流程分析4.1.1用戶登錄頁面（index.asp）源文件代碼選課系統(tǒng)首頁登錄頁面   校園網(wǎng)選課系統(tǒng)   用戶名： 密  碼:          4.1.2信息錄入頁面（insert.asp）源文件代碼%判斷是否具有教務(wù)員權(quán)限If Session(UserLevel)Admin ThenResponse.Redirect illegal.aspEnd IfSet rsTest=Server.CreateObject(ADODB.RecordSet)rsTest.Open Teacher,Conn,adOpenStatic,adLockReadOnly%輸入課程信息 輸入課程信息 課 程 號： 學(xué) 分： 一分 二分 三分 四分 五分 課程名稱： 課程描述： 最大選課人數(shù)： 教 師：option value= 0) ThenrsTest.MoveFirstElsersTest.RequeryEnd If% 返 回     4.1.3選擇要修改課程頁面（modifycourse.asp）源文件代碼%判斷是否具有教務(wù)員權(quán)限If Session(UserLevel)Admin ThenResponse.Redirect illegal.aspEnd IfSet rstCourse=Server.CreateObject(ADODB.RecordSet)rstCourse.Open Course,Conn,adOpenStatic,adLockReadOnly%修改課程信息       修改課程信息     請選擇要修改的課程號： option value= 0) Then rstCourse.MoveFirstElse rstCourse.RequeryEnd If% 4.1.4瀏覽課程信息頁面（CourseList.asp） 源文件代碼瀏覽課程信息  課 程 信 息 一 覽 表 課程號 課程名稱 學(xué)分 最大選課人數(shù) 目前選課人數(shù) 教師號 課 程 描 述 %For absRecordNum=1 to rsTest.PageSizeResponse.Write 將每條記錄的各個(gè)字段輸出Response.Write &rsTest(Courseno).Value&Response.Write &rsTest(Name).Value&Response.Write &rsTest(Credit).Value&Response.Write &rsTest(Maximumnum).Value&Response.Write &rsTest(Currentnum).Value&Response.Write &rsTest(Teacherno).Value&Response.Write &rsTest(Description).Value&Response.Write rsTest.MoveNextIf rsTest.EOF ThenExit For 若到記錄尾，退出如當(dāng)最后一頁數(shù)據(jù)不滿頁時(shí)。End IfNextResponse.Write 關(guān)閉數(shù)據(jù)庫和數(shù)據(jù)表rsTest.CloseConn.CloseSet rsTest=NothingSet Conn=Nothing%Form Action= Method=PostInput Type=Hidden Name=PressPageNum Value=1 Then 若當(dāng)前頁不是第一頁，則顯示上一頁鏈接Response.Write End IfIf absPageNumTotalPages Then 若當(dāng)前頁不是最后一頁，則顯示下一頁鏈接Response.Write End If%第頁,共頁4.1.5選擇檢索條件（searchcourse.asp）此頁面主要為用戶提供一些檢索條件供用戶選擇。這當(dāng)中可以使用的檢索條件是：按學(xué)分檢索、按授課教師的姓名檢索、按課程名稱進(jìn)行模糊檢索及按課程描述進(jìn)行模糊檢索等。同時(shí)這些檢索內(nèi)容又可以并列進(jìn)行組合檢索，而且在檢索時(shí)可以排除已經(jīng)選滿的課程。代碼程序如下：%Set rstTeacher=Server.CreateObject(ADODB.RecordSet)rstTeacher.Open Teacher,Conn,adOpenStatic,adLockReadOnlyDim Name,Description,Credit,TeachernoIf Request.ServerVariables(CONTENT_LENGTH)0 ThenSession(Name)=Ltrim(Rtrim(CStr(Request.Form(TxtName)Session(Description)=Ltrim(Rtrim(Request.Form(TxtDescription)Session(Credit)=Request.Form(selCredit)Session(Teacherno)=Request.Form(selTeacherno)Session(Checkbox)=Request.Form(Checkbox)Response.Redirect searchshow.aspEnd If%檢索課程信息   搜 索 課 程 信 息 輸入檢索條件 form action= method=post name=frmSearchCourse id=frmSearchCourse 課程名稱包含： 課程描述包含： 學(xué)分： 所有學(xué)分 一分 二分 三分 四分 五分    授課教師： 所有教師 option value= 0) Th