動態網站的制作實例

摘要：向用戶發送數據是服務器端腳本的任務，而ASP恰好是一個強大的服務器端腳本環境。在ASP中可以把靜態內容（HTML）和動態數據（VBScript）結合起來創建動態Web 應用程序。本文利用Dreamweaver MX和ASP開發了公司的動態網站，更準確地說是制作了一個動態Web 應用程序。通過此系統在服務器上的運行不但使繁瑣的文件傳閱工作變得十分簡單，而且實現了跨地域跨時間的信息共享，從而大大提高了辦公自動化水平，實現了無紙化辦公。

關鍵詞：ASP；IIS；虛擬路徑；ADO；ODBC數據源；記錄集

中圖分類號：TP393文獻標識碼：A文章編號：1009-3044(2008)29-0307-02

Dynamic Examples of the Production Site

HU Zhi-jie，LUO Qing-fang

(Yellow River Electric Power Overhaul Engineering CO.LTD，Xining 751601，China)

Abstract: Users to send data to a server-side script of the task， and ASP happens to be a powerful server-side scripting environment. In ASP can be static content (HTML) and Dynamic Data (VBScript) combine to create dynamic Web applications. By using Dreamweaver MX and ASP development of the company's dynamic web site， more accurately， produced a dynamic Web applications.Through this system， running on the server will not only make the tedious work of the circulated document is very simple， to achieve the cross-boundary and cross-time sharing of information， thereby greatly increasing the level of office automation and achieve a paperless office.

Key word: ASP; IIS; virtual path; ADO; ODBC data source; record set

1 整體規劃布局

綜合考慮公司各個部門職能和日常的工作項目需要，網站分為三級：

第一級，以中電投標志和“黃河電力檢修工程有限公司寧電分公司”字樣以及青銅峽水電站圖片以Flash動畫的形式展現，插入優美輕音樂，給人以版面新穎、耳目一新的整體效果，鏈接進入第二級網頁，第一級網頁如圖1所示。

第二級，即首頁，劃分了八個頁面，分別是：企業概況、組織機構、企業管理、黨群信息、安全生產、科技園地、MIS查詢、企業論壇。在首頁里以導航條的方式再現這八個頁面，并分別鏈接到相應的頁面。版面以動態滾動體現公告欄、上級文件、安全快報、業績評估、思想信息；以動態版面體現青站公文、經營動態、生產動態、建設動態、綜合新聞、質量體系、班組建設、友情鏈接。

第三級，包括企業概況、組織結構、黨群信息、企業管理、科技園地、MIS查詢、企業論壇、安全生產七個版塊及其子模塊。

2 準備工作

1) 配置系統。開發和測試動態 Web 頁，需要一個 Web 服務器。Web 服務器是響應來自 Web 瀏

覽器的請求以提供 Web 頁的軟件。在這里安裝了Microsoft IIS 。既然是數據庫驅動的動態web頁，那么就要有一個數據庫軟件，例如Access或是SQL server。同時還要有支持Access數據庫的數據庫驅動程序，現有的WINDOWS XP、WINDOWS 2000和WINDOWS ME等操作系統均自帶改驅動程序。

2) 定義Web站點。先建立一個站點根文件夾，如在F盤下建立：F:\\lunwen\djsite，然后在網頁制作軟件Dreamweaver MX中新建一個名為lwsite的站點。在定義此站點的過程中必須注意兩點：第一，使用的是ASP VBScript 服務器技術；第二，測試服務器是本地計算機。此時打開IIS，設置默認網站的本地路徑為：F:\\lunwen\djsite。這樣就可以在開發的過程中測試相應的頁面。建好這個站點之后，在Dreamweaver MX中進行設計就十分的方便，例如需要添加文件夾或文件就直接可以在站點根目錄上進行添加。

現在以首頁index.asp的設計為例進行詳細的說明。

3 首頁的設計

1) 布局及美化。首頁里有13個模塊，這十三個模塊分別是：公告欄、上級公文、安全快報、業績評估、思政信息、綜合信息、青站公文、生產動態、共產黨員先進性教育、綜合新聞、經營動態、質量體系、班組建設。為了使頁面美觀，這十三個模塊的標題事先依次在Photoshop中進行了制作。并且把這些圖畫文件專門放在images文件夾中，這樣是為了便于管理站點。寧電檢修分公司網頁首頁

界面如圖2所示。

2) 建立數據庫。首先建立名為recordindex.mdb的數據庫。在這個庫里將包含首頁用到的所有表。

因為index.asp中有十三個模塊，所以得建立一個分類表classify：如圖3所示。

每個模塊里都要有相應的鏈接記錄，這些記錄也必須存放在數據庫里，而且是以classify_ID為關鍵字段進行關聯。所以又在庫里建了一張名為record的表：如圖4所示。

3) 將應用程序連接到數據庫。ADO提供了數據庫和Active Server Pages(ASP)之間的接口，是一個應用程序級的數據訪問對象。可以在ASP中使用每一個能通過OLEDB(Object Lingking和Embedding Database，對象連接和嵌入數據庫)或ODBC（Open Database Connectivity，開放數據庫連接）訪問的每一個數據庫。ASP 應用程序必須通過開放式數據庫連接 (ODBC) 驅動程序（或對象鏈接）和嵌入式數據庫 (OLE DB) 提供程序連接到數據庫。該驅動程序或提供程序用作解釋器，能夠使 Web 應用程序與數據庫進行通信。建一個recordindexconn.asp：

<%StrSQL=\"DBQ=\"+server.mappath(\"recordindex.mdb\")+\";DRIVER={Microsoft Access Driver (*.mdb)};\"

set conn=server.createobject(\"ADODB.CONNECTION\")

conn.open StrSQL%>

應用程序必須調用數據庫驅動程序才能建立與數據庫的雙向通信。Web 應用程序通過使用連接字符串來調用驅動程序。連接字符串由建立到數據庫的連接所需的全部信息（或參數）組成。ASP 連接字符串可包含指定 OLE DB 提供程序的 Provider 參數。如果省略此參數，默認情況下，ASP 為 ODBC 驅動程序使用 OLE DB 提供程序。在上面的程序中，用于 ODBC 驅動程序的 OLE DB 提供程序將與 ODBC 驅動程序 (Microsoft Access Driver) 進行通信，而 Microsoft Access Driver 又將與 Access 數據庫 (recordindex.mdb) 進行通信。

4) 上傳文件。上傳文件的頁面以表單的方式進行提交，也就是向數據庫里添加記錄，這樣的表單

存放在addup_form.asp中，上傳文件頁面如圖5所示。

部分程序如下：<%

set rs=server.CreateObject (\"ADODB.RecordSet\")

（釋：創建RecordSet對象。將數據庫用作動態網頁的內容源時，必須首先創建一個要在其中存儲檢索數據的記錄集。）

rs.Source=\"select * from classify\"（釋：記錄集源：從指定數據庫中檢索到數據）

rs.Open rs.source，conn，1，1（釋：記錄集打開）

%>

<%if rs.EOF then %>

暫無任何類別

<%else

while not rs.EOF%>

\"><%=trim(rs(\"classify_name\"))%>

<% rs.MoveNext

wend

end if

%>

5) 其它頁面的設計和首頁類似，所以在此省略，就不再敘述了。

3 結束語

設計完之后把此站點拷貝到服務器上可以順利運行，并根據實際工作情況進行了多次修改與美化，最終成為公司信息共享的平臺。及時、準確、全面的反應寧電分公司的各項指標和生產動態，真實有效的起到管理、監督、宣傳的作用。

參考文獻：

[1] Wille C，Koller C.24小時學通ASP[M].北京:人民郵電出版社，2000.

[2] 湯毅堅.計算機實用網絡編程[M].北京:人民郵電出版社，1993.