企業網站建設實踐報告

企業網站建設實踐報告

青島理工大學

實踐項目報告

題目: 企業網站系統的設計與實現

姓名學號:

專業年級:

指導教師:

年 月

目 錄

第1章 緒論 .......................................................

1

1.1選題意義..................................................... 1

1.2設計思想..................................................... 1

第2章 需求分析與技術分析 ......................................... 2

2.1 需求分析 .................................................... 2

2.1.1需求調

查 .....................................................................

..................................... 2

2.1.2 可行性分

析 .....................................................................

................................ 3

2.2 相關技術分析 ................................................ 3

2.2.1 網站制作軟

件 .....................................................................

................................ 3

2.2.2 動態網頁制作技

術 .....................................................................

....................... 4

2.2.3 數據庫連接技

術 .....................................................................

........................... 4

第3章 系統設計 ...................................................

6

3.1 系統總體結構設計 ............................................ 6

3.2 課題技術設計 ................................................ 7

3.3 數據庫設計 .................................................. 8

3.4 交互式頁面設計 ............................................. 10

3.5輸入輸出設計................................................ 11

第4章 系統使用說明 .............................................. 12

4.1網站首頁.................................................... 12

4.2公司簡介.................................................... 12

4.3新聞中心.................................................... 13

4.4聯系方式.................................................... 13

4.7網站后臺.................................................... 15

第5章 服務器設置與交互式頁面的實現 .............................. 16

5.1服務器設置.................................................. 16

5.1交互式頁面的實現............................................ 16

第6章 結論與展望 ................................................ 18

6.1 結論 ...................................................... 18

6.2進一步工作的方向............................................ 18

參考文獻 ......................................................... 20 附

錄 ............................................................ 21

附錄一 主要文件列表 ............................................ 21

附錄二 源程序清單 .............................................. 21

I

第1章 緒論

1(1 選題意義

在Internet飛速發展的今天，互聯網成為人們快速獲取、發布和傳遞信息的

重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。Internet

上發布信息主要是通過網站來實現的，獲取信息也是要在Internet“海洋”中按

照一定的檢索方式將所需要的信息從網站上下載下來。因此網站建設在Internet

應用上的地位顯而易見，它已成為政府、企事業單位信息化建設中的重要組成部

分，從而倍受人們的重視。為了獲得的巨量商業信息，在激烈的市場競爭中領先對

手，提高企業知名度，特構建永源熱泵有限責任公司網站。

1(2設計思想

隨著Internet的日益普及，越來越多的企業著手組建公司Intranet網，全面

宣傳，展示企業風采、優點與特色，以提高企業效率，增加企業競爭能力。

1

第2章 需求分析與技術分析

2.1 需求分析

2.1.1需求調查

隨著現代化辦公的深入，網站用戶(主要是客戶、公司管理人員)對企業信息、

服務網絡化的需求越來越多，要求也越來越高，因此企業網站不能僅僅停留在信息

瀏覽的層次上，應向信息提供和應用服務相結合的綜合型網站發展。為此我們將網

站設計成前后臺結合的形式，前臺顯示各種信息和服務，后臺是信息和服務管理系

統，前后臺緊密結合，發揮網站的最大功能。

(1)企業介紹

針對了解一個企業首先就會要了解它的發展史的情況，需要設置一個模塊能夠

展示企業的發展歷史以及能夠展示企業的精神面貌。

(2)信息發布

了解一個企業不僅僅只了解它的發展歷史，還需要了解它的最新動態，因此必

須要有一個新聞發布模塊。作為一個企業的存在必定會有與之有業務往來或合作的

企業，了解這些相關企業的信息也可以獲知該企業的經營狀況。因此還要有相關企

業信息發布的功能。企業信息還包括招聘信息與培訓信息。因此信息發布這一模塊

極其重要。

(3)商品發布

了解了一個企業的發展背景與人文背景只是一個前奏，目的都是要為了更了解

為了方便客戶與企業的聯系，除了常規的聯系方法外，設一留言版極為重要。

用戶不必注冊就能留言。用戶可留下詳細的聯系方式，如QQ、EMAIL等，既能增加

客戶與企業間的交流，也使不同客戶間能夠得到交流。

2

2.1.2 可行性分析

通過調查分析開發企業網站所具備的能力和實現方法。確定總體結構，利用

ASP語言相容性高，隱密安全性高，易于操控數據庫等特點，結合ACCESS數據庫

+IIS所具有的功能，以最簡潔最容易的方法，構建企業網站。

另外，中國經歷了20多年的改革開放，經濟取得了突飛猛進的發展勢頭，人

民生活水平和消費能力，以及一些消費觀念正逐步改變，其中，企業網站這一新型

信息渠道和購物觀念正在逐步深入人心，也正被許多網民所樂意接受，特別是受到

了年輕一代人的喜歡，因為年輕人的文化素質高，對網絡知識了解的比較多，并且

他們很容易接受新事物，并大膽的嘗試。也為企業網站的構建提供了現實環境。

2.2 相關技術分析

2.2.1 網站制作軟件(Dreamweaver)

Dreamweaver比FrontPage都是比較知名的網頁設計軟件，可稱得上是網頁設

計中的佼佼者。但到底誰更好些呢,

FrontPage占領的是中級市場，其地位猶如字處理軟件中的Word，比較重視網

頁的研發效率、易學易用的引導過程;而Dreamweaver主攻的是網頁高級設計市

場，其地位猶如出版領域的PageMaker，所強調的是更強大的網頁控制、設計能力

及創意的完全發揮。

Dreamweaver在功能的完善，使用的便捷上比FrontPage要強些。他囊括了

FrontPage的任何基本操作，并研發了許多獨具特色的設計新概念，諸如行為

(Behaviors)、時間線(Timeline)、資源庫(Library)等，還支持層疊式樣表(CSS)

和動態網頁效果(DHTML)。

Dreamweaver和FrontPage比較，有幾下幾點優勢:

1. 產生的垃圾代碼少，網頁可讀性好，能夠提高網頁瀏覽速度;

2. 通過圖層功能，能夠快速制作出復雜的頁面，圖片定位更容易;

3. 可基本解決IE和Netscape的兼容性;

4. 設計思路廣，內涵豐富，創作隨意性強，可充分展現您的創意。

3

2.2.2 動態網頁制作技術(ASP)

在網絡開發的眾多語言中，IIS(Intemet information Server Web服務

器)+ASP(Active Server Pages編程語言)+Acces(數據庫)的方案組合都是

Microsoft公司的產品，它們在搭建Browr,Server結構的三層模式網站上相對

容易，且此方案中ASP可以通過ADO技術不用在服務器端進行人工設置，寫入程序

代碼就可以方便地訪問數據庫，實現了信息的動態存儲。所以它們成為眾多的基于

Web下語言開發中的主流方案。

ASP是運行在Web服務器IIS上的。

在ASP出現之前(網站的開發效率是非常低的，即使單個頁面布局的微小變

動，往往都需要重新設計頁面的源代碼。ASP技術的推出，使網站的建設成了一件

很容易的事。ASP(Active Server Pages，活動服務器頁面)是微軟公司推出的可與

用戶建立交互式關系的腳本環境，在這個環境下可以通過創建服務器端腳本來實現

動態交互式Web頁面和強大的Web應用程序等功能。可以和HTML語言包括相關的

客戶端腳本、Java小程序等混合在一起編寫。ASP語法比較簡單，屬于面向對象的

技術和組件技術，這樣，復雜的操作和交互過程就可以被封裝起來。在進行網頁制

作時只需使用ASP的腳本語言和內置對象及服務器組件，不必考慮其內部的運行機

制。

ASP的優勢:任何開發工具都可發展ASP，語言相容性高，隱密安全性高，易于

操控數據庫，面向對象學習容易。

2.2.3 數據庫連接技術

自從1992年，Microsoft 公司發布Access1.0以來，隨著Windows的普及，

使用Access的人越來越多，它逐漸成為流行的數據庫軟件之一。

Access是一個面向對象的、采用事件驅動機制的小型關系數據庫管理系統。在

Access中，用戶可以根據實際需要對數據進行分類，然后使用表對象分別存儲每

一種類型的數據，并建立起不同類型數據之間的關系，供報表使用。此時，每條信

息僅在一處存放，減少了冗余數據的產生，節省了寶貴的存儲空間，同時也加快了

更新數據的速度。

針對用戶在實際應用中的需求，Access數據庫提供了表、查詢、窗體、報

4

表、頁、宏和模塊等七個對象，用于收集、存儲和操作各種不同的信息。

為了便于使用，Access的每個對象都為用戶提供了設計器和生成向導。用戶可

以在設計器中設計生成對象，或對生成的對象進行編輯;用戶也可通過生成向導方

便快速的生成一個完備的對象。

5

第3章 系統設計

3.1 系統總體結構設計

首 頁

公司簡介 網站首頁 新聞中心 產品展示 留言反饋 聯系我們

圖3.1前臺系統結構總體構框圖

前臺:

1. 網站首頁:發布介紹企業的主要信息，如產品列表、新聞中心、產品推薦

等。

2.公司簡介: 針對了解一個企業首先就會要了解它的發展史的情況，需要設置

一個模塊能夠展示企業的發展歷史以及能夠展示企業的精神面貌。

3. 新聞中心:發布企業新聞和行業資訊，無限級分類，大大增加信息發布的靈

活性。

4. 產品展示:發布企業產品，按產品類別顯示及搜索產品，瀏覽者可根據自己

的習慣和需要自主設置產品顯示樣式，并可直接下訂單，增加信息發布的靈活性。

5. 留言反饋:以留言板的模式讓有意見和建議的瀏覽者反饋回來。

6. 友情鏈接:可設文字和圖片鏈接方式.

7. 聯系方式為了方便客戶與企業的聯系。

后臺: 首頁

公司簡介 系統管理 新聞中心 產品設置 留言管理 訂單管理

圖3.1.2后臺管理系統總體構框圖

系統設置

6

管理帳號設置:設置后臺登錄帳號和密碼

基本資料設置:設置企業的基本信息，如公司名稱，網站標題，網址，電話，

傳真等

搜索引擎登陸:通過GOOGLE進行搜索

公司簡介

公司簡介修改:設置和更改公司的構成，發展史等

服務承諾修改:對服務承諾進行設置和更改

聯系我們修改:設置和更改企業的地址，電話等

新聞中心

添加一個新聞

管理全部新聞:對添加的新聞進行修改、設置、刪除

產品設置

添加產品類別:對產品類別進行添加，修改，排序

管理產品類別:包括產品類別和產品信息的添加和修改

留言管理

管理客戶留言

訂單管理

管理客戶訂單:查看訂購信息并管理

友情鏈接

添加友情鏈接

3.2課題設計

網站后臺是為公司內部的管理員來管理網站而做的，比如定時更新公司新聞，

商品信息，招聘信息以及及時回復留言。所以后臺管理必須只有固定的管理員才能

登陸。輸入用戶名和密碼后，點擊登錄后，會調用審核該用戶名與密碼

是否與數據庫里admin表里的數據信息是否符合，如符合則登陸到后臺管理菜單，

不符合則彈出警告對話框“用戶名或密碼錯誤～”

7

登陸后顯示的頁面就是后臺管理菜單,可以顯示當前管理員的帳號。

然后就是密碼設置功能，重新設置密碼需要填寫舊密碼，新密碼以及再次確認

些條件都符合時，提交時調用，密碼修改成功，數據庫里的信息也會

改變。

新聞管理信息管理模塊功能，都具有最基本的查看、修改、刪除、添加功能。

但是當信息列表里沒有任何信息的時候，列表顯示為“沒有記錄”，也就沒有相對

應的操作。所以在這些信息管理的子菜單里要將添加功能單獨設為一欄。

留言管理。有兩個列表，顯示全部留言的列表和顯示未回復留言的列表。這兩

個列表都有相應的三個操作，查看、回復、刪除。只有通過審核的留言才會在前臺

的留言版上顯示。

3.3 數據庫設計

采用的數據庫是Microsoft Access ，擬建立庫文件，主要包

含如下幾個表文件:

3.3.1表system 管理員信息表

字段名稱 說明 類型 長度 注釋

admin 用戶名 文本 50

password 密碼 文本 50

3.3.2表about 公司簡介

字段名稱 說明 類型 長度 注釋

content 公司內容介紹 備注

3.3.3表ProClass產品類別設置

8

字段名稱 說明 類型 長度 注釋

pid 自動編號 自動編號 長整型 主鍵 proclass 產品類別 文本 50

paixu 排序 數字 長整型 3 .3.4表Product產品設置

字段名稱 說明 類型 長度 注釋

id 自動編號 自動編號 長整型 主鍵 proid 產品編號 數字 長整型

title 產品名稱 文本 100

guige 規格 文本 250

xinghao 型號 文本 150

content 產品說明 備注

photo 產品圖片 文本 255

riqi 發布日期 日期/時間

3.3.5 online訂單管理

字段名稱 說明 類型 長度 注釋

id 自動編號 自動編號 長整型

title 標題 文本 5

danwei 單位 文本 50

sitename 職位 文本 50

adress 地址 備注

tel 電話 文本 50

ren 聯系人 文本 50

fax 傳真 文本 50

email 郵箱 文本 50

content 附加說明 備注

日期/時riqi 提交時間 間

3.3.6表links友情鏈接

字段名稱 說明 類型 長度 注釋

id 自動編號 自動編號 長整型 主鍵

title 網站名稱 文本 50

content 網站說明 備注

url 網址 備注

photo 網站LOGO 備注

paixu 排序 數字 長整型

9

3.3.7表news 新聞中心

字段名稱 說明 類型 長度 注釋

id 自動編號 自動編號 長整型 主鍵

title 標題 文本 100

content 內容 備注

riqi 發布時間 日期/時間

3.3.8表Liuyan 留言管理

字段名稱 說明 類型 長度 注釋

id 自動編號 自動編號 長整型 主鍵

title 標題 文本 50

men 聯系人 文本 50

address 聯系方式 文本 100

content 留言內容 備注

riqi 日期/時間 日期/時間

3.4交互式頁面設計

3.4.1公司簡介

前臺的所有信息都需要定期更新修改，因此必須制定相應的管理模塊，對新

聞、商品、等信息進行管理。信息管理的功能無非就是查看、添加、修改、刪除。

(源碼見附表二 1.公司簡介)

3.4.2新聞中心

新聞是企業文化必不可少的一部分，要及時更新新聞，使客戶及網站瀏覽者對

企業近期動態有最直觀的了解。需要實現的功能有:新聞的添加，修改，刪除。(源

碼見附表二 2. 新聞管理)

3.4.3產品管理

要及時的添加新上市商品的信息，要及時對商品的狀態進行管理更新，從而使

客戶瀏覽到的都是最新且有效的商品信息。這對一以銷售為主的企業是極其重要的

一項要求。因此商品管理模塊將是較為主要的一個功能模塊。需要實現的功能主要

是商品列表的分類管理，以及具體的操作:查看、添加、修改、刪除。(源碼見附表

二3.產品管理)

10

3.4.4留言管理

管理員需對留言進行回復，及時對客戶的信息反饋進行收集與處理，以便提高

企業的信譽。因此留言管理這一模塊也將是一個重點。需要實現的功能主要是:查

看、修改、刪除。(源碼見附表二 4.留言管理)

3.5輸入輸出設計

本系統主要的輸入輸出設計在于，客戶訪問網站時進行產品在線訂購和在線留

言及后臺管理。

系統輸入輸出(I/0)設計是一個在系統設計中很容易被忽視的環節,又是一個重

要的環節,它對于用戶和今后系統使用的方便和安全可靠性來說都是十分重要的。

一個好的輸入系統設計可以為用戶和系統雙方帶來良好的工作環境,一個好的輸出

設計可以為管理者提供簡捷、明了、有效、實用的管理和控制信息。

首頁

輸入錯誤

用戶名、密碼

輸入正確

系統管理 新聞中心 產品設置 留言管理 訂單管理 公司簡介

公服聯管基 添修刪刪添修司務系理本加改除除加改 簡承我帳資新新新產產產

介諾們號料聞聞聞品品品 修修修設設 改改改置置

3.5網站輸入輸出結果

11

第4章 系統使用說明

4.1網站首頁

輸入本機IP進入的是本網站的首頁，首頁顯示新聞中心，產品推薦，等

如圖1

圖1

4.2公司簡介

在網站的首頁上方第一欄有公司簡介，點擊可以進入公司簡介，查看公司簡介

進入如圖2

圖2

12

4.3新聞中心

網站首頁上方第一欄點擊新聞中心，可查看本公司新聞，點擊某一條新聞可查

看該新聞內容，如圖3

圖3

4.4聯系方式

圖4

13

4.5產品列表

網站首頁左側有產品列表，點擊某一產品可直接查看這一產品，想查看全部產

品可點擊網站上方第一欄產品展示按鈕，如圖5,6

圖5

圖6

14

4.6在線訂購和留言反饋

在網站首頁的右側有在線訂購和留言反饋按鈕，點擊進入，在線訂購和留言反

饋是在一個模塊下的，需要用到哪個功能可點擊哪個按鈕，如圖7

圖7

4.7網站后臺

輸入后臺網址可進入網站后臺，可以對網站進行修改，可以進行的修改1系統

設置包括管理帳號設置，基本資料設置，搜索引擎登陸2公司簡介包括簡介修改，

服務承諾修改，聯系我們修改3新聞中心包括添加一個新聞，管理全部新聞等如圖

8

圖8

15

第5章 服務器設置與交互式頁面的實現

5.1 設置服務器

當IIS添加成功之后，再進入“開始?設置?控制面板?管理工具?Internet服務

管理器(Internet信息服務)”以打開IIS管理器，對于有“已停止”字樣的服

務，均在其上單擊右鍵，選“啟動”來開啟。

1、建立第一個Web站點

比如本機的IP地址為192.168.0.1，自己的網頁放在D:Wy目錄下，網頁的首

頁文件名為，現在想根據這些建立好自己的Web服務器。

對于此Web站點，我們可以用現有的“默認Web站點”來做相應的修改后，就

可以輕松實現。請先在“默認Web站點”上單擊右鍵，選“屬性”，以進入名為

“默認Web站點屬性”設置界面。

1(修改綁定的IP地址:轉到“Web站點”窗口，再在“IP地址”后的下拉菜單

中選擇所需用到的本機IP地址“192.168.0.1”。

2(修改主目錄:轉到“主目錄”窗口，再在“本地路徑”輸入(或用“瀏覽”按

鈕選擇)好自己網頁所在的“D:Wy”目錄。

3(添加首頁文件名:轉到“文檔”窗口，再按“添加”按鈕，根據提示在“默

認文檔名”后輸入自己網頁的首頁文件名“”。

4(添加虛擬目錄:比如你的主目錄在“D:Wy”下，而你想輸入

“192.168.0.1/test”的格式就可調出“E:All”中的網頁文件，這里面的

“test”就是虛擬目錄。請在“默認Web站點”上單擊右鍵，選“新建?虛擬目

錄”，依次在“別名”處輸入“test”，在“目錄”處輸入“E:All”后再按提示

操作即可添加成功。

5(效果的測試:打開IE瀏覽器，在地址欄輸入“192.168.0.1”之后再按回車

鍵，此時就能夠調出你自己網頁的首頁，則說明設置成功～

5.2交互式頁面的實現

讓用戶通過瀏覽器查詢服務器的后端數據庫是許多Web服務提供者必需有的服

務，ASP通過內置的ADODB組件來實現這一功能。可以使用ADO去編寫緊湊簡明的

腳本以便連接到ODBC 兼容的數據庫和 OLE DB 兼容的數據源。具體操作

16

如下:

<%

db="../data/" '數據庫文件位置

on error resume next

adoconn="DBQ="+h(""&db&"")+";DefaultDir=;DRIVER={Mi

crosoft Access Driver (*.mdb)};" t

conn=object("TION")

if err then

el

adoconn

end if

sub CloConn()

t conn=nothing

end sub

%>

17

第6章 結論與展望

6.1 結論

此次實踐項目，因此還稍顯稚嫩，在很多方面都沒有考慮周到，存在很多問

題。但是相信在以后的不斷實踐經驗的累積中，能力會不斷的得到提升，考慮的更

加周到，做出完善的網站。以下是本系統的亮點:

本系統主要亮點

1. 前臺內容欄目結構清晰，易于訪問者查看想要的內容。

2. 后臺管理同樣結構清晰，便于管理提高效率。

3. 所有信息內容在線完成編輯，就象WORD一樣簡單、可視而又功能完善，幾

乎能完成你想要的所有效果。

4. 任意設置的會員級別和瀏覽權限精確到每條記錄，這對于那些希望不同內

7. 流量統計信息可以清零重置。

8. 信息暫存功能，即對于某些臨時不需要發布的內容暫存起來，不用刪除，

以后重新開放即可。

6.2 進一步的工作方向

創建企業網站是一項系統性較強的復雜的工程，不僅需要企業管理者和網絡技

術人員的全面支持，還需要合理安排網站的內容與結構，使之成為一個頁面美觀，

內容豐富，結構合理，功能健全的網站。這樣才能實現企業建網站的目的，并能收

到較好的效果。網站建設是一個多維的、立體進行的過程，設計的最終是給用戶提

供一個易于使用的網站，需求分析、系統分析也是圍繞這一目的而進行的。互聯

網、電子商務、信息網站、網絡技術等一切都在變化中，不可能擁有絕對先進的設

計，只能通過學習、實踐和探討，建設出盡可能完美的網站。畢業后我會

18

繼續學習，增加自己的專業知識，更加完善自己，努力成為一個專業的計算機

人員，進入一個專業性強的公司，鍛煉自己，讓自己的專業知識得到鞏固，進而更

好地工作。

19

參考文獻

[1] 鄧晉琦. 基于ASP技術的企業網站的建設[J]. 網絡與通信,2002, 7(6):

25-27.

[2] 曹淑琴. 基于ASP技術的網站建設[J]. 華北科技學院學報, 2003, 3(5):

42-45.

[3] (美)Greg Buczek.著Active Server Pages詳解[M]. 電子工業出版社,

1999, 174-188.

[4] 李邦明. 談企業Internet/Intranet系統的建設[J]. 計算機系統應用,

1999, 10:70-72.

[5] 陳俊榮等. ASP域網頁數據庫設計[M]. 中國鐵道出版社, 1999, 70-72(

[6] 聞達. ASP的技術特點與使用方法[J]. 計算機世界, 1998,9: 11-13.

20