【文章內(nèi)容簡(jiǎn)介】 場(chǎng) . 管理需求 從管理 者的 角度 ,網(wǎng) 站最 重要 的環(huán) 節(jié)就是 便于 管理 和維護(hù) ,面對(duì)市 場(chǎng)的日 益變化 ,企業(yè) 的產(chǎn)品 的不 斷更新 ,企業(yè)可 以迅 速的更 16 新產(chǎn)品 庫(kù) ,以便 消費(fèi)者 及時(shí) 的看到 企業(yè) 的產(chǎn)品 ,同時(shí)企 業(yè)也 可以得到應(yīng)有的效益 . 軟件結(jié)構(gòu)圖 針對(duì)以上的功能需求，現(xiàn)將該網(wǎng)站的結(jié)構(gòu)模塊圖詳述如 進(jìn)入網(wǎng)站 公司簡(jiǎn)介 產(chǎn)品信息 聯(lián)系我們 銷(xiāo)售網(wǎng)絡(luò) 留言板 通過(guò)身份驗(yàn)證進(jìn)入網(wǎng)站后臺(tái) 產(chǎn)品管理 添加產(chǎn)品 在線訂購(gòu)管理 操作人員管理 修改產(chǎn)品 刪除產(chǎn)品 17 可行性研究： 技術(shù)可行性： 由于本人所學(xué)專(zhuān)業(yè)是計(jì)算機(jī)專(zhuān)業(yè)，對(duì)于網(wǎng)站制作及程序開(kāi)發(fā)有濃厚的興趣，曾經(jīng)多次參與過(guò)學(xué)校網(wǎng)站制作，對(duì)于 ASP＋ ACCESS 網(wǎng)站編程比較了解。 資金、工作條件問(wèn)題： 網(wǎng)站制作并不是很大工程，在制作過(guò)程中 也不需要太 好的硬件和其 它的 資 金開(kāi) 銷(xiāo) 。只 需要 有 一些 計(jì) 算機(jī) 和開(kāi) 發(fā) 運(yùn)行 調(diào) 試軟 件 環(huán)境。網(wǎng)站制作環(huán)境可以在 Windows20 Office2020 和 DreamWeaver中進(jìn)行。 經(jīng)濟(jì)效益： 網(wǎng)站的制作是為了在互聯(lián)網(wǎng)上對(duì)我公司的形象和產(chǎn)品進(jìn)行宣，發(fā)掘潛在客戶(hù)，并可以讓老客戶(hù)了解我司的最新資訊及產(chǎn)品情況，同時(shí)可以實(shí)現(xiàn)與同行業(yè)間信息的交流。從近期及長(zhǎng)遠(yuǎn)考慮，建立網(wǎng)站對(duì)于公司有會(huì)產(chǎn)生一定的經(jīng)濟(jì)效益。 第四章 網(wǎng)站前臺(tái)制作 企業(yè)建立網(wǎng)站的目地是想通過(guò)網(wǎng)絡(luò)宣傳自己的產(chǎn)品，與客戶(hù)建立起一種長(zhǎng)期的勾通方式，通過(guò)網(wǎng)站客戶(hù) 可以了解某一企業(yè)的最新情況，網(wǎng)站的用戶(hù)（ 瀏覽人群 ）主要分 為兩類(lèi)：一 類(lèi)是網(wǎng)站 的瀏覽者 ，這類(lèi) 18 人群通過(guò)各種 渠道知道 本網(wǎng)站， 并對(duì)網(wǎng)站中 所感興的 信息進(jìn)行 游覽；另一類(lèi)是網(wǎng)站 的管理者 ，他們是 網(wǎng)站的維護(hù) 人員，對(duì) 網(wǎng)站中各 信息進(jìn)行及時(shí)的更新 ，并對(duì)前 一類(lèi)用戶(hù) 在網(wǎng)站中發(fā) 表的留言 、訂單等 信息進(jìn)行處理。根據(jù) 使用人群 的不同， 網(wǎng)站可以分 成兩模塊 ，一類(lèi)是 向網(wǎng)民介紹企業(yè)資訊 、產(chǎn)品信 息的前臺(tái) 頁(yè)面，這類(lèi) 頁(yè)面是針 對(duì)于網(wǎng)站 的所有用戶(hù)，另一類(lèi) 是為網(wǎng)站 管理者設(shè) 計(jì)的，屬于 網(wǎng)站的后 臺(tái)管理系 統(tǒng)，通過(guò)后臺(tái)管理程序可以對(duì)網(wǎng)站中各頁(yè)面的信息進(jìn)行修改，各模塊如下： 網(wǎng)站前臺(tái)功能分析 網(wǎng)站是向網(wǎng)民宣傳自己企業(yè)及產(chǎn)品的宣傳頁(yè)面，用戶(hù)為所有網(wǎng)站的瀏覽者，用 戶(hù)可以瀏 覽各頁(yè)面 ，查看產(chǎn)品 信息，對(duì) 自己感興 趣的產(chǎn)品進(jìn)行定購(gòu)， 并可以將 自己對(duì)于 網(wǎng)站或產(chǎn)品 發(fā)表自己 的意見(jiàn)和 建議，本模塊組成如下： 公司簡(jiǎn)介用于介紹公司的簡(jiǎn)單信息，通過(guò)此頁(yè)可以讓瀏覽者對(duì)本站及公司有一 個(gè)大概的 了解，本 頁(yè)在設(shè)計(jì)上 要體現(xiàn)企 業(yè)文化及 歷史背景。公司簡(jiǎn)介文字內(nèi)容如下： 進(jìn)入網(wǎng)站 公司簡(jiǎn)介 產(chǎn)品信息 聯(lián)系我們 銷(xiāo)售網(wǎng)絡(luò) 留言板 19 江蘇洋 河珍品 酒業(yè)有 限公司 (原江蘇洋河 第五酒廠 ),是集 體股份制的集團(tuán)企業(yè)， 座落在中國(guó)名酒之鄉(xiāng) 江蘇省洋河鎮(zhèn)，現(xiàn)有職工 380人，科研技術(shù)人員 23 人，占地面積 萬(wàn)平方米，早產(chǎn)洋宮牌系列酒8000 噸。 本集團(tuán)公司生產(chǎn)設(shè)備先進(jìn)，檢測(cè)手段齊全，釀酒技術(shù)精湛，是 規(guī) 模 較 大 的白 酒 生 產(chǎn) 的 專(zhuān) 業(yè) 化 集 團(tuán) 企 業(yè) 素有 “ 聞香下馬。知味停車(chē) ” 的美稱(chēng)。 司在社會(huì) 各界同仁 的關(guān)懷和支 持下，洋 宮系列酒 連續(xù)獲部、省、市優(yōu)質(zhì)產(chǎn)品獎(jiǎng)，暢銷(xiāo)國(guó)內(nèi)外 ,本公司產(chǎn)品已由中保承保。 本集團(tuán)公司連早 被省市人 民政府命 名為 “ 明星 企業(yè) ” ， 并獲國(guó)家 級(jí)《二級(jí)計(jì)量合格證書(shū)》、《全面質(zhì)量合格證書(shū)》，且連續(xù)十二年被評(píng)為《重合同，守信用》、《 AAA 級(jí)信用企業(yè)》、《物價(jià)、計(jì)量信得過(guò)單位》等光榮稱(chēng)號(hào)。 產(chǎn) 品信息用于介紹產(chǎn)品的詳細(xì)信息，包括有產(chǎn)品圖片、產(chǎn)品名稱(chēng)、生產(chǎn)廠家、產(chǎn)品簡(jiǎn)介等一些信息。同時(shí)應(yīng)具有在線訂購(gòu)功能。 聯(lián)系我們用于顯示公司的聯(lián)系信息，便與客戶(hù)與公司取得聯(lián)系。 留言板實(shí)現(xiàn)與網(wǎng)站瀏覽者的在線信息交流。 包含有公司簡(jiǎn)介和聯(lián)系方式，同時(shí)這些信息需要即時(shí)修改功能，便于對(duì)網(wǎng)站中信息及時(shí)更新。 產(chǎn)品展示及在線訂購(gòu) 對(duì)產(chǎn)品進(jìn)行介紹，并有在線訂購(gòu)的功能。產(chǎn)品介紹有：產(chǎn)品名稱(chēng)、生產(chǎn)廠家、產(chǎn) 品簡(jiǎn)介。 并可以及 時(shí)發(fā)布新的 產(chǎn)品信息 ，對(duì)原有 產(chǎn)品信息進(jìn)行即時(shí)修改功能。 與客戶(hù)的信息交流 客戶(hù)可以通過(guò)網(wǎng)站的留言板發(fā)表自己的意見(jiàn)和 建議。網(wǎng)站管理員能夠?qū)α粞赃M(jìn)行查看。 20 網(wǎng)站中各頁(yè)面實(shí)現(xiàn) 本站導(dǎo)航含有：公司簡(jiǎn)介、產(chǎn)品信息、銷(xiāo)售網(wǎng)絡(luò)、聯(lián)系方式和留言板這五個(gè)鏈接，以及一套網(wǎng)站后臺(tái)管理程序。 公司簡(jiǎn)介：本頁(yè)用于介紹公司的簡(jiǎn)介信息，讓瀏覽者了解該公司的一些基本情 況。本站 制作的是 一家酒廠的 網(wǎng)站，在 界面設(shè)計(jì) 上用了一些山水畫(huà)和 仿古的圖 案，給人 一種古色古 香的感覺(jué) ，喻意： 酒是越陳越香。制作完成后的效果如下圖： 本頁(yè)在制作過(guò)程中需要對(duì)整個(gè)頁(yè)面進(jìn)行總體的規(guī)劃設(shè)計(jì)，界頁(yè)設(shè)計(jì)在 Photoshop 中進(jìn)行，設(shè)計(jì)效果如下： 界面在 Photoshop 中設(shè)計(jì) 完成以后，需要將圖片文件切割成多塊，切割時(shí)要注意切割的每一塊應(yīng)滿足下一步在 Dreamweaver 中處理方便， 21 每一塊不能太小。如果切割的每一塊太小，會(huì)對(duì)后面的在 Dreamweaver中處理帶來(lái)麻煩。切割的效果如下： 圖片切割好以后對(duì)所有切片進(jìn)行導(dǎo)出，執(zhí)行“存儲(chǔ)為 Web 所用格式 … ”，在彈出的對(duì)話框中，進(jìn)行相應(yīng)的設(shè)置，最后選擇存儲(chǔ)，將圖片文件導(dǎo)出成為網(wǎng)頁(yè)文件， P hotoshop 所形成的網(wǎng)頁(yè)文件，實(shí)質(zhì)上是對(duì)圖片中的每一個(gè) 切片保存 成一個(gè)獨(dú) 立的文件， 并將這些 圖片放在 表格中進(jìn)行布局。所導(dǎo)出的文件，有圖片文件和 html 的網(wǎng)頁(yè)文件。對(duì)于這些文件我們可以使用 Dreamweaver 進(jìn)行再次編輯，這里所說(shuō)的編輯是指對(duì) html 的網(wǎng)頁(yè)文件進(jìn)行編輯。 打開(kāi)發(fā)布文件的目錄在這個(gè)目錄中有兩個(gè)對(duì)象，一個(gè)是 html 文件，另一個(gè)是存放構(gòu)成網(wǎng)站所需圖片的文件夾。 22 下面的操作需要使用網(wǎng)頁(yè)制作軟件 Dreamweaver 對(duì) P hotoshop 所形成的 html 文件進(jìn)行編輯： 在 Dreamweaver 需要對(duì)網(wǎng)頁(yè)按照在 P hotoS hop 中的效果進(jìn)行重新的布局。制作完成后效果如下圖： 23 公司簡(jiǎn)介頁(yè)面在制作 產(chǎn)品信息界面：本頁(yè)面用于向用戶(hù)展示 公 司的產(chǎn)品，包括產(chǎn)品的圖片、名稱(chēng)、 生產(chǎn)廠家 及產(chǎn)品簡(jiǎn) 介。本頁(yè)的 信息可以 在網(wǎng)站后 臺(tái)管理程序中進(jìn)行修改。 24 客戶(hù)留言：本頁(yè)用于客戶(hù)將自己的意見(jiàn)和建議反饋給網(wǎng)站的所有者。 至此網(wǎng)站前臺(tái)制作完成，這一部分的制作主要使用 Dreamweaver 和Photoshop 兩個(gè)軟件。 第五章 網(wǎng)站后臺(tái)制作 網(wǎng)站后臺(tái)功能需求分析 網(wǎng)站后臺(tái)管理程序（簡(jiǎn)稱(chēng)“后臺(tái)”）：本站所做的是一家公司的網(wǎng)站，網(wǎng)站中有許多 地方需要 具有即時(shí) 修改的功能 ，所以需 要給網(wǎng)站 制作一個(gè)后臺(tái)管理程 序，便于 網(wǎng)站管理 員及時(shí)對(duì)網(wǎng) 站中的信 息進(jìn)行添 加或刪除。 通過(guò)身份驗(yàn)證進(jìn)入網(wǎng)站后臺(tái) 產(chǎn)品管理 添加產(chǎn)品 在線訂購(gòu)管理 操作人員管理 修改產(chǎn)品 刪除產(chǎn)品 25 網(wǎng)站后臺(tái)管理程序是為網(wǎng)站管理員管理網(wǎng)站所設(shè)計(jì)的，使用者僅限網(wǎng)站管理員， 所以在進(jìn) 入后臺(tái)需 要進(jìn)行身份 驗(yàn)證，通 過(guò)驗(yàn)證才 可以進(jìn)入后臺(tái)，效果如下： 代碼實(shí)現(xiàn)思路：對(duì)用戶(hù)輸入的用戶(hù)名和密碼，與數(shù)據(jù)庫(kù)中的用戶(hù)名和密碼進(jìn)行比較，如果一樣則進(jìn)入網(wǎng)站，否則不可以進(jìn)入。 在制 作這 一 功能 時(shí)需 要 ASP +Access 的配 合使 用。 同 時(shí)需 要用 到HTML、 VBS cript 等語(yǔ)言。 ASP（ Active S erver Pages）是微軟開(kāi)發(fā)的一套服務(wù)端腳本環(huán)境。 ASP 是用服務(wù)器端腳本、對(duì)象和組件擴(kuò)展了的標(biāo)準(zhǔn)的 HTML 頁(yè)。也就是說(shuō)， AS P 對(duì)標(biāo)準(zhǔn)的 HTML 文件增加了一些附加特征， ASP 像標(biāo)準(zhǔn)的 HTML 文件一樣包含 HTML 語(yǔ)句并且在一個(gè)瀏覽器上解釋并顯示。 ASP 文件的后綴是 .asp ，其中包含實(shí)現(xiàn)動(dòng)態(tài)功能的 VBS cript 或Jscript 語(yǔ)句，如果去掉這些語(yǔ)句，它和標(biāo)準(zhǔn)的 HTML 文件沒(méi)有區(qū)別。AS P 提供了一些內(nèi)建對(duì)象，利用這些對(duì)象可以進(jìn)一步擴(kuò)展 HTML，使腳本更加強(qiáng)大。 ASP 還可以通過(guò) ADO 對(duì)后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行操作，這是ASP 一個(gè)非常強(qiáng)大的功能。 要想在網(wǎng)頁(yè)中插入 ASP 程序，首先需要安裝 ASP 程序的調(diào)試環(huán)境。也說(shuō)是說(shuō)需要安裝 Windows2020 自帶的“ Inter 信息管理”組件，安 26 裝并不復(fù)雜， 但是需要 注意的是 安裝好以后 各參數(shù)要 正確設(shè)置 ，如果設(shè)置不正確可能會(huì)導(dǎo)致 ASP 程序無(wú)法正常調(diào)試。 Inter 信息服務(wù)（ IIS） 概述 Inter 信息服務(wù) （ IIS） 提供了一些服務(wù)器管理選項(xiàng)，用于控制網(wǎng)站或 FTP 站點(diǎn)的內(nèi)容以及對(duì)這些站點(diǎn)的訪問(wèn)。例如，如果您是一位開(kāi)發(fā)人員，在將站點(diǎn)上載到公司 Intra 或 Inter 之前要對(duì)站點(diǎn)進(jìn)行測(cè)試，則可以使用此工具測(cè)試您的設(shè)置并查看這些設(shè)置在最終服務(wù)器上的精確效果。 Inter 信息服務(wù)管理單元包含下列功能： ? 服務(wù)器的一些附加設(shè)置，如管理 FTP 站點(diǎn)。 ? 新建虛擬目錄的向?qū)А? ? 管理 Inter 信息服務(wù)網(wǎng)絡(luò)安裝的能力。 安裝 IIS 服務(wù)器 Windows2020 的 IIS 是 版。安裝方法是，插入 Win2020 安裝盤(pán)，執(zhí)行 “ 添加 /刪除程序 → 添加 /刪除 Windows 組件 ” ，然后出現(xiàn)下圖，把第一項(xiàng) IIS 打上勾就可： 27 圖 然后有 2 次提示插入光盤(pán)： 圖 這時(shí)一定要找到 I386 這個(gè)目錄，并且這兩次都需要你重新查找路徑，一路確定就安裝完畢了﹗ 配置服務(wù)器 新建虛擬空間： 打開(kāi)“ Inter 服務(wù)管理器”窗口； 28 圖 選擇“默認(rèn) Web 服務(wù)”，執(zhí)行“操作” —— “新建” —— “虛擬目錄”如下圖； 圖 此時(shí)將打開(kāi)“虛擬目錄創(chuàng)建向?qū)А比缦聢D，按向?qū)У奶崾具M(jìn)行相應(yīng)的選擇； 29 圖 圖 完成設(shè)置后，就可以在虛擬目錄中調(diào)試 網(wǎng)頁(yè)了。 后臺(tái)詳細(xì)設(shè)計(jì) 在 Dreamweaver 中為表 單中的