【文章內(nèi)容簡(jiǎn)介】 以及實(shí)體之間關(guān)系的基礎(chǔ)上，我們就可以形成數(shù)據(jù)庫(kù)中的表格以及各個(gè)表格之間的關(guān)系。 根據(jù)分析階段得出的的結(jié)論，結(jié)合本網(wǎng)站對(duì)有關(guān)數(shù)據(jù)的存儲(chǔ)的需要，更加方便實(shí)現(xiàn)該網(wǎng)站預(yù)期的所有功能，現(xiàn)將本系統(tǒng)設(shè)計(jì)成 5 個(gè)數(shù)據(jù)庫(kù)表，每個(gè)表的字段名、類(lèi)型、寬度設(shè)計(jì)如下： 數(shù)據(jù)庫(kù)中各個(gè)表格的設(shè)計(jì)結(jié)果如表 3－ 1 到表 3－ 2 所示。每個(gè)表格對(duì)應(yīng)在數(shù)據(jù)庫(kù)中的一個(gè)表。 表 3－ 1 為新聞信息表。 該表用來(lái)記錄存儲(chǔ)本網(wǎng)站 新聞信息相關(guān)的各種信息： 字段名 類(lèi)型 寬度 說(shuō)明 newsid 自動(dòng)編號(hào) 長(zhǎng)整型 新聞編號(hào) typeid 數(shù)字 小數(shù) 類(lèi)別編號(hào) borderid 數(shù)字 小數(shù) 欄目編號(hào) topic 文本 80 主題 content 備注 備注 新聞內(nèi)容 ntime 日期 8 發(fā)布時(shí)間 hits 數(shù)字 小數(shù) 閱讀次數(shù) keys 備注 備注 關(guān)鍵字 img 文本 50 相關(guān)圖片 nfrom 文本 100 來(lái)源 modify 文本 30 編輯人 audit 數(shù)字 長(zhǎng)整型 是否審核 auditer 文本 50 審核人 writer 文本 50 作者 imgsize 數(shù)字 小數(shù) 圖片大小 32：新聞?lì)悇e 表： 該表用來(lái)存放本網(wǎng)站新聞信息的類(lèi)別名稱(chēng)。 字段名 類(lèi)型 寬度 說(shuō)明 typeid 自動(dòng)編號(hào) 長(zhǎng)整型 類(lèi)別編號(hào) typename 文本 50 類(lèi)別名稱(chēng) 33：新聞欄目 表： 該表用來(lái)存放本網(wǎng)站新聞信息的類(lèi)別名稱(chēng)。 字段名 類(lèi)型 寬度 說(shuō)明 borderid 自動(dòng)編號(hào) 長(zhǎng)整型 類(lèi)別編號(hào) typeid 自動(dòng)編號(hào) 長(zhǎng)整型 類(lèi)別編號(hào) bodername 文本 50 類(lèi)別名稱(chēng) 34：管理員 信息 表： 該表用來(lái)存放本網(wǎng)站管理員信息。 字段名 類(lèi)型 寬度 說(shuō)明 userid 自動(dòng)編號(hào) 長(zhǎng)整型 用戶(hù)編號(hào) name 文本 15 用戶(hù)名 pwd 文本 14 密碼 以上是本系統(tǒng)的庫(kù)表結(jié)構(gòu)的設(shè)計(jì)簡(jiǎn)要說(shuō)明。 第四章 網(wǎng)站的實(shí)現(xiàn) 完成了以上的后臺(tái)數(shù)據(jù)庫(kù)的設(shè)計(jì)后，下面就可以對(duì)前面系統(tǒng)分析階段邏輯設(shè)計(jì)出的功能模塊將技術(shù)設(shè)計(jì)轉(zhuǎn)化成為物理實(shí)現(xiàn)，是系統(tǒng)建設(shè)的實(shí)現(xiàn)階段。因此，網(wǎng)站的實(shí)現(xiàn)的成果將是系統(tǒng)分析和設(shè)計(jì)階段的結(jié)晶。 ：安裝網(wǎng)站設(shè)計(jì)相關(guān)軟件： 本站設(shè)計(jì)需 要用到 ， Adobe Photoshop ， Dreamweaver UltraDev 4 等網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的軟件。 其中 主要完成網(wǎng)頁(yè)中相關(guān)動(dòng)畫(huà)的設(shè)計(jì)和處理。 Adobe Photoshop 主要完成網(wǎng)頁(yè)中相關(guān)的圖片的大小，格式轉(zhuǎn)化，效果處理等。 Dreamweaver UltraDev 4 主要完成網(wǎng)頁(yè)的排版、布局設(shè)計(jì)。 建立 Asp 的運(yùn)行環(huán)境 簽于目前流行的 windows 操作平臺(tái)有 windows 98,windows NT 最新windows 針對(duì)這三個(gè)操作平臺(tái)上建立 Asp 運(yùn)行環(huán)境的一些簡(jiǎn)要介紹。 1． windows 98 建立 Asp 的運(yùn)行環(huán)境 作為個(gè)人用戶(hù)或在單機(jī)環(huán)境下測(cè)試 Asp， windows 98 將是一個(gè)很不錯(cuò)的選擇。在 windows 98gh ,可以采用 Microsoft 的 PWS(Personal Web Server)作為 Asp 運(yùn)行環(huán)境。 PWS 是一個(gè)短小精悍的 Web 服務(wù)器平臺(tái)，易學(xué)易用，并某些人備運(yùn)行 Asp所需的所有條件，與 windows 98 的安裝光盤(pán)配套的是 Pws 。 具有新穎的外觀和許多新增加的功能，初學(xué)者無(wú)需具備專(zhuān) 業(yè)的網(wǎng)絡(luò)管理知識(shí)就可以輕松建立一個(gè)全功能的 Web 站點(diǎn)。 2． Windows NT 上建立 Asp 的運(yùn)行環(huán)境 。 在 windows NT 上， Asp 的運(yùn)行環(huán)境是基于 IIS 以上版本的，同windows 98 比較起來(lái)。使用 windows NT 具有明顯的優(yōu)勢(shì)。在 windows NT/IIS這一強(qiáng)大的開(kāi)發(fā)平臺(tái)上可以充分利用 windows NT 更強(qiáng)大的性能，更完善的安全性能，更完善的安全性并且能與企業(yè)級(jí)應(yīng)用程序更完美的結(jié)合。運(yùn)行在windows NT 以上的 IIS 其最版本是 。它占據(jù)了當(dāng)今世界看 近 40%的Web 服務(wù)器市場(chǎng)。 3． 在 windows 2021 上建立 Asp 的運(yùn)行環(huán)境 在 windows 2021 上運(yùn)行 Asp 的環(huán)境也是 IIS。如果安裝的是 windows 2021 Server, 將作為一個(gè)默認(rèn)選項(xiàng)被安裝。如果使用的是 windows 2021 中文專(zhuān)業(yè)版，則需要使用控制面板“ 添加 /刪除程序 ”來(lái)安裝 IIS 及其組件。 4． 主頁(yè)的設(shè)計(jì) 來(lái)訪者輸入網(wǎng)址，首先打開(kāi)的就是學(xué)校網(wǎng)站的主頁(yè)，主頁(yè)設(shè)計(jì)應(yīng)該美觀，同時(shí)提供足夠多的鏈接，以便來(lái)訪者可以通過(guò)鏈接導(dǎo)航到自己所關(guān)心的信息頁(yè)面上去。下面是該首頁(yè)運(yùn) 行的界面圖： 該頁(yè)面的布局結(jié)構(gòu)是 ∏型布局結(jié)構(gòu)。具體的說(shuō)：在網(wǎng)頁(yè)的上面是 log 圖片和導(dǎo)航條。 Log 圖片表明網(wǎng)站的主題：廣西藤縣塘步鎮(zhèn)一中網(wǎng)站。導(dǎo)航條將本站的欄目分成了學(xué)校概況，學(xué)校新聞，教育科研，名校名師，學(xué)生園地，招生信息，誠(chéng)聘英才，校長(zhǎng)信箱，網(wǎng)上留言等欄目。這些導(dǎo)航欄目分別設(shè)計(jì)有相應(yīng)的文字鏈接，點(diǎn)擊這些文字鏈接可以進(jìn)入相應(yīng)的頁(yè)面。 打開(kāi)專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)工具 Dreamweaver UltraDev 4。 1：新建一個(gè)網(wǎng)頁(yè)文件，保存為 ，接著設(shè)置頁(yè)面屬性，在屬性頁(yè)中標(biāo)題：廣西藤縣塘步鎮(zhèn)一中 。背景圖案： img/。 定義頁(yè)面中表格，單元格，文字和鏈接的表現(xiàn)風(fēng)格。本頁(yè)面定義的語(yǔ)句如下： style body {margin:0px。fontsize:12px。overflowx:hidden。overflowy:scroll。color:666666。LINEHEIGHT: 160%} table {fontsize:12px。LINEHEIGHT: 160%} td {fontsize:12px。} .txt {fontsize:12px。borderwidth:0px。borderbottom:1px solid 000000。backgroundcolor:def1f7。position:relative。top:0px。left:5px。paddingbottom:0px。color:a0a0a0。} a: {fontsize:12px。color:666666。textdecoration:none。} a: {color:666666。textdecoration:none。} a: {color:333333。textdecoration:underline。} a: {fontsize:12px。color:666666。textdecoration:none。} a: {color:666666。textdecoration:none。} a: {color:333333。textdecoration:underline。} img {border:0px。} /style 利用布局表格工具，設(shè)置好網(wǎng)頁(yè)的表格布局。然后就可以在表格中添加單元格。利用表格的屬性面板和單元格屬性面板設(shè)定好各自的屬性以后，就可以在單元格中添加文字和插入圖片。 布局設(shè)計(jì)好的網(wǎng)頁(yè)如下： 代碼設(shè)計(jì)：為了實(shí)現(xiàn)首頁(yè)顯示學(xué)?？煊?，教育科研，名校名師，學(xué)生園地等文字信息以及為了方便管理。不是在每個(gè)欄目設(shè)計(jì)靜態(tài)的文本信息，而是內(nèi)嵌 java腳本，腳本的數(shù)據(jù)源來(lái)自一個(gè)和數(shù)據(jù)庫(kù)相連接的 asp 文件： 。下面給出學(xué)?？煊崳逃蒲?，名校名師，學(xué)生園地對(duì)應(yīng)的四個(gè) java 腳本語(yǔ)句： 1： 2： 3： 4： 通過(guò)比較這四條腳本語(yǔ)句可以發(fā)現(xiàn)，腳本調(diào)用的是同一 asp 文件，只是一個(gè) typeid不一樣。在數(shù)據(jù)庫(kù)的設(shè)計(jì)中我們以及知道，這個(gè)參數(shù)是新聞的類(lèi)別編號(hào)。由于這四類(lèi)不同的信息都是存儲(chǔ)在數(shù)據(jù)庫(kù)中的 news 表中，要實(shí)現(xiàn)信息的分類(lèi)就可以通過(guò)設(shè)定這個(gè)類(lèi)別編號(hào)。這里的 typeid=10 對(duì)應(yīng)學(xué)校新聞， typeid=11 對(duì)應(yīng)教育科研，typeid=12 對(duì)應(yīng)名校名師， typeid=13 對(duì)應(yīng)學(xué)生園地。 下面簡(jiǎn)單的介紹一下 文件的代碼： 在 文件中首先獲得上面?zhèn)鬟f的參數(shù)。通過(guò)下面的語(yǔ)句實(shí)現(xiàn)： typeid=request(typeid) n=trim(request(n)) 這里的 n 是查詢(xún)表中符合條件的多少條記錄的參數(shù)。 接著通過(guò)下面的語(yǔ)句從數(shù)據(jù)庫(kù) news 表中查詢(xún)符合條件的最后的 n 條記錄： sql=select top amp。 n amp。 * from news where typeid= amp。 cstr(typeid) amp。 and audit=1 order by newsid DESC 這里的 audit 表示已經(jīng)是審 核通過(guò)的信息。最后的信息顯示是按 newsid 號(hào)倒序排列。 另外在該文件的開(kāi)頭有包含文件： !include file=function/ 該文件用于鏈接數(shù)據(jù)庫(kù)。 在文件的末尾有包含文件： !include file=function/ 該包含文件用于關(guān)閉數(shù)據(jù)庫(kù)。 顯示新聞的 設(shè)計(jì) 在首頁(yè)中大量的新聞信息是通過(guò)鏈接到 show 文件來(lái)顯示新聞信息的。比如在首頁(yè)中點(diǎn)擊學(xué)?？煊嵵械娜我恍侣?，就可 以鏈接到該頁(yè)面并顯示該新聞的詳情。 下面是學(xué)?？煊嵵小皬V西藤縣塘步鎮(zhèn)一中教學(xué)成果顯著”這條新聞后顯示的頁(yè)面，該新聞的鏈接語(yǔ)句是： ?newsid=421 這里的傳遞的參數(shù) newsid 用于傳遞顯示的新聞的編號(hào)。 該頁(yè)面的設(shè)計(jì)過(guò)程首先在 Dreamweaver UltraDev 4 中排版設(shè)計(jì)，設(shè)計(jì)的界面如圖所示： 對(duì)比實(shí)際運(yùn)行的界面和設(shè)計(jì)界面可以看出，導(dǎo)航條的設(shè)計(jì)不是在這里直接給出，而是通過(guò)腳本調(diào)用一個(gè) js 文件。這樣設(shè)計(jì)的好處在與可以和其它的頁(yè)面共享該導(dǎo)航的 js 文件。調(diào)用腳本的語(yǔ)句 如下： 該 new 文件的語(yǔ)句如下： document. writeln(table width=100% border=0 cellspacing=0 cellpadding=0)。 ( tr align=center)。 document. writeln( td width=15%a href=?type id=9學(xué)校概況/a/td)。 document. writeln( td width=14%a href=?typeid=10 學(xué)校新聞 /a/td)。 document. writeln( td width=14%a href=more. asp?typeid=11 教育科研 /a/td)。 document. writeln( td width=14%a href=?typeid=12 名校名師 /a/td)。 document. writeln( td width=14%a href=?typeid=13 學(xué)生園地 /a/td)。 document. writeln( td width=14%a href=?typeid=14 招生信息 /a/td)。 document. writeln( td width=14%a href=?typeid=15 誠(chéng)聘英才 /a/td)。 riteln( /tr)。 (/table)。 另外對(duì)比 文件還可以看出，該頁(yè)面中的新聞標(biāo)題和新聞內(nèi)容也是調(diào)用其它的語(yǔ)句和腳本的。 新聞標(biāo)題調(diào)用 asp 腳本： %=rs(topic)%用于顯示記錄集中的 topic 字段值。該字段是通過(guò) sql 語(yǔ)句實(shí)現(xiàn)的查詢(xún)記錄集中的字段值。相關(guān)的 sql 查詢(xún)語(yǔ)句如下： select * from news where newsid= amp。 cstr(request(newsid)),conn,1,1 該語(yǔ)句實(shí)現(xiàn)從 news 表中查詢(xún) newsid 編號(hào)等于傳遞的參數(shù) newsid 的記錄。 對(duì)于新聞的內(nèi)容顯示也和新聞的主題顯示類(lèi)似，這里就不再說(shuō)明。 最后這里介紹一下該頁(yè)面顯示的與本新聞相關(guān)的新聞的實(shí)現(xiàn)技術(shù)： 首先要從數(shù)據(jù)庫(kù)中 news 表的字段說(shuō)起，在 news 表中有一個(gè) keys 字段。 我們可以利用 sql 語(yǔ)句在 news 表中查詢(xún) keys 值和該新聞關(guān)鍵字類(lèi)似的記錄，就可以得到相關(guān)信息。 Sql 語(yǔ)句如下： select top amp。 aboutnews amp。 * from news where keys like 39。% amp。 trim(rs(keys)) amp。 %39。 and newsid amp。 cstr(rs(newsid)) amp。 and audit=1 order by ntime DESC,conn,1,1 更多新聞頁(yè)面的 設(shè)計(jì) 在首頁(yè)中的學(xué)?？煊崳逃蒲?，名校名師，學(xué)生園地都只是顯示了該類(lèi)別的10 條信息，如何得到更