軟件學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

［收稿日期］2008年6月20日

［作者簡(jiǎn)介］王澤松(1981～ )：女，山東青島人，研究方向：高校計(jì)算機(jī)教學(xué)。

［摘 要］本設(shè)計(jì)采用Asp、Ajax、Dreamweaver和Access作為開發(fā)工具，開發(fā)了一個(gè)界面友好、人性化較為突出、功能強(qiáng)大并較為實(shí)用的學(xué)習(xí)網(wǎng)站。系統(tǒng)包括用戶模塊，文章模塊，代碼庫模塊，資源模塊，友情鏈接模塊，實(shí)現(xiàn)了文章瀏覽，代碼學(xué)習(xí)，資源下載上傳等功能。

［關(guān)鍵詞］教學(xué)網(wǎng)站 ASP Ajax Access數(shù)據(jù)庫

［中圖分類號(hào)］TP

［文獻(xiàn)標(biāo)識(shí)碼］A

［文章編號(hào)］1009－5489(2008)07－0211－02



隨著網(wǎng)絡(luò)的快速發(fā)展，許多傳統(tǒng)的信息和數(shù)據(jù)庫系統(tǒng)正在被移植到互聯(lián)網(wǎng)上，軟件學(xué)習(xí)網(wǎng)站無疑就是其中一個(gè)。軟件學(xué)習(xí)網(wǎng)站能提供人機(jī)交互，使學(xué)習(xí)者可以通過網(wǎng)絡(luò)學(xué)習(xí)到有關(guān)軟件的知識(shí)與使用，可謂是一種全新的學(xué)習(xí)方式，它不再受到傳統(tǒng)教學(xué)方式的制約，突破了地理位置、時(shí)間的界限，為共享資源，交流經(jīng)驗(yàn)提供了方便。正是由于軟件學(xué)習(xí)網(wǎng)站傳播信息迅速方便、信息容量大、覆蓋面廣、交互性強(qiáng)等特點(diǎn)，越來越多的人已經(jīng)選擇了在專門的軟件學(xué)習(xí)網(wǎng)站進(jìn)行軟件的學(xué)習(xí)。軟件學(xué)習(xí)網(wǎng)站提供個(gè)性化、智能化的教學(xué)平臺(tái)，極大地激發(fā)了學(xué)習(xí)的學(xué)習(xí)興趣，提高了學(xué)習(xí)效率。盡管當(dāng)前新形勢(shì)下學(xué)習(xí)網(wǎng)站多種多樣，但專門針對(duì)軟件學(xué)系建立的系統(tǒng)的學(xué)習(xí)網(wǎng)站，存在界面上不夠親切人性化，功能上不夠簡(jiǎn)單快捷實(shí)用的缺陷。本文專門針對(duì)當(dāng)前學(xué)習(xí)網(wǎng)站存在的突出問題，充分考慮了學(xué)習(xí)者的需要，力求設(shè)計(jì)出一個(gè)功能較為完備、簡(jiǎn)單實(shí)用，界面較為親切友好的軟件學(xué)習(xí)網(wǎng)站，以營(yíng)造一個(gè)有利于提高學(xué)習(xí)的效率和學(xué)生學(xué)習(xí)的新環(huán)境。

一、采用技術(shù)和開發(fā)工具介紹



針對(duì)不同的應(yīng)用平臺(tái)要選擇合適的設(shè)計(jì)工具，采用更為有效實(shí)用的技術(shù)。鑒于此案所設(shè)計(jì)的教學(xué)網(wǎng)站是運(yùn)行在Windows平臺(tái)下的一個(gè)小型網(wǎng)站，選擇當(dāng)今應(yīng)用極為廣泛的ASP技術(shù)和發(fā)展較為成熟的數(shù)據(jù)庫技術(shù)(Access數(shù)據(jù)庫管理系統(tǒng))，配合可視化編輯工具ADOBE Dreamweaver CS3，并充分考慮該學(xué)習(xí)網(wǎng)站的顯示速度和安全性，盡量彌補(bǔ)這兩種技術(shù)存在的缺陷。

1.IIS簡(jiǎn)介

Web服務(wù)器是Web應(yīng)用程序的心臟。IIS(Internet Information Server)是微軟推出的Windows NT Option Pack的主要成員，是微軟公司為了建立Web站點(diǎn)而發(fā)布的Web服務(wù)器軟件，作為Win2000server的擴(kuò)展，自推出以來已經(jīng)有了很大發(fā)展，其體系結(jié)構(gòu)是當(dāng)今市場(chǎng)上最受關(guān)注的Web服務(wù)器之一。新推出的IIS4.0版本增強(qiáng)了系統(tǒng)安全性，具有服務(wù)器端腳本開發(fā)調(diào)試，內(nèi)容管理和站點(diǎn)分析，崩潰防護(hù)，內(nèi)置JAVA虛擬機(jī)及全面支持ASP等強(qiáng)大功能。

2.ASP技術(shù)簡(jiǎn)介和選擇ASP技術(shù)的原因

ASP全稱為Active Server Pages，即動(dòng)態(tài)服務(wù)器頁面，是Microsoft公司開發(fā)的Web服務(wù)器端腳本開發(fā)環(huán)境，利用它可以生成動(dòng)態(tài)、高效的Web應(yīng)用程序。雖然人們習(xí)慣于將ASP稱為ASP語言，但從嚴(yán)格意義上講，ASP只是為VB Script和JavaScript等腳本語言提供了一個(gè)運(yùn)行環(huán)境，使開發(fā)人員可以在HTML代碼中使用腳本語言編寫程序。

3.AJAX技術(shù)簡(jiǎn)介和選擇AJAX技術(shù)的原因

AJAX全稱為“Asynchronous JavaScript and XML”(異步JavaScript和XML)，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。

Ajax不是一個(gè)技術(shù)，它實(shí)際上是幾種技術(shù)，每種技術(shù)都有其獨(dú)特這處，合在一起就成了一個(gè)功能強(qiáng)大的新技術(shù)。

4.ADO簡(jiǎn)介

ADO(Active Data Object)，一個(gè)ASP內(nèi)置服務(wù)器對(duì)象的數(shù)據(jù)庫訪問控件。ADO對(duì)象給開發(fā)人員提供了一種快捷、簡(jiǎn)單、高效的數(shù)據(jù)庫訪問方法。

ADO出現(xiàn)之前，從Web程序中訪問數(shù)據(jù)庫是非常麻煩的。而從ASP問世后，開發(fā)人員可以輕松的通過ADO模式來訪問存儲(chǔ)在數(shù)據(jù)庫中的文件。ADO可以包含在ASP應(yīng)用程序中來產(chǎn)生對(duì)數(shù)據(jù)庫的連接，進(jìn)而存取和操縱數(shù)據(jù)庫中的表，形成用戶實(shí)際要使用的數(shù)據(jù)的集合。5.WEB數(shù)據(jù)庫技術(shù)

本系統(tǒng)使用的是Access數(shù)據(jù)庫技術(shù)，它提供了表、查詢、窗體、報(bào)表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對(duì)象；提供了多種向?qū)?、生成器、模板，把?shù)據(jù)存儲(chǔ)、數(shù)據(jù)查詢、界面設(shè)計(jì)、報(bào)表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分?jǐn)?shù)據(jù)管理的任務(wù)。

6.DREAMWEAVER介紹

Dreamweaver是美國(guó)ADOBE公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。

說到Dreamweaver我們應(yīng)該了解一下網(wǎng)頁編輯器的發(fā)展過程，隨著互聯(lián)網(wǎng)(Internet)的家喻戶曉，HTML技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁編輯器，從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器(則原始代碼編輯器)，兩者各有千秋。所見則所得網(wǎng)頁編輯器的優(yōu)點(diǎn)就是直觀性，使用方便，容易上手。

二、網(wǎng)站系統(tǒng)分析



網(wǎng)絡(luò)應(yīng)用開發(fā)技術(shù)在日新月異地進(jìn)步，從而使網(wǎng)站應(yīng)用系統(tǒng)的開發(fā)模式具有多種選擇性，達(dá)到同樣的目標(biāo)可以采用很多不同的方式，現(xiàn)代的應(yīng)用系統(tǒng)越來越成為一個(gè)龐大的集成方案，需要考慮不同的操作平臺(tái)、不同的應(yīng)用服務(wù)器、不同的數(shù)據(jù)庫、不同的編程語言、不同的傳輸介質(zhì)等，現(xiàn)在有Windows、Unix、Linux等各種服務(wù)器操作平臺(tái)，有Access、SQL Server、Oracle、DB2、Sybase和MySQL等數(shù)據(jù)庫，有ASP、JAVA、PHP、CGI、JSP、C++、VB和Delphi等工具，系統(tǒng)分析就是確定是選擇Windows + Access + ASP好還是Unix + Oracle +JAVA合適，我們要針對(duì)不同的應(yīng)用場(chǎng)合進(jìn)行分析。此外，各類軟件和語言還在不斷發(fā)展進(jìn)步之中，因此系統(tǒng)分析工作從很大程度上決定了系統(tǒng)開發(fā)的成敗。

網(wǎng)站功能分析

網(wǎng)站整體結(jié)構(gòu)分為前臺(tái)界面展示和后臺(tái)管理兩部分。前臺(tái)主要分用戶注冊(cè)與登錄、用戶發(fā)布代碼，用戶上傳資源，網(wǎng)站連接、網(wǎng)站版權(quán)、設(shè)為首頁、加入收藏等模塊，后臺(tái)主要是針對(duì)管理員，可以進(jìn)行數(shù)據(jù)庫的維護(hù)與管理，提供分類的添加、修改和刪除，文章的添加、修改、刪除，代碼的添加、刪除，友情鏈接的添加、刪除，資源的添加、刪除以及管理員和用戶密碼的修改等。根據(jù)學(xué)習(xí)網(wǎng)站的特點(diǎn)，將網(wǎng)站分為前臺(tái)用戶界面設(shè)計(jì)和后臺(tái)數(shù)據(jù)庫管理設(shè)計(jì)兩部分。

三、數(shù)據(jù)庫設(shè)計(jì)與實(shí)現(xiàn)



1.數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)

進(jìn)行數(shù)據(jù)庫的需求分析時(shí)，不僅要考慮到軟件系統(tǒng)當(dāng)前要實(shí)現(xiàn)的功能，更要注重軟件的可維護(hù)性和擴(kuò)展性，即考慮到以后可能增長(zhǎng)的需求。

由本網(wǎng)站的功能要求，得到系統(tǒng)數(shù)據(jù)庫有以下的需求信息。

(1)每個(gè)注冊(cè)用戶都有用戶名、密碼、聯(lián)系方式、興趣等一些基本信息；

(2)管理員信息，包括管理員賬號(hào)，管理員密碼，管理員真實(shí)姓名；

(3)記錄上傳文章的基本信息，包括文章編號(hào)、標(biāo)題、內(nèi)容、上傳時(shí)間、上傳者、文章中的圖片、分類等；

(4)記錄代碼的基本信息，包括代碼編號(hào)、代碼標(biāo)題、代碼內(nèi)容、上傳者、上傳時(shí)間以及分類等；

(5)友情鏈接的信息，包括友情鏈接的網(wǎng)站名稱，網(wǎng)址，網(wǎng)站Logo地址等；

(6)管理欄目分類信息，包括大類標(biāo)識(shí)號(hào)，小類名稱；

(7)記錄上傳資源的信息，包括資源發(fā)布者，名稱，描述等信息。

2.數(shù)據(jù)表結(jié)構(gòu)實(shí)現(xiàn)

數(shù)據(jù)庫中共有表：admin、article、articletype、code、link、source和users。

四、網(wǎng)站整體設(shè)計(jì)



1.DIV+CSS實(shí)現(xiàn)網(wǎng)站頁面設(shè)計(jì)

DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)(或稱“WEB標(biāo)準(zhǔn)”)中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格(table)定位方式的區(qū)別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用css+div的方式實(shí)現(xiàn)各種定位。

2.創(chuàng)建數(shù)據(jù)庫連接

動(dòng)態(tài)網(wǎng)站開發(fā)，一個(gè)很重要的步驟就是創(chuàng)建數(shù)據(jù)庫連接，即訪問數(shù)據(jù)庫。本站采用了ADO(ActiveX數(shù)據(jù)對(duì)象)存取數(shù)據(jù)庫的對(duì)象，連接數(shù)據(jù)庫驅(qū)動(dòng)為ODBC(開放數(shù)據(jù)庫互連)，連接方式為DSNless connection(不用數(shù)據(jù)源打開數(shù)據(jù)庫)。

ADO是微軟提供的一種訪問數(shù)據(jù)的方法，是一項(xiàng)容易使用并且可擴(kuò)展的、將數(shù)據(jù)庫訪問添加到Web頁的技術(shù)。ADO(ActiveX Data Objects)是用來存取數(shù)據(jù)庫的對(duì)象統(tǒng)稱，是建立在OLE DB技術(shù)基礎(chǔ)上的接口技術(shù)，OLE DB在ODBC的基礎(chǔ)上，用面向?qū)ο蟮乃枷雽?duì)ODBC的函數(shù)重新進(jìn)行了分類和包裝，形成了新的標(biāo)準(zhǔn)，即ODBC是OLE DB 的子類，而OLE DB是ODBC的超類。ADO主要含有三種對(duì)象：Connection、Recordset和Command。

［參考文獻(xiàn)］

［1］胡勇輝：《ASP動(dòng)態(tài)網(wǎng)頁編程》，清華大學(xué)出版社2007年9月版。

［2］湯代祿等：《ASP案例開發(fā)集錦》，電子工業(yè)出版社2005年8月版。

［3］石志國(guó)：《ASP動(dòng)態(tài)網(wǎng)站編輯》，清華大學(xué)出版社2001年9月版。

［4］馮曼菲：《征服Ajax Web2.0開發(fā)技術(shù)詳解》，人民郵電出版社2006年1月版。

［5］溫明：《ASP網(wǎng)站建設(shè)實(shí)錄》，北京希望電子出版社2005年2月版。

［6］石志國(guó)：《ASP動(dòng)態(tài)網(wǎng)站編輯》，清華大學(xué)出版社2001年9月版。

［7］張景峰：《ASP程序設(shè)計(jì)及應(yīng)用》，中國(guó)水利水電出版社2005年3月版。

［8］趙增敏：《ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》，電子工業(yè)出版社2003年8月版。