【文章內(nèi)容簡介】 司推出的一個“所見即所得”的可視化網(wǎng)站開發(fā)工具。無論在國外還是在國內(nèi)，它都是倍受專業(yè)Web 開發(fā)人士推崇的軟件。 Dreamweaver 是較好的主頁制作工具，基本上實現(xiàn)了所見即所得的工作方式。 Dreamweaver 提供了許多先進(jìn)技術(shù)，如主題，共享邊界，層疊樣式單，動態(tài) HTML，框架，推與頻道定義， ActiveX， Java applet 等。 編輯時有可以看到 Dreamweaver 自動生成的代碼； preview 窗，是用已經(jīng)安裝的 inter explorer 來顯示網(wǎng)頁。 Dreamweaver 可打開的文件htm,.html,.rtf,.txt,.htt,.doc,.xls,.xlm,.wpd 等， office 組件能打開的文件都可以打 開。因此，該管理系統(tǒng)采用了 Dreamweaver 來建立，管理 Web 站點的所有 Web 應(yīng)用。 (b)photoshop cs 對頁面中的圖像進(jìn)行處理 Photoshop 是優(yōu)秀的圖象處理軟件，一直占據(jù)著圖象處理軟件的領(lǐng)袖地位，是平面設(shè)計、建筑裝修設(shè)計三維動畫制作及網(wǎng)頁設(shè)計的必用軟件。 本交流管理系統(tǒng)中所有圖片都是用此軟件處理過。 IIS 與 ASP 結(jié)合 在過去，客戶機(jī) /服務(wù)器結(jié)構(gòu)的設(shè)計與 Web 的相關(guān)技術(shù)幾乎處于平行線上，兩者相互獨立并無法做出集成性的設(shè)計?，F(xiàn)在我們利用 IIS+ASP 構(gòu)成三層式 Web結(jié)構(gòu)的中間一 層，將客戶機(jī) /服務(wù)器結(jié)構(gòu)與 Web 密切結(jié)合，完成前后端兩者的集成輸出功能，使得 Web 站點的開發(fā)更方便，實現(xiàn)的功能更強(qiáng)大。 利用 IIS+ASP 技術(shù)來集成 Web 前后端所帶來的強(qiáng)大效益可歸結(jié)為以下幾個方面： (1)減少構(gòu)建和維護(hù)成本； (2)加快聯(lián)機(jī)過程； (3)應(yīng)用軟件集中在服務(wù)器端開發(fā)管理； (4)前端可使用任何瀏覽器（ IE、 Netscape… ）； (5)后端可存取任何數(shù)據(jù)庫 (SQL、 Access… )； (6)可使用任何腳本語言開發(fā) (VBScript、 JavaScript、PERL… )。 系 統(tǒng)模塊分析 整個系統(tǒng)分為九個子模塊，各個模塊的基本功能如下： (1)管理員用戶管理模塊：實現(xiàn)管理員的添加 ， 修改 ， 刪除 ， 查詢 . (2)管理員類別管理模塊：實現(xiàn)管理員類別的添加 ， 修改 ， 刪除 ， 查詢 。 (3 新聞管理模塊：實現(xiàn)新聞信息的添加 ， 修改 ， 刪除 ， 查詢 。 (4)新聞類別管理模塊：實現(xiàn)新聞類別的添加 ， 修改 ， 刪除 ， 查詢 。 (5)留言信息管理模塊 : 實現(xiàn)留言信息的修改，刪除，回復(fù)，查詢。 (6)回復(fù)信息管理模塊：實現(xiàn)留言回復(fù)內(nèi)容的添加，修改，刪除，查詢。 (7)客戶投訴管理模塊 : 實現(xiàn)對客戶投訴的回復(fù) ， 刪除，查詢。 (8)學(xué)員信息管理模塊：實現(xiàn)對學(xué)員信息的添加，修改，刪除，查詢。 (9)教員信息管理模塊 : 實現(xiàn)對教員信息的添加 ， 修改 ， 刪除，查詢。 系統(tǒng)整體結(jié)構(gòu)圖如圖 所示 從結(jié)構(gòu)圖可以看出，系統(tǒng)相互聯(lián)系，構(gòu)成家教管理系統(tǒng)整體?？蛻羰怯脩艚巧?，由客戶在終端控制，而此以外的，由管理員在服務(wù)端控制，整個系統(tǒng)的運(yùn)行也由管理員來維護(hù)。 圖 系統(tǒng)整體結(jié)構(gòu)圖 系統(tǒng)設(shè)計思想 該家教管理系統(tǒng)采用 B/S 結(jié)構(gòu)，通過前端（客戶端）瀏覽器和后臺數(shù)據(jù)庫向家教管理系統(tǒng) 新聞管理 新聞類別管理 管理員用戶管理 管理員類別管理 留言信息管理 回復(fù)信息管理 客戶投訴管理 學(xué)員信息管理 教員信息管理 添加，修改，刪除，查詢 用戶展示家教信息，方便的實現(xiàn)了家教信息的維護(hù)和更新，使客戶更快，更好的了解 家教信息。以“家教管理”模塊為例，管理員將所有家教信息存入數(shù)據(jù)庫相應(yīng)的表中，當(dāng)客戶端發(fā)出瀏覽該動態(tài)頁面的請求時，服務(wù)器就會執(zhí)行相應(yīng)的腳本代碼，從數(shù)據(jù)庫中查詢出符合條件的家教信息，生成相關(guān)頁面發(fā)送到客戶端瀏覽器上?？蛻舳怂@示的內(nèi)容是隨著后臺管理數(shù)據(jù)庫的變化而動態(tài)顯示的，因此，客戶端可以獲得家教的最新動態(tài)信息。 系統(tǒng)界面設(shè)計 頁面的風(fēng)格至關(guān)重要，它要符合頁面的內(nèi)容所要表達(dá)的主題。家教管理系統(tǒng)頁面不要做得太花俏，但要有特色，能夠讓人有種親切感與視覺享受，向讀者實時提供有關(guān)家教的各種動態(tài)信息，因此應(yīng)以樸實 為主，這樣就可使頁面莊重大方，符合家教文化傳媒的主題。另外，為了保持整個站點風(fēng)格一致，各分支頁面的背景和圖片也應(yīng)保持樸實簡潔。 頁面的設(shè)計應(yīng)具體考慮三個方面，即頁面的主題，結(jié)構(gòu)，外觀設(shè)計，下面分別從這三個方面介紹一下在制作 Web 頁面時，應(yīng)考慮的一些因素和采用的方法。 ①頁面主題設(shè)計 首先要制定目標(biāo)。該管理系統(tǒng)是為了向客戶提供一個方便、快捷的家教信息管理平臺，因此主頁中必須包含家教信息的發(fā)布，學(xué)員信息的發(fā)布，以及家教與學(xué)員之間的溝通交流，提供其自主交流平臺。其次，制定設(shè)計方法。采取自頂向下的方法，設(shè)計瀏覽路徑 ，這是將網(wǎng)絡(luò)層次化的過程。最后選擇表達(dá)方式，所選的表達(dá)方式和設(shè)計風(fēng)格要與目標(biāo)一致。 ②頁面結(jié)構(gòu)設(shè)計 頁面的組織也很重要，必須將信息在邏輯上組織得井然有序，為用戶創(chuàng)造一種有趣和能夠理解的資源。結(jié)構(gòu)分布是否合理將決定瀏覽者對站點第一印象的好壞，如果結(jié)構(gòu)設(shè)計合理美觀，瀏覽者將產(chǎn)生濃厚的興趣瀏覽整個網(wǎng)站。反之，如果在設(shè)計中，對如何連接頁面中的各個部分只有一個模糊的概念，沒有一種宏觀和清晰的組織結(jié)構(gòu)，那么用戶在不久就會離去，轉(zhuǎn)而去尋求組織得更好的信息。大多數(shù)頁面的信息結(jié)構(gòu)，可以采用四種類型：序列結(jié)構(gòu)，分欄結(jié)構(gòu)，網(wǎng)狀結(jié) 構(gòu)和層次結(jié)構(gòu)。其中按層次劃分信息，是組織復(fù)雜信息的較好方式之一，并且含有層次組織的結(jié)構(gòu)特別適合于作該管理系統(tǒng)。原因是整個系統(tǒng)站點是被組織得由一個主頁上的菜單向下延伸，大多數(shù)用戶都熟悉這種等級的圖形結(jié)構(gòu)，都會覺得這些結(jié)構(gòu)能幫助他們一步步深入。另外，層次結(jié)構(gòu)為人們所熟悉，使用戶很容易建立一種進(jìn)入站點的認(rèn)知感覺。但層次不宜過多，太多往往令人厭煩。 ③頁面外觀設(shè)計 內(nèi)容和組織結(jié)構(gòu)確定好后，還應(yīng)該考慮整個頁面的外觀。好的頁面外觀應(yīng)有 很好的一致性，也就是說相同的頁面安排、背景圖像、顏色組合、欄目條等。整個站點的頁面在外 觀上風(fēng)格應(yīng)該保持一致。背景是整個頁面的基調(diào)，同時也是給瀏覽者的第一印象，因此背景的選擇也很重要。在設(shè)計本系統(tǒng) Web 頁面時，考慮到該管理系統(tǒng)作為傳播家教信息的媒體，在外觀上不能象娛樂站點那樣花哨，而更應(yīng)突出其文化氛圍，盡量以簡潔，素雅為主基調(diào)。 主頁的制作大致分三個階段：前期制作，中期制作和后期制作。前期包括整理資料，制作主題，構(gòu)造結(jié)構(gòu)；中期包括制作網(wǎng)頁，測試修改；后期為發(fā)布，更新。前期的工作是制作該管理系統(tǒng)的主要階段，但中期的測試是必不可少的環(huán)節(jié)，這符合軟件工程遠(yuǎn)離。本系統(tǒng)制作完成后，已經(jīng)過 IIS 測試，運(yùn)行 良好。 同時將樣式從代碼中分離出來，存放于單獨的 CSS 文件（層疊樣式表）中，這樣不僅增加了代碼的可閱讀性，而且可以對樣式進(jìn)行集中管理，便于以后系統(tǒng)的升級維護(hù)。 數(shù)據(jù)庫分析與設(shè)計 數(shù)據(jù)分析 —— 數(shù)據(jù)庫中表的建立 為方便家教工作很好的展開，教學(xué)員的資料需要詳細(xì)的顯示，比如科目（ km），所在地區(qū)（ du）， 真實姓名（ realname），家教方式（ fangshi），待遇（ pay）等等。由于新聞的多樣性，為方便客戶閱讀查找方便，將新聞分成了 8 類，以它們的 typeid 來區(qū)分并將其全部存入表單 news 中。交流主要是靠 留言來實現(xiàn)的。有留言就得回復(fù)，有投訴問題就得解決問題，這樣才能做到一個好的管理系統(tǒng)。為方便工作我將教員和學(xué)員共同設(shè)置在同一個表單（ steacher）里，根據(jù)他們的typeid 來區(qū)分；為回復(fù)信息表 reply 里是留言和投宿的回復(fù)。 由于家教交流系統(tǒng)資料的多樣性，本網(wǎng)站采用的是 SQL Server 2021 數(shù)據(jù)庫。主要分為管理員用戶表（ admin） ， 管理員類別表（ admin_type） ， 新聞表 (news)，新聞類別表（ newstype） ， 留言信息表 (liuyan)， 回復(fù)信息表 (reply)， 客戶投訴表(toushu)， 學(xué)員與教員信息表 (steacher)八個表單 。 表 為管理員用戶表 admin 列名 數(shù)據(jù)類型 可否為空 說明 id int Not null 編號 username Varchar(50) null 用戶名 password Varchar(50) null 密碼 typeid int null 類別 ID 表 為管理員類別表 admin_type 列名 數(shù)據(jù)類型 可否為空 說明 typeid int Not null 類別編號 typename Varchar(50) NULL 類別名稱 表 為新聞表 news 列名 數(shù)據(jù)類型 可否為空 說明 id int Not NULL 編號 title Varchar(50) NULL 新聞標(biāo)題 content Varchar(500) NULL 新聞內(nèi)容 addtime Varchar(50) NULL 添加時間 author Varchar(50) NULL 作者 typeid int NULL 新聞類別 ID tuijian bit NULL 是否推薦 表 為新聞類別表 newstype 列名 數(shù)據(jù)類型 可否為空 說明 typeid int NOT NULL 類別編號 typename Varchar(50) NULL 類別名稱 表 為留言信息表 liuyan 列名 數(shù)據(jù)類型 可否為空 說明 liuyanid int NOT NULL 編號 title varchar (50) NULL 標(biāo)題 content varchar (500) NULL 內(nèi)容 username varchar (50) NULL 發(fā)布人 addtime varchar (50) NULL 添加時間 typeid int NULL 用戶類別 hitnum int NULL 點擊數(shù) 表 為回復(fù)信息表 reply 列名 數(shù)據(jù)類型 可否為空 說明 replyid int NOT null 回復(fù)編號 liuyanid int NULL 留言編號 ID replycontent Varchar(500) NULL 回復(fù)內(nèi)容 username Varchar(50) NULL 回復(fù)人 表 為客戶投訴表 toushu 列名 數(shù)據(jù)類型 可否為空 說明 id int NOT NULL 編號 contact varchar (50) NULL 聯(lián)系人 pany varchar (50) NULL 公司名稱 phone varchar (50) NULL 電話 city varchar (50) NULL 城市 varchar (50) NULL 郵箱 content varchar (500) Not NULL 投訴內(nèi)容 表 學(xué)員教員信息表 steacher 列名 數(shù)據(jù)類型 可否為空 說明 id int Not null 編號 username varchar (50) Not null 用戶名 password varchar (50) Not null 密碼 question varchar (50) Not null 提示問題 answer varchar (50) Not null 答案 zy varchar (50) null 專業(yè) xl varchar (50) null 學(xué)歷 typeid int Not null 類別 ID Workplace varchar (50) null 工作地區(qū) realname varchar (50) null 真實姓名 IDcard varchar (50) null 身份證號 Gendar varchar (50) null 性別 Birthday_Year varchar (50) null 出生年號 Birthday_Month varchar (50) null 出生月號 dq varchar (50) null 地區(qū) Phone varchar (50) null 電話 Mobile varchar (50) null 手機(jī) qq varchar (50) null 號 msn varchar (50) null MSN EMAIL varchar (50) null 郵箱 Address varchar (50) null 地址 Zipcode varchar (50) null 郵編 note varchar (50) null 簡介 km varchar (50) null 求教 /可教科目 kmcount varchar (50) null 科目統(tǒng)計數(shù) fangshi varchar (50) nu