web程序設(shè)計(jì)課程報(bào)告

《Web程序設(shè)計(jì)》測(cè)評(píng)系統(tǒng)的研究和實(shí)現(xiàn)

陶靈兵1，莊紅2

浙江理工大學(xué)，杭州下沙高教園西區(qū)，310018

Lb_tao@zstu.edu.cn1，lisa@zstu.edu.cn2

摘要：本文介紹了基于Web的《Web程序設(shè)計(jì)》測(cè)評(píng)系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)。該測(cè)評(píng)系統(tǒng)采用.NET

框架技術(shù)，具有自測(cè)和考試兩種模式。測(cè)評(píng)試卷根據(jù)組卷策略從題庫中自動(dòng)組成，考生登錄系統(tǒng)后隨機(jī)獲得試卷，在學(xué)生完成測(cè)評(píng)并提交試卷后，系統(tǒng)將自動(dòng)閱卷并記錄學(xué)生成績。在自測(cè)模式下，學(xué)生完成測(cè)評(píng)后能夠及時(shí)獲得測(cè)評(píng)結(jié)果，了解自己對(duì)知識(shí)點(diǎn)的掌握情況。教師通過考試管理組織考試，可以查詢和分析學(xué)生的考試成績，及時(shí)掌握學(xué)生學(xué)習(xí)狀況，可以在課堂教學(xué)中更加具有針對(duì)性。該測(cè)評(píng)系統(tǒng)具有智能性、開放性和自主性，對(duì)課程開展網(wǎng)絡(luò)教學(xué)提供了技術(shù)支持，提高了教學(xué)效率，保障了教學(xué)質(zhì)量。

關(guān)鍵詞：Web程序設(shè)計(jì)，測(cè)評(píng)系統(tǒng)，.NET技術(shù)

1引言

隨著網(wǎng)絡(luò)的普及，很多高校都開設(shè)了動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)、Asp程序設(shè)計(jì)等Web程序設(shè)計(jì)

課程，如何高效準(zhǔn)確地對(duì)學(xué)生Web程序設(shè)計(jì)能力進(jìn)行測(cè)試評(píng)估，則是一個(gè)重要的課程環(huán)節(jié)。傳統(tǒng)教學(xué)模式下的測(cè)評(píng)體系，教師只能通過定期出卷對(duì)學(xué)生考評(píng)，不僅效率低下，而且還受到課時(shí)等多方面的限制，不能隨時(shí)和全面地了解學(xué)生的學(xué)習(xí)情況。因此充分發(fā)揮Web程序設(shè)計(jì)課程本身的特色和優(yōu)勢(shì)，利用先進(jìn)的網(wǎng)絡(luò)技術(shù)及其提供的全新溝通機(jī)制，實(shí)現(xiàn)一種基于Web的自主智能測(cè)評(píng)體系勢(shì)在必行。本文提出了針對(duì)Web程序設(shè)計(jì)課程設(shè)計(jì)的一套測(cè)評(píng)系統(tǒng)及其實(shí)現(xiàn)方案。

2系統(tǒng)架構(gòu)和系統(tǒng)實(shí)現(xiàn)

2.1系統(tǒng)架構(gòu)

基于Web的測(cè)評(píng)系統(tǒng)應(yīng)該必須具備以下幾個(gè)特性：

1、智能性：測(cè)評(píng)活動(dòng)所涉及到的所有動(dòng)作都需要由計(jì)算機(jī)自動(dòng)完成，這包括標(biāo)準(zhǔn)化試卷的組卷、考試時(shí)間的智能控制、自動(dòng)閱卷和考試結(jié)果分析等。需要設(shè)計(jì)一個(gè)合理的數(shù)據(jù)庫，存儲(chǔ)用戶、試題、考試等信息。能根據(jù)組卷策略自動(dòng)隨機(jī)組成一份或多份標(biāo)準(zhǔn)化試卷，能自動(dòng)控制考試過程，能自動(dòng)閱卷并記錄測(cè)評(píng)結(jié)果，等等。

2、開放性：測(cè)評(píng)活動(dòng)應(yīng)該隨時(shí)向考生開放，在任何一臺(tái)能鏈接到測(cè)評(píng)系統(tǒng)的計(jì)算機(jī)上都能進(jìn)行測(cè)評(píng)。

3、主動(dòng)性：測(cè)評(píng)系統(tǒng)應(yīng)該擺脫傳統(tǒng)模式下測(cè)評(píng)的組織模式，考生能在系統(tǒng)時(shí)間控制的范圍內(nèi)隨時(shí)參加考試，從測(cè)評(píng)開始到測(cè)評(píng)結(jié)束的整個(gè)過程是考生完全自主的過程。對(duì)于自主測(cè)試模式，系統(tǒng)在試卷提交后要及時(shí)的反饋測(cè)評(píng)結(jié)果�；�于測(cè)評(píng)系統(tǒng)以上的幾點(diǎn)特性，經(jīng)分析研究，三層B/S結(jié)構(gòu)是基于Web測(cè)評(píng)系統(tǒng)的最優(yōu)化選擇。零客戶端的架構(gòu)使得測(cè)評(píng)行為能在任何連通網(wǎng)絡(luò)的PC上都能進(jìn)行，采用.NET技術(shù)加SQLSERVER的標(biāo)準(zhǔn)化設(shè)計(jì)，使得隨機(jī)抽取標(biāo)準(zhǔn)化試卷，自動(dòng)閱卷，結(jié)果分析等考務(wù)行為的實(shí)現(xiàn)輕松方便。系統(tǒng)架構(gòu)如圖1所示。

考生登錄Internet選擇測(cè)評(píng)模式、計(jì)時(shí)測(cè)評(píng)、返回測(cè)評(píng)結(jié)果組織考試、考務(wù)管理、成績管理、結(jié)果分析SQLSERVERIIS+ASP.NET教師登錄圖1

從圖1可知，本測(cè)評(píng)系統(tǒng)從功能模塊上劃分可分為：考試管理模塊和考生考試模塊。下面就這兩個(gè)功能模塊的實(shí)現(xiàn)做詳細(xì)闡述。

2.2考試管理模塊

考試管理模塊主要實(shí)現(xiàn)的功能有：教師登錄及權(quán)限判斷、用戶管理、考試管理、組卷模塊、考生管理、成績管理和題庫管理等子模塊。

2.2.1教師登錄和用戶管理

圖2

在進(jìn)行教師登錄時(shí)，除了進(jìn)行身份有效性、合法性認(rèn)證外，系統(tǒng)還對(duì)賬號(hào)進(jìn)

行權(quán)限位的判斷（數(shù)據(jù)庫中為每一個(gè)賬號(hào)都設(shè)置了一個(gè)權(quán)限位字段@User_right）,每個(gè)權(quán)限位上的值對(duì)應(yīng)考試管理模塊的一個(gè)子功能模塊，只要該權(quán)限位上的值為非0值，登錄后系統(tǒng)將加載該模塊，反之不然。針對(duì)教師賬號(hào)的權(quán)限管理以及賬號(hào)的新建等功能都在用戶管理子模塊中實(shí)現(xiàn)。

2.2.2考試管理和組卷模塊

教師是測(cè)評(píng)活動(dòng)的組織者，考試管理模塊為教師提供了組織一場(chǎng)新考試、結(jié)束考試和查詢歷次考試等功能。在組織一場(chǎng)新考試時(shí)，教師可能只希望針對(duì)某個(gè)或者某幾個(gè)知識(shí)點(diǎn)考核學(xué)生的掌握情況，也可能只希望對(duì)某種題型做一個(gè)小測(cè)。為此系統(tǒng)專門提供了一個(gè)考試策略設(shè)置頁面，在開啟考試之前，教師首先需要設(shè)置該場(chǎng)考試的考試名稱、考試知識(shí)點(diǎn)范圍、考試時(shí)間、各題型數(shù)量和分值、考試難度和考試結(jié)束時(shí)間等系統(tǒng)自動(dòng)組卷所需要的相關(guān)策略。系統(tǒng)將自動(dòng)判斷策略的設(shè)置是否合理，比如，考試名稱不能為空、各題型數(shù)量和分值乘積應(yīng)為100分等�？荚嚥呗灾性O(shè)置的考試結(jié)束時(shí)間是用來控制該考試的有效性，例如，201*年6月14日某位教師組織了一場(chǎng)針對(duì)前三章的小測(cè)，要求學(xué)生在一周內(nèi)完成該測(cè)評(píng)，那么該教師可以設(shè)置考試結(jié)束時(shí)間為201*年6月21日，當(dāng)系統(tǒng)時(shí)鐘到達(dá)考試結(jié)束時(shí)間時(shí)，該場(chǎng)考試將自動(dòng)關(guān)閉。當(dāng)然，教師本人也可以提前結(jié)束該場(chǎng)考試或延長考試的結(jié)束時(shí)間。

考試策略設(shè)置無誤后，系統(tǒng)將分配給此條策略一個(gè)ID號(hào)存入數(shù)據(jù)庫。大部分基于Web的測(cè)評(píng)系統(tǒng)都是在考生登錄考試時(shí)讀取考試策略再調(diào)用組卷模塊隨機(jī)生成一份試卷。實(shí)踐表明，當(dāng)同時(shí)參加考試的人數(shù)達(dá)到一定數(shù)量的時(shí)候，該組卷模式會(huì)造成客戶端和Web服務(wù)器的數(shù)據(jù)通訊非常繁忙，甚至?xí)��?dǎo)致組卷失敗。針對(duì)這種情況，考慮到數(shù)據(jù)的并發(fā)性，本系統(tǒng)采用了一種新的組卷模式：當(dāng)教師開啟考試的時(shí)候，系統(tǒng)先分配給該場(chǎng)考試一個(gè)序列號(hào)（Exam_id），然后調(diào)用組卷模塊，根據(jù)設(shè)置完成的考試策略隨機(jī)生成N（N>=1）份試卷，并將此N份試卷標(biāo)記為該序列號(hào)（Exam_id）存放在數(shù)據(jù)庫中。當(dāng)考生登錄的考試的時(shí)候，不再去調(diào)用組卷模塊，只需隨機(jī)地讀取一套標(biāo)記為Exam_id的試卷即可。采用全新的組卷模式，大大降低了大批量考生同時(shí)登錄測(cè)評(píng)系統(tǒng)時(shí)的服務(wù)器負(fù)擔(dān)，有效的解決了并發(fā)性的問題。

本系統(tǒng)設(shè)計(jì)了判斷題、單選題、多選題、程序填空題和程序設(shè)計(jì)題5種題型。單選題和多選題的選項(xiàng)采用隨機(jī)顯示，自動(dòng)閱卷系統(tǒng)會(huì)根據(jù)考生選擇的內(nèi)容而非ABCD項(xiàng)目名稱來評(píng)閱。隨機(jī)選項(xiàng)方式既可以有效地避免考生通過自測(cè)模式多次抽題強(qiáng)記答案，也可以干擾學(xué)生考試時(shí)的抄襲行為。

2.2.3考生管理

考生管理模塊主要功能是對(duì)考生的信息、考生的考試狀態(tài)、考試過程進(jìn)行管理，處理考生因機(jī)器故障、網(wǎng)絡(luò)通訊故障等造成的需要重考或繼續(xù)考試的特殊情況。

在考生登錄系統(tǒng)時(shí)，測(cè)評(píng)系統(tǒng)記錄了開始考試的時(shí)間和IP地址等信息，通過IP地址來防止同一個(gè)考生在多個(gè)終端同時(shí)進(jìn)行考試的行為。

系統(tǒng)同時(shí)為考生設(shè)置了未登錄、考試中、繼續(xù)考試、允許重考和已交卷等5種考生狀態(tài)�？忌�登錄考試后，考生狀態(tài)立即修改為“考試中”。如果機(jī)器發(fā)生故障，在終端IP地址保持不變的前提下，教師不需要修改考生狀態(tài)，考生可重啟機(jī)器后重新登錄考試，系統(tǒng)將讀取機(jī)器故障前考生的試題、答題情況和考試剩余時(shí)間，考生可以繼續(xù)同一份試卷的測(cè)評(píng)。如果考生登錄終端的IP地址已改變，則需要由組織考試的教師將考生的狀態(tài)修改為“繼續(xù)考試”，考生也可以繼續(xù)在另一臺(tái)機(jī)器上繼續(xù)同一份試卷的測(cè)評(píng)。在特殊情況下，例如網(wǎng)絡(luò)通訊故障造成抽取試卷失敗，教師可以修改該考生的狀態(tài)為“允許重考”，使得考生可再次登錄考試并重新抽取一套試卷開始考試。

通過考生狀態(tài)和考試機(jī)器IP地址的監(jiān)控進(jìn)行考生考試管理，有效地避免了考生代考或故意造成機(jī)器故障重新抽取試卷的等違反考試紀(jì)律的行為。

2.2.4成績管理和題庫管理

成績管理模塊提供了考生成績查詢、成績統(tǒng)計(jì)、考生答題狀況查詢等功能，教師可以根據(jù)這些數(shù)據(jù)開展針對(duì)性教學(xué)，對(duì)學(xué)生進(jìn)行補(bǔ)缺補(bǔ)漏、調(diào)整教學(xué)進(jìn)度等。成績管理模塊還提供了對(duì)主觀題（本系統(tǒng)中的程序填空題和程序設(shè)計(jì)題）自動(dòng)閱卷結(jié)果進(jìn)行查閱和修正的功能。

題庫管理提供了添加、更新和修改標(biāo)準(zhǔn)化試題的功能，方便教師進(jìn)行試題庫的維護(hù)。

2.3考生考試模塊

本系統(tǒng)設(shè)計(jì)了考生登錄考試時(shí)有兩種模式：自測(cè)（練習(xí)）和考試。根據(jù)考生模式選擇的不同，系統(tǒng)流程將有所區(qū)別，如圖3所示。

抽取試卷自測(cè)模式答題交卷結(jié)果顯示考生登錄模式選擇考試模式選擇考試不允許考試狀態(tài)允許抽取試卷計(jì)時(shí)考試交卷設(shè)置考生考試狀態(tài)結(jié)束考試圖3

2.3.1自測(cè)模式

學(xué)生可以隨時(shí)選擇自測(cè)模式進(jìn)行自主學(xué)習(xí)。在自測(cè)模式下，學(xué)生可以自主選擇考試知識(shí)點(diǎn)范圍，其他的組卷策略如考試時(shí)間、試題類型、數(shù)量和分值都采用一組系統(tǒng)默認(rèn)值。系統(tǒng)根據(jù)這組臨時(shí)策略調(diào)用組卷模塊，隨機(jī)生成一套試卷返回到客戶端讓學(xué)生進(jìn)行自測(cè)練習(xí)。當(dāng)學(xué)生交卷后，系統(tǒng)會(huì)自動(dòng)測(cè)評(píng)學(xué)生的答題情況并將其結(jié)果返回，結(jié)果包括成績、答題是否正確、正確答案等信息。學(xué)生能及時(shí)了解到自己的答題情況是自主學(xué)習(xí)的重要環(huán)節(jié)，這樣才能實(shí)時(shí)了解在哪些知識(shí)點(diǎn)還存在欠缺。

2.3.2考試模式

在考試模式下，系統(tǒng)會(huì)列出所有開啟中的考試�？忌�必須選擇他所要參加的考試。選定考試后，系統(tǒng)會(huì)判斷該考生的該場(chǎng)考試狀態(tài)，如果考生狀態(tài)為“未登錄”或“允許重考”，系統(tǒng)將從數(shù)據(jù)庫中隨機(jī)抽取一套試卷，并將考生狀態(tài)設(shè)置為“考試中”。如果考生狀態(tài)為“考試中”并且本機(jī)IP地址和數(shù)據(jù)庫中記錄的IP地址一致或考生狀態(tài)為“允許繼續(xù)考試”，系統(tǒng)將讀取數(shù)據(jù)庫中該考生未答完的試卷繼續(xù)考試。在考試模式下，考生交卷后系統(tǒng)將考生的狀態(tài)設(shè)置為“已交卷”，考試結(jié)果存入數(shù)據(jù)庫，不返回測(cè)評(píng)結(jié)果給考生。

2.3.3自動(dòng)計(jì)時(shí)和答題情況自動(dòng)保存的實(shí)現(xiàn)

考慮到系統(tǒng)的開放性，考生開始測(cè)評(píng)的時(shí)間是各不相同的，不能像傳統(tǒng)考試模式那樣進(jìn)行統(tǒng)一計(jì)時(shí)，需要由系統(tǒng)來對(duì)考試時(shí)間進(jìn)行智能化的控制。同時(shí)，為了避免考試過程中因機(jī)器故障或網(wǎng)絡(luò)通訊中斷等原因造成答題信息丟失，需要每隔一段時(shí)間將考生的答題情況保存到數(shù)據(jù)庫中。為了實(shí)現(xiàn)自動(dòng)計(jì)時(shí)和答題的自動(dòng)保存，本系統(tǒng)采用目前比較成熟的Ajax技術(shù)和JavaScript來實(shí)現(xiàn)。使用Ajax的最大優(yōu)點(diǎn)，就是能在不更新整個(gè)頁面的前提下維護(hù)數(shù)據(jù)，這使得Web應(yīng)用程序更為迅捷地回應(yīng)用戶動(dòng)作，并避免了在網(wǎng)絡(luò)上發(fā)送那些沒有變化的信息。利用Javascript的SetTimeout函數(shù)，可以輕松實(shí)現(xiàn)倒計(jì)時(shí)，并在考試結(jié)束前5分鐘給考生相應(yīng)的提示，當(dāng)考試剩余時(shí)間為0時(shí)，系統(tǒng)會(huì)自動(dòng)完成交卷動(dòng)作。利用Ajax技術(shù)定時(shí)自動(dòng)將考生的答題信息以及考試剩余時(shí)間發(fā)送給服務(wù)器，保存到數(shù)據(jù)庫中，確保異常情況下的重新開始考試。

2.4自動(dòng)閱卷的實(shí)現(xiàn)

本測(cè)評(píng)系統(tǒng)設(shè)計(jì)了判斷題、單選題、多選題、程序填空題和程序設(shè)計(jì)題5種題型。

對(duì)于判斷題、單選題和多選題這三種客觀題的閱卷，可以利用數(shù)據(jù)庫觸發(fā)器來實(shí)現(xiàn)。當(dāng)答題情況保存到數(shù)據(jù)庫的時(shí)候，觸發(fā)器開始工作，讀取標(biāo)準(zhǔn)答案和考生答案進(jìn)行比對(duì)，如果匹配則讀取本場(chǎng)考試對(duì)應(yīng)的考試策略，將該題分值寫回?cái)?shù)據(jù)庫。

主觀題的自動(dòng)閱卷是考試系統(tǒng)的難點(diǎn)，針對(duì)Web程序設(shè)計(jì)考試系統(tǒng)的程序填空題和程序設(shè)計(jì)題這兩類主觀題的特點(diǎn)，它們既是文本又是程序，因而可以同時(shí)采用兩種模式實(shí)現(xiàn)自動(dòng)閱卷。

第一種模式：檢查考生完成后程序的運(yùn)行結(jié)果。將考生的答案提取出來放入一個(gè)臨時(shí)的Vbs文件，將代碼中的部分語句做有條件的迭代，再根據(jù)數(shù)據(jù)庫中的參考答案放入幾組測(cè)試數(shù)據(jù)，利用系統(tǒng)自帶的Cscript程序運(yùn)行迭代過的代碼，如果代碼能正確運(yùn)行則將運(yùn)行結(jié)果輸出到一個(gè)臨時(shí)文件。通過比對(duì)臨時(shí)代碼的輸出結(jié)果和參考答案的輸出結(jié)果進(jìn)行評(píng)分。這種模式下，學(xué)生的成績將是0分或滿分兩種。第二種模式：答題文本的比對(duì)。如果第一種模式閱卷結(jié)果是0分，意味著考生完成的程序運(yùn)行失敗或結(jié)果比對(duì)不匹配，系統(tǒng)馬上通過代碼相似度的比對(duì)進(jìn)行閱卷，通過比對(duì)考生答案和參考答案的相似度以及關(guān)鍵字位置的提取比對(duì)等手段進(jìn)行評(píng)分。

需要說明的是，有些面向?qū)ο笤囶}的代碼是沒有輸入數(shù)據(jù)和輸出結(jié)果的。這類試題只能采用第二種模式進(jìn)行閱卷。

3結(jié)束語

網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展對(duì)人才培養(yǎng)目標(biāo)也有了新的要求，掌握Web程序設(shè)計(jì)技能，學(xué)會(huì)一種Web程序設(shè)計(jì)語言并具有一定的程序設(shè)計(jì)思維就顯得非常重要。本系統(tǒng)非常適合運(yùn)用在Web程序設(shè)計(jì)教學(xué)活動(dòng)中，具有較好的易用性和智能化，在有效地提高學(xué)生技能的過程中又很好地減輕了教師的勞動(dòng)強(qiáng)度，最終較好地提高了教學(xué)的質(zhì)量。

本系統(tǒng)已經(jīng)應(yīng)用在浙江理工大學(xué)日常教學(xué)活動(dòng)中，有兩屆800多學(xué)生使用了該測(cè)評(píng)系統(tǒng)，得到了師生的好評(píng)。當(dāng)然，本系統(tǒng)也還存在一些不足之處，需要在教學(xué)實(shí)踐過程中進(jìn)一步完善和優(yōu)化。

參考文獻(xiàn)

1、[美]JohnKauffman,ThiruThangarathinam.ASP.NET數(shù)據(jù)庫應(yīng)用.第4版.北京：

清華大學(xué)出版社，201*.6

2、薩師煊，王珊．?dāng)?shù)據(jù)庫系統(tǒng)概論．北京：高等教育出版社，201*

3、林永興，莊紅．一種實(shí)時(shí)測(cè)評(píng)計(jì)算機(jī)操作技能的系統(tǒng)．浙江理工大學(xué)學(xué)報(bào).201*.

擴(kuò)展閱讀：web程序設(shè)計(jì)課程報(bào)告

MyPetShop商城系統(tǒng)分析報(bào)告

1、課程作業(yè)概述

1.1課程實(shí)習(xí)的目的

《WEB開發(fā)技術(shù)》是一門實(shí)用性、綜合性較強(qiáng)的課程。學(xué)生在學(xué)完本門課程后，不僅要了解WEB設(shè)計(jì)的方法和技術(shù)，更重要的是能綜合應(yīng)用所學(xué)的數(shù)據(jù)庫、高級(jí)編程語言及網(wǎng)頁設(shè)計(jì)的知識(shí)，具有實(shí)際開發(fā)動(dòng)態(tài)網(wǎng)站的能力。本課程設(shè)計(jì)旨在使學(xué)生通過完成一個(gè)小型的模擬命題，實(shí)現(xiàn)從網(wǎng)站規(guī)劃、設(shè)計(jì)和編碼的全過程，將理論知識(shí)和實(shí)踐知識(shí)相結(jié)合，提高學(xué)生實(shí)際開發(fā)網(wǎng)站的動(dòng)手能力。1.2課程實(shí)習(xí)的要求

（1）、分析課程設(shè)計(jì)題目的要求。（2）、寫出詳細(xì)設(shè)計(jì)說明。

（3）、編寫程序代碼，調(diào)試程序使其能正確運(yùn)行。（4）、設(shè)計(jì)完成的軟件要便于操作和使用。

（5）、設(shè)計(jì)完成后提交課程設(shè)計(jì)報(bào)告，課程設(shè)計(jì)報(bào)告內(nèi)容包括：課程設(shè)計(jì)目的、設(shè)計(jì)任務(wù)與要求、設(shè)計(jì)說明書、設(shè)計(jì)成果和設(shè)計(jì)心得五個(gè)部分，具體要求見設(shè)計(jì)報(bào)告模板。

1.3課程設(shè)計(jì)任務(wù)內(nèi)容

本課程設(shè)計(jì)要求學(xué)生用asp.net數(shù)據(jù)庫訪問技術(shù)開發(fā)一個(gè)動(dòng)態(tài)網(wǎng)站，利用B/S結(jié)構(gòu)，能將客戶端的用戶請(qǐng)求提交給服務(wù)器端的程序處理。服務(wù)器端程序能完成數(shù)據(jù)的插入、刪除、更新以及將用戶請(qǐng)求的查詢數(shù)據(jù)返回客戶端。

Mypetshop網(wǎng)站主要用于網(wǎng)上購物，同時(shí)系統(tǒng)還要便于管理員對(duì)前臺(tái)的商品信息等等進(jìn)行有效管理。

該網(wǎng)站具有以下基本功能：（1）、在前臺(tái)進(jìn)行相關(guān)商品瀏覽。

（2）、用戶注冊(cè)登錄，登錄后就享有會(huì)員的相關(guān)權(quán)利。

（3）、把喜歡的商品放入購物車，以便繼續(xù)查看更多喜歡的商品。（4）、網(wǎng)站上還有對(duì)全國各城市天氣的預(yù)報(bào)功能，方便你了解天氣。（5）、能進(jìn)行相關(guān)訂單的處理。

（6）、具有后臺(tái)對(duì)前臺(tái)商品信息進(jìn)行相關(guān)管理的功能。

2、詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)

2.1寵物店網(wǎng)站流程圖

按照電子商務(wù)網(wǎng)站的一般規(guī)劃和人們使用電子商務(wù)網(wǎng)站的習(xí)慣，前臺(tái)商品瀏

覽模塊主要實(shí)現(xiàn)按照各種條件顯示、查看商品的前臺(tái)顯示功能。用戶使用前臺(tái)的商品瀏覽模塊的流程如圖：

寵物店網(wǎng)站前天網(wǎng)用購臺(tái)氣站戶商預(yù)地注物品報(bào)圖冊(cè)瀏模功登車覽塊能錄模模模模塊塊塊

塊

系統(tǒng)功能模塊設(shè)計(jì)圖

本網(wǎng)站主要是按照上面的系統(tǒng)功能模塊設(shè)計(jì)圖所示的方法進(jìn)行展開的，每個(gè)功能之間有相互的合理連接，有順序地展開。本網(wǎng)站是在ASP.NET和IIS5.0環(huán)境中設(shè)計(jì)的，數(shù)據(jù)庫用SQL實(shí)現(xiàn)。以下就各個(gè)功能進(jìn)行介紹：

（1）、購物車商品瀏覽功能：該功能主要是為用戶提供對(duì)商品的瀏覽和對(duì)商品信息的展示，讓用戶在購物的過程中找到自己合適的商品并且進(jìn)行下訂單、訂購。（2）、在本網(wǎng)站進(jìn)行購物必須要先注冊(cè)成為會(huì)員，然后才能進(jìn)行購物，本模塊主要是獲取用戶的信息，然后進(jìn)行登錄、注冊(cè)成為會(huì)員。如果不先注冊(cè)，就只能在網(wǎng)站首頁瀏覽商品不能進(jìn)行訂購商品。

用戶

否是否注用戶注冊(cè)冊(cè)？

是注冊(cè)成功

登錄系統(tǒng)

修改密碼購物記錄退出系統(tǒng)用戶登錄注冊(cè)模塊使用流程圖

（3）、購物車模塊，這個(gè)模塊是每個(gè)電子商務(wù)站點(diǎn)的基本元素。本系統(tǒng)應(yīng)用Profile個(gè)性化用戶配置技術(shù)實(shí)現(xiàn)購物車模塊，允許匿名用戶訪問購物車。購物車中包括了用戶決定購買的所有商品的信息，包括商品編號(hào)、商品名稱、商品價(jià)格、購買數(shù)量以及用戶的應(yīng)付總價(jià)等。主要功能包括商品瀏覽、商品刪除、清空購物車、重新計(jì)算、結(jié)算和繼續(xù)購物等功能。

用戶

訪問購物車頁面

購買

繼續(xù)購物刪除商品結(jié)算清空購物車

購物車模版使用流程圖

（4）、訂單結(jié)算模塊：主要是商品的結(jié)算和提交訂單、填寫送貨地址、和郵編

或者可以選擇繼續(xù)購物等。

用戶訂單、結(jié)算訂單、結(jié)算填寫相關(guān)信息訂單結(jié)算成功

訂單結(jié)算模塊使用流程圖

2.2用戶控件設(shè)計(jì)

用戶控件設(shè)計(jì)有商品類別列表用戶控件，用戶狀態(tài)用戶控件，站點(diǎn)導(dǎo)航用戶控件，最新商品列表用戶控件，商品類別及商品導(dǎo)航用戶控件以及天氣預(yù)報(bào)用戶控件。

2.1.1商品類別列表用戶控件

商品類別列表用戶控件由Category.ascx實(shí)現(xiàn)，包括一個(gè)GridView控件，用于顯示商品類別及該類別所有的商品數(shù)量，其中商品類別顯示為超鏈接，通過單擊商品類別可進(jìn)入該類別的商品列表頁面。其運(yùn)行效果如下；

2.1.2用戶狀態(tài)用戶控件

包括LoginView、LoginName和LoginStatus控件，實(shí)現(xiàn)根據(jù)不同角色用戶

的不同狀態(tài)顯示不同的用戶狀態(tài)信息和可操作菜單。執(zhí)行效果如下；

2.1.3站點(diǎn)導(dǎo)航用戶控件

包括一個(gè)SiteMapPath控件，實(shí)現(xiàn)站點(diǎn)導(dǎo)航功能。下面就是一個(gè)當(dāng)用戶訪問產(chǎn)品詳細(xì)信息頁面時(shí)，站點(diǎn)導(dǎo)航用戶控件的效果的例子；

2.1.4最新商品列表用戶控件

包括一個(gè)GridView控件，用于顯示最新商品信息，包括商品名稱和商品價(jià)格信息，單擊商品名稱將進(jìn)入商品詳細(xì)信息頁面。

運(yùn)行后的效果如下；

2.1.5商品類別及商品導(dǎo)航用戶控件

2.1.6天啟預(yù)報(bào)用戶控件

通過調(diào)用Web服務(wù)，顯示全國所有省、直轄市的主要城市最近3天的天氣情況。

效果如下；

2.2前臺(tái)顯示頁面設(shè)計(jì)

前臺(tái)顯示頁面設(shè)計(jì)包括母頁面的設(shè)計(jì)，應(yīng)用程序首頁Default.aspx，商品詳細(xì)信息瀏覽頁面，商品搜索頁面。2.2.1母頁面的設(shè)計(jì)

在設(shè)計(jì)母版頁面時(shí)有四個(gè)關(guān)鍵步驟：（1）創(chuàng)建母版頁是選擇“AJAX母版面”，以便能使用ASP.NET.AJAX技術(shù)。（2）添加Web部件。

（3）將用戶控件添加到母版頁中。（4）實(shí)現(xiàn)商品搜索功能。效果如下；

2.2.2應(yīng)用程序首頁Default.aspx

除了顯示母版頁中的內(nèi)容外，還顯示最新商品信息、商品分類信息和天氣預(yù)報(bào)信息等。

2.2.3商品詳細(xì)信息瀏覽頁面

可以按商品類別瀏覽該類別所有商品的詳細(xì)信息，也可以按商品編號(hào)瀏覽特點(diǎn)商品詳細(xì)信息。

部分效果如下；

2.2.4商品搜索頁面

實(shí)現(xiàn)模糊查找商品并顯示商品詳細(xì)信息的功能。用到了GridView控件，實(shí)現(xiàn)了以列表形式顯示商品詳細(xì)信息，并提供分頁顯示功能和購買商品按鈕。

效果如下；

2.3用戶注冊(cè)和登錄模塊

用戶注冊(cè)和登錄模塊主要包括注冊(cè)新用戶，用戶登錄，修改用戶密碼，找回用戶密碼已經(jīng)推出系統(tǒng)。2.3.1注冊(cè)新用戶

主要涉及及登錄系列控件的CreateUserWizard控件，為用戶提供注冊(cè)新用戶功能。

界面如下；

2.3.2用戶登錄

用于會(huì)員登錄，登錄頁面時(shí)還提供了“我還沒注冊(cè)！”超鏈接和“忘記密碼了？”的提醒。2.3.3修改用戶密碼

用于會(huì)員進(jìn)行密碼修改，由GetPwd.aspx頁面實(shí)現(xiàn)。效果如下；

2.3.4退出系統(tǒng)

由Navigation1.ascx用戶控件內(nèi)的LoginStatus控件實(shí)現(xiàn)。2.4購物車模塊

購物車模塊有購物車組件設(shè)計(jì)，添加商品到購物車，查看購物車商品以及修改購物車中的商品。2.4.1購物車組件設(shè)計(jì)

實(shí)現(xiàn)添加和刪除商品、計(jì)算購物車內(nèi)商品總價(jià)等功能。通過操作個(gè)性化用戶配置屬性來實(shí)現(xiàn)訪問、存儲(chǔ)和顯示購物車數(shù)據(jù)的功能，同時(shí)還實(shí)現(xiàn)了允許匿名用戶訪問和使用購物車的功能。2.4.2添加商品到購物車

在瀏覽商品詳細(xì)信息頁面時(shí)，單擊“購買”按鈕后用戶將被重定向到ShopCart.aspx頁面，同時(shí)該商品的商品編號(hào)作為參數(shù)也以查詢字符串方式傳遞到了該頁面，并在ShopCart.aspx頁面的Page_Load事件中完成添加購物車商品和顯示購物車商品的功能。

2.4.3查看購物車商品實(shí)現(xiàn)查看到底自己想買啥了。2.4.4修改購物車中的商品

效果如下；

2.5訂單處理

訂單處理功能模塊主要實(shí)現(xiàn)訂單管理功能，主要包括創(chuàng)建訂單和查看訂單功能。訂單處理頁面只允許登錄用戶訪問，且每個(gè)登錄用戶只能查看自己的訂單詳細(xì)信息。

3、使用說明

確保服務(wù)器上安裝了IIS和.netframework（win201*系統(tǒng)已經(jīng)自帶.netfarmework,不用再安裝）；把商城文件復(fù)制到IIS設(shè)的虛擬目錄中,并在IIS中建立應(yīng)用程序；做了上面的工作，那就基本大功告成了！可以訪問你自己的網(wǎng)絡(luò)商城了，本機(jī)訪問網(wǎng)址為：虛擬目錄名稱；管理入口：虛擬目錄/Admin默認(rèn)用戶名：Admin，默認(rèn)密碼:Admin。

4、課程設(shè)計(jì)心得和體會(huì)

學(xué)習(xí)是個(gè)自主的過程，光靠老師是遠(yuǎn)遠(yuǎn)不夠的，更多的是要看自己的態(tài)度，俗話說師傅引進(jìn)門，修行靠個(gè)人。Web是一門非常具有創(chuàng)造性、開放性思維的課程，自主學(xué)習(xí)就顯得更為重要。Web網(wǎng)頁需要不斷的進(jìn)行修改、優(yōu)化。一個(gè)好的網(wǎng)站來自不斷的嘗試，不斷的靈感，不可能一下就能做好。一下做好的是沒多少涵義的，如同曇花一現(xiàn)，美卻不持久，“欲速則不達(dá)”。我們更應(yīng)該去體會(huì)web真正的涵義，學(xué)習(xí)的真正涵義，生活的真正涵義。Mypetshop電子商務(wù)網(wǎng)站雖然做好了，也能正常運(yùn)作，但是很多地方還需要改良。通過這次建立網(wǎng)站，使自己知道了團(tuán)隊(duì)的力量之大，對(duì)以后的人生有重大影響。在網(wǎng)站的開發(fā)設(shè)計(jì)過程中，遇到一些技術(shù)困難，經(jīng)過努力后還沒得到解決，所以有些模塊功能不是很理想。希望在以后不斷學(xué)習(xí)下，能夠更好地從整體上把握，然后細(xì)節(jié)上爭(zhēng)取做好。在學(xué)習(xí)的過程中，使我們認(rèn)識(shí)到做網(wǎng)站最重要的是要做好一個(gè)系統(tǒng)的總體規(guī)劃。做好了總體規(guī)劃就等于成功了一半。

附錄：部分程序清單

1、商品類別列表用戶控件的源代碼如下；

總價(jià)：

2、商品類別及商品導(dǎo)航用戶控件

3、登錄代碼

4、注冊(cè)代碼

5、購物車代碼

總價(jià)：êo

友情提示：本文中關(guān)于《web程序設(shè)計(jì)課程報(bào)告》給出的范例僅供您參考拓展思維使用，web程序設(shè)計(jì)課程報(bào)告：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《web程序設(shè)計(jì)課程報(bào)告》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.7334dd.com/gongwen/626232.html

• 上一篇：制圖實(shí)訓(xùn)報(bào)告
• 下一篇：VI實(shí)訓(xùn)報(bào)告