WEB技術(shù)實(shí)訓(xùn)報告

北京聯(lián)合大學(xué)信息學(xué)院《WEB技術(shù)》實(shí)訓(xùn)報告題目：IT企業(yè)實(shí)踐服務(wù)系統(tǒng)專業(yè)：軟件工程班級：學(xué)號：姓名：小組成員：2013年01月01日北京聯(lián)合大學(xué)實(shí)訓(xùn)報告-摘要在計算機(jī)技術(shù)快速發(fā)展的今天，internet網(wǎng)絡(luò)這個現(xiàn)代信息高速公路也流行發(fā)展起來，已經(jīng)成為人們生活、工作、學(xué)習(xí)越來越離不開的平臺?；?NET技術(shù)的應(yīng)用大量出現(xiàn)。為了讓用戶瀏覽到美觀的，個性化的頁面和豐富的內(nèi)容。因此，基于B/S體系架構(gòu)創(chuàng)建的這個學(xué)籍管理系統(tǒng)，緊跟行業(yè)發(fā)展，滿足各大高校學(xué)習(xí)、管理的需要。由于各大高校在進(jìn)行學(xué)籍管理時，需要管理大量的學(xué)生信息、教師信息以及課程信息等。傳統(tǒng)的手動操作方式易發(fā)生數(shù)據(jù)丟失和統(tǒng)計錯誤，勞動強(qiáng)度大，且速度慢。在計算機(jī)上可以高速、快捷地完成這些工作。計算機(jī)聯(lián)網(wǎng)后，數(shù)據(jù)在網(wǎng)上傳遞可以實(shí)現(xiàn)數(shù)據(jù)共享，避免重復(fù)勞動，規(guī)范教學(xué)管理行為，從而可提高管理效率和水平。關(guān)鍵詞：internet網(wǎng)絡(luò)B/S體系架構(gòu)學(xué)籍管理第一章系統(tǒng)概述1.1引言建立一個基于B/S架構(gòu)的學(xué)籍管理系統(tǒng)，實(shí)現(xiàn)信息網(wǎng)絡(luò)化。通過較豐富的功能將.NET技術(shù)特點(diǎn)體現(xiàn)出來。該系統(tǒng)可供包括管理員登錄和學(xué)生登錄使用。登錄者可以查詢信息或者發(fā)布信息。系統(tǒng)中管理員模塊為必不可少的模塊項，該模塊主要包括3個模塊：管理員模塊、學(xué)生模塊、公用模塊。為了安全有效地存儲和管理登錄網(wǎng)站的用戶的信息，賦予管理員特定的權(quán)限，可以對用戶進(jìn)行添加，刪除，修改和學(xué)生的查詢等。方便網(wǎng)站的管理與維護(hù)。要實(shí)現(xiàn)這樣的功能，離不開后臺數(shù)據(jù)庫的支持。用戶驗證信息，收集到的用戶點(diǎn)擊信息，分析得出的關(guān)聯(lián)規(guī)則表等大量的數(shù)據(jù)都由數(shù)據(jù)庫管理系統(tǒng)管理。本文中數(shù)據(jù)庫服務(wù)器端采用了SQLServer2005作為后臺數(shù)據(jù)庫，結(jié)合SQL語句處理對用戶添加，刪除，修改等操作，使.NET與數(shù)據(jù)庫緊密聯(lián)系起來。1.2背景1.2.1B/S結(jié)構(gòu)相關(guān)開發(fā)技術(shù)簡介從Web數(shù)據(jù)庫的發(fā)展過程來看，實(shí)現(xiàn)B/S結(jié)構(gòu)下Web數(shù)據(jù)庫的應(yīng)用通常有兩種方法：一種是Web服務(wù)器端提供中間件連接Web服務(wù)器和數(shù)據(jù)庫服務(wù)器；一種是把應(yīng)用程序下載到客戶端直接訪問數(shù)據(jù)庫。其中第二種方法在程序的編寫、調(diào)試上顯得較為繁瑣，網(wǎng)絡(luò)安全也較難保證。在第一種方法中較常用的中間件技術(shù)有通用網(wǎng)關(guān)接口（CGI）和應(yīng)用程序編程接口（API）兩種，而API有兩種版本，ISAPI和NSAPI。CGI的最大不足在于對每個訪問都會在服務(wù)器端產(chǎn)生一個應(yīng)用程序副本，占用系統(tǒng)資源。API以動態(tài)連接庫的形式出現(xiàn)雖然克服了CGI的這一缺點(diǎn)，卻帶來了另一個問題，即當(dāng)需要修改或更新服務(wù)程序時必須重起系統(tǒng)，而這在許多事實(shí)性較強(qiáng)的應(yīng)用服務(wù)器上是不允許的。同時，無論是CGI還是API它們共同的缺點(diǎn)是程序和HTML文本分離，編寫和調(diào)試很不靈活。第一種方法即是Web服務(wù)器端提供中間件連接Web服務(wù)器和數(shù)據(jù)庫服務(wù)器。我們常常稱它為Web數(shù)據(jù)庫系統(tǒng)，它實(shí)質(zhì)上是一種動態(tài)網(wǎng)頁技術(shù)與數(shù)據(jù)庫系統(tǒng)的結(jié)合。利用數(shù)據(jù)庫系統(tǒng)來存儲和管理不斷變化的數(shù)據(jù)信息，并通過動態(tài)網(wǎng)頁技術(shù)實(shí)現(xiàn)利用Web頁面來訪問、存儲數(shù)據(jù)和管理數(shù)據(jù)庫。所謂的動態(tài)，主要是具有以下幾個方面的特點(diǎn)：交互性：即網(wǎng)頁會根據(jù)用戶的需求和選擇而動態(tài)改變和響應(yīng)；自動更新：不需要手動更新HTML文檔，就會自動生成新的頁面，可以大大節(jié)省工作量；自動適應(yīng)性：即當(dāng)不同的時間、不同的人訪問同一網(wǎng)址時會產(chǎn)生不同的頁面?，F(xiàn)在，主流的B/S結(jié)構(gòu)下的動態(tài)網(wǎng)頁技術(shù)有JSP，PHP，ASP等。它們都可以提供Web數(shù)據(jù)庫開發(fā)的全套解決方案下面將會對這三種技術(shù)進(jìn)行一個簡要的介紹，并比較各自的優(yōu)點(diǎn)和缺點(diǎn)。1.2.2B/S模型的優(yōu)點(diǎn)幾乎沒有限制的客戶端訪問和極其簡單化的應(yīng)用程序部署和管理是B/S模型的優(yōu)勢所在。它和C/S模型比較優(yōu)點(diǎn)極為突出。兩層技術(shù)模型（Two-TierArchitecture）是指客戶機(jī)直接與服務(wù)器交流，沒有其他服務(wù)介入的技術(shù)模型。對用戶量在12—100的局域網(wǎng)環(huán)境中，兩層模型的確是個不錯的方案。由于該模型中，所有的用戶連接都是被保持的，也就是說即使在空閑狀態(tài)，連接依然存在。所以，用戶的并發(fā)請求數(shù)量有限的。為了解決這個限制，使得成千上萬的用戶可以被無顧慮地添加，我們最好選用三層模型。B/S結(jié)構(gòu)，即Browser/Server（瀏覽器/服務(wù)器）結(jié)構(gòu)，是隨著Internet技術(shù)的興起，對C/S結(jié)構(gòu)的一種變化或者說是改進(jìn)的結(jié)構(gòu)。用戶界面完全通過瀏覽器實(shí)現(xiàn)，一部分事務(wù)邏輯在前端實(shí)現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端實(shí)現(xiàn)，形成三層結(jié)構(gòu)，是一種全新的軟件系統(tǒng)構(gòu)造技術(shù)。B/S模型結(jié)構(gòu)圖如下所示：圖1-1B/S模型圖從上圖可見這種結(jié)構(gòu)的一個重要的特點(diǎn)是，用戶可以完全不需要安裝客戶端軟件，當(dāng)然也不需要擔(dān)心任何軟件升級和不兼容等任何客戶端所遇到的問題。相比之下，B/S模型的優(yōu)點(diǎn)顯而易見，更適合這個網(wǎng)站的構(gòu)建，有利于網(wǎng)站的維護(hù)和擴(kuò)充。1.2.3.NET技術(shù)發(fā)展背景隨著網(wǎng)絡(luò)經(jīng)濟(jì)時代的到來，網(wǎng)絡(luò)用戶希望能夠在任何時候、任何地方、利用任何工具都可以獲得網(wǎng)絡(luò)上所需的信息、文件和程序，并享受網(wǎng)絡(luò)通信所帶來的快樂。用戶不需要知道這些文件放在什么地方，只需要發(fā)出請求，然后進(jìn)行接收就可以了；而所有后臺的復(fù)雜性是完全屏蔽起來的。微軟公司就是為了這個目標(biāo)而設(shè)立了.NET戰(zhàn)略。微軟公司公開宣布，今后將著重于網(wǎng)絡(luò)服務(wù)和網(wǎng)絡(luò)資源共享的開發(fā)工作，并將為公眾提供更加豐富，有用的網(wǎng)絡(luò)資源與服務(wù)。微軟公司新一代平臺的正式名稱為“新一代Windows服務(wù)”（NGWS），并給這個平臺注冊了正式的商標(biāo)——Microsoft.NET。.NET作為新一代互聯(lián)軟件和服務(wù)戰(zhàn)略，將使現(xiàn)有微軟的軟件在網(wǎng)絡(luò)時代不僅用于傳統(tǒng)的個人計算機(jī)，而且能夠滿足呈快速增長的新設(shè)備的需要。到底什么是.NET？微軟公司總裁兼首席執(zhí)行官SteveBallmer把它定義為：.NET代表一個集合、一個環(huán)境、一個可以作為平臺支持下一代Internet的可編程結(jié)構(gòu)。微軟公司官方定義為：Microsoft.NET是MicrosoftXMLWebServices平臺。.NET方法可以使編寫能夠在任意時間、任意地點(diǎn)和任意設(shè)備上安全地彼此連接和互操作的系統(tǒng)變得非常簡單。實(shí)現(xiàn)這一目標(biāo)的核心技術(shù)是XMLWebService，這項技術(shù)允許應(yīng)用程序通過Internet進(jìn)行通信和共享數(shù)據(jù)，而不管所采用的是哪種操作系統(tǒng)。設(shè)備或編程語言。從開發(fā)人員的角度看，.NET使用MicrosoftVisualStudio.NET、NETFramework以及XMLWebService編寫彼此連接的系統(tǒng)變得非常簡單。第二章系統(tǒng)設(shè)計2.1模塊劃分學(xué)籍管理系統(tǒng)可實(shí)現(xiàn)學(xué)籍管理的所有基本功能，根據(jù)系統(tǒng)用戶的不同，可以劃分為3個模塊：管理員模塊、學(xué)生模塊和公用模塊。下面介紹各個模塊的基本功能。2.1.1管理員模塊該模塊是本系統(tǒng)的核心模塊，其中包括5個子模塊，分別是學(xué)生信息管理、教師信息管理、班級信息管理、課程信息管理、學(xué)生選課信息管理?；拘畔⒐芾碜幽K：實(shí)現(xiàn)對學(xué)生信息的添加、修改、刪除操作，還可輸入查詢條件對學(xué)生信息進(jìn)行查詢。學(xué)生人數(shù)統(tǒng)計模塊：實(shí)現(xiàn)對不同年份入學(xué)的學(xué)生人數(shù)進(jìn)行統(tǒng)計。2.1.2學(xué)生模塊實(shí)現(xiàn)學(xué)生個人資料功能，查看自己的個人信息。2.1.3公用模塊實(shí)現(xiàn)管理員用戶和學(xué)生用戶的身份驗證、密碼修改、退出系統(tǒng)等功能。2.2操作流程用戶登錄系統(tǒng)后首先進(jìn)入用戶登錄界面，可以選擇自己的用戶角色，如以管理員用戶權(quán)限進(jìn)入。輸入管理員用戶名和密碼后進(jìn)入系統(tǒng)的歡迎界面，利用系統(tǒng)左側(cè)的導(dǎo)航欄可實(shí)現(xiàn)不同管理頁面的切換。對信息進(jìn)行增加、刪除、修改和查看操作后，單擊“退出系統(tǒng)”超鏈接實(shí)現(xiàn)退出系統(tǒng)。2.3頁面設(shè)計2.3.1用戶登錄在進(jìn)入學(xué)籍管理系統(tǒng)之前，需要經(jīng)過登錄頁面。在此頁面中用戶首先選擇自己的用戶類型，然后輸入用戶名和密碼進(jìn)行登錄驗證。2.3.4管理學(xué)生信息管理員對學(xué)生的管理包括對學(xué)生信息的添加、修改、刪除和查詢等操作。2.3.8修改密碼和退出系統(tǒng)修改密碼和退出系統(tǒng)是系統(tǒng)的公用模塊，學(xué)生和管理員都可以使用該功能進(jìn)行密碼修改和退出系統(tǒng)，在每個用戶的操作頁面中均有相應(yīng)的超鏈接到此頁面。用戶需要輸入舊密碼、新密碼并對新密碼確認(rèn)，當(dāng)用戶輸入舊密碼有誤時會顯示警告信息“您輸入的密碼錯誤，檢查后重新輸入”，提示用戶必須輸入正確的舊密碼之后才能修改密碼。單擊用戶操作頁面左側(cè)導(dǎo)航欄中的“退出系統(tǒng)”超鏈接，會顯示退出系統(tǒng)的提示，單擊【是】按鈕后即可退出系統(tǒng)。dboXS學(xué)生表dbo.ADMIN管理員表第四章系統(tǒng)設(shè)計實(shí)現(xiàn)4.1配置數(shù)據(jù)庫連接在Web.config文件中指定數(shù)據(jù)庫連接字符串的配置信息。在Web.config文件中添加如下代碼：<connectionStrings> <addname="ConnectionString"connectionString="DataSource=.;InitialCatalog=Student;IntegratedSecurity=True"providerName="System.Data.SqlClient"/> </connectionStrings>在Web.config文件中添加以上的代碼之后，在需要數(shù)據(jù)庫連接字符串的地方用如下的代碼替換，表示使用的是Web.config文件中配置的數(shù)據(jù)庫連接字符串信息。ConfigurationManager.ConnectionStrings[“ConnectionString”].ConnectionString4.2用戶登錄本節(jié)參考文件StudentControl/Login.aspx用戶登錄頁面Login.aspx的主要功能是根據(jù)用戶選擇的身份對用戶輸入的用戶名和密碼的合法性進(jìn)行驗證，如果不合法，則提示用戶重新登錄，如果合法，則進(jìn)入相應(yīng)的的操作頁面。參考代碼如下（每行前面的數(shù)字為代碼行號，不是代碼內(nèi)容）。protectedvoidbtnSubmit_Click(objectsender,EventArgse){stringuserName=txtName.Text.ToString().Trim();stringuserPwd=txtPwd.Text.ToString().Trim();stringuserrole=radRole.SelectedValue.Trim();stringsql="";switch(userrole){case"0":sql="select*fromStudentTablewhereStudentID='"+userName+"'";break;case"1":sql="select*fromAdminTablewhereAdminName='"+userName+"'";break;}SqlConnectionconn=newSqlConnection(DBconn.GetConnString());//conn.Open();SqlCommandcmd=newSqlCommand(sql,conn);//SqlDataReaderdr=cmd.ExecuteReader();try{conn.Open();SqlDataReadersdr=cmd.ExecuteReader();if(sdr.Read()){if(sdr.GetString(0)==userPwd){Session["UserRole"]=userrole;switch(userrole){case"0":Session["StudentID"]=userName;Session["AdminName"]="";Response.Redirect("StudentCourseElect.aspx");break;case"1":Session["StudentID"]="";Session["AdminName"]=userName;Response.Redirect("WelcomeTeacher.aspx");break;}}else{lblMess.Text="您輸入的密碼錯誤，請檢查后重新輸入?。。?;}}else{lblMess.Text="該用戶不存在或用戶名錯誤，請檢查后重新輸入?。?！";}}catch(Exceptionee){Response.Write("<scriptlanguage=javascript>alert('"+ee.Message.ToString()+"')</script>");}finally{conn.Close();}}4.3修改密碼【正文部分】本節(jié)參考文件StudentControl/ModifyPwd.aspx用戶修改密碼ModifyPwd.aspx頁面的主要功能是實(shí)現(xiàn)用戶對個人密碼的修改操作，是一個公用模塊。參考代碼如下：protectedvoidbtnSubmit_Click(objectsender,EventArgse){stringStudentID=Session["StudentID"].ToString();stringAdminName=Session["AdminName"].ToString();stringoldPwd=txtOldPwd.Text.Trim();stringnewPwd=txtNewPwd.Text.Trim();stringselectStr="";stringupdateStr="";switch(Session["UserRole"].ToString()){case"0":selectStr="select*fromStudentTablewhereStudentID='"+StudentID+"'andStudentPassword='"+oldPwd+"'";updateStr="updateStudentTablesetStudentPassword='"+newPwd+"'whereStudentID='"+StudentID+"'";break;case"1":selectStr="select*fromAdminTablewhereAdminName='"+AdminName+"'andAdminPassword='"+oldPwd+"'";updateStr="updateAdminTablesetAdminPassword='"+newPwd+"'whereAdminName='"+AdminName+"'";break;}SqlConnectionconn=newSqlConnection("DataSource=.;InitialCatalog=Student;IntegratedSecurity=True");//conn.Open();SqlCommandselectCmd=newSqlCommand(selectStr,conn);try{conn.Open();SqlDataReaderdr=selectCmd.ExecuteReader();if(dr.Read()){dr.Close();SqlCommandupdateCmd=newSqlCommand(updateStr,conn);inti=updateCmd.ExecuteNonQuery();if(i>0){Response.Write("成功修改密碼?。。?);}else{Response.Write("密碼修改失?。。?！");}}else{Response.Write("您輸入的密碼錯誤，檢查后請重新輸入?。?！");}}catch(Exceptionee){Response.Write("系統(tǒng)出錯，錯誤原因："+ee.Message.ToString());}finally{conn.Close();}}4.4添加學(xué)生信息本節(jié)參考文件StudentControl/StudentAdd.aspx管理員登陸系統(tǒng)后，可以添加學(xué)生信息，添加【增加】按鈕的Click事件代碼，實(shí)現(xiàn)學(xué)生信息的添加。具體代碼如下：protectedvoidbtnAdd_Click(objectsender,EventArgse){stringconnStr=ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;stringSqlInsert="insertintoStudentTable(StudentID,StudentName,StudentPassword,DutyID,StudentClassID,StudentPhone,StudentHomeAddr)values('"+this.txtStudentID.Text+"','"+this.txtStudentName.Text+"','"+txtPassword.Text+"',"+Convert.ToInt32(this.DropDownList6.SelectedValue.ToString())+","+Convert.ToInt32(this.DropDownList5.SelectedValue.ToString())+",'"+this.txtTel.Text+"','"+this.txtAddress.Text+"')";stringSqlSelect="select*fromStudentTablewhereStudentID='"+this.txtStudentID.Text+"'";SqlConnectionconn=newSqlConnection(connStr);SqlCommandcmd=newSqlCommand(SqlSelect,conn);SqlCommandcmdInsert=newSqlCommand(SqlInsert,conn);try{conn.Open();SqlDataReaderdr=cmd.ExecuteReader();if(dr.Read()){lblMess.Text="您輸入的學(xué)號已經(jīng)存在，請輸入其他學(xué)號";dr.Close();}else{dr.Close();try{if(conn.State.ToString()=="Closed")conn.Open();cmdInsert.ExecuteNonQuery();}catch(Exceptionex){Response.Write("數(shù)據(jù)庫錯誤，錯誤原因："+ex.Message);Response.End();}lblMess.Text="數(shù)據(jù)增加成功";}}catch(Exceptionex){Response.Write("<script>alert('"+ee.Message.ToString()+"');</script>");}finally{cmd.Dispose();cmdInsert.Dispose();if(conn.State.ToString()=="Open")conn.Close();}}4.5訪問統(tǒng)計本節(jié)參考文件Global.asax登陸界面后，可顯示是第幾位訪問者。具體代碼如下：protectedvoidApplication_Start(Objectsender,EventArgse){SqlConnectioncon=newSqlConnection(System.Configuration.ConfigurationSettings.AppSettings["GradeSys"]);con.Open();SqlCommandcmd=newSqlCommand("select*fromcountnum",c