【導(dǎo)讀】留言板是Inter上最基本的交互式網(wǎng)頁(yè)，是網(wǎng)絡(luò)上提供的一項(xiàng)基本服務(wù)，也是一個(gè)和瀏覽者溝通的園地。它可以設(shè)計(jì)得很簡(jiǎn)單，純粹只收集觀賞者的資料。決于網(wǎng)頁(yè)開發(fā)者的能力及需求而定。無論是上網(wǎng)提問，或者留下姓名，E-mail,留言及建議等，無不是留言板基本或其變形的應(yīng)用。系統(tǒng)開發(fā)任務(wù)主要包括前臺(tái)。界面的設(shè)計(jì)和后臺(tái)數(shù)據(jù)庫(kù)管理的設(shè)計(jì)。Server數(shù)據(jù)庫(kù)設(shè)計(jì)，利用JDBC數(shù)據(jù)庫(kù)訪問技術(shù)實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的各種管理操作，調(diào)試和驗(yàn)證，最終形成達(dá)到用戶設(shè)計(jì)要求的可行系統(tǒng)。

　　

【正文】 前臺(tái)：即面向游客和注冊(cè)用戶的網(wǎng)站頁(yè)面，用戶在瀏覽器輸入相應(yīng)網(wǎng)址即可瀏覽網(wǎng)站各類信息。 后臺(tái)：對(duì)前臺(tái)信息的動(dòng)態(tài)更新和維護(hù)，實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)站的目標(biāo)管理。并設(shè)有管理員權(quán)限，只有擁有管理員權(quán)限的人員才能進(jìn)入后臺(tái)對(duì)網(wǎng)站的內(nèi)容進(jìn)行更新和修改。權(quán)限不夠的用戶只能進(jìn)行信息瀏覽和用戶自己信息及密碼的更改，這也是大多數(shù)網(wǎng)站設(shè)計(jì)階段對(duì)于以后維護(hù)時(shí)信息更新的一種安全性策略。 前臺(tái) 功能模塊 設(shè)計(jì) 本留言板 網(wǎng)站采用 B/S模式 (Browser/Server,瀏覽器 /服務(wù)器 )。系統(tǒng)前臺(tái)主要?jiǎng)澐譃?4個(gè)模塊 。 分別為 留言 模塊 ,日志 模塊 ,用戶管理 模塊 ,博客信息 模塊。 并且 根據(jù)注冊(cè)用戶權(quán)限和未注冊(cè)的游客權(quán)限子模塊的功能也有不同，分別如下圖 2圖 23所示 。 圖 2－ 2游客前臺(tái)模塊功能劃分 未注冊(cè)游客 留言模塊 日志模塊 用戶管理模塊 博客信息 留言列表 日志分類 相冊(cè) 用戶登陸 用戶注冊(cè) 主人回復(fù)查看 留言查看 日志列表 忘記密碼 日志查看 評(píng)論查看 圖 2－ 3注冊(cè)用戶前臺(tái)模塊功能 網(wǎng)頁(yè)界面設(shè)計(jì) 網(wǎng)站 界面采用靜、動(dòng)相結(jié)合的方式。靜態(tài)主要是通過文字、圖片、頁(yè)面版式等方式來體現(xiàn)。這樣使得界 面看起來生氣勃勃，美觀大方。動(dòng)態(tài)主要是體現(xiàn)在信注冊(cè)用戶 留言模塊 日志模塊 用戶管理模塊 博客信息 留言列表 相冊(cè) 日志分類 信息修改 用戶登出 主人回復(fù)查看 留言查看 日志列表 日志查看 評(píng)論查看 添加留言 添加評(píng)論 息發(fā)布，利用 JSP與數(shù)據(jù)庫(kù)結(jié)合的技術(shù)建立數(shù)據(jù)庫(kù)查詢管理系統(tǒng)，采用交互式的動(dòng)態(tài)的 web頁(yè) 面來實(shí)現(xiàn)。 文字元素是信息傳達(dá)的主體部分，從網(wǎng)頁(yè)最初的純文字界面發(fā)展至今，文字仍是其他任何元素?zé)o法取代的重要構(gòu)成 。 這首先是文字信息符合人類的閱讀習(xí)慣，其次因?yàn)槲淖炙即嫒】臻g小，節(jié)省了下載和瀏覽時(shí)間 .網(wǎng)頁(yè)中的文字主要包括標(biāo)題、信息、文字鏈接、幾種主要形式 。 標(biāo)題和傳統(tǒng)媒體中信息傳達(dá)的基本作用相同，是內(nèi)容的簡(jiǎn)概說明一般比較醒目、優(yōu)先編排 .文字作為占據(jù)頁(yè)面重要比率的元素，同時(shí)又是信息重要載體，它的字體、大小、顏色和排布對(duì)頁(yè)面整體設(shè)計(jì)影響極大，應(yīng)精心處理 。 圖形在網(wǎng)頁(yè)界面中具有重要作用 。 圖形的出現(xiàn)，打破了網(wǎng)頁(yè)初期單純的文字界面，也帶來了新的直觀表現(xiàn)形式 。 很多網(wǎng)頁(yè)中，圖形占據(jù)了重要頁(yè)面，有的甚至是全部頁(yè)面 。 圖形往往能引起人們的注意，并激發(fā)閱讀興趣，圖形給人的視覺印象要優(yōu)于文字，合理的運(yùn)用圖形 。 可以生動(dòng)直觀、形象地表現(xiàn)設(shè)計(jì)主題 。 網(wǎng)頁(yè)中常用的圖形格式包括 JPG和 GIF，這 兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺(tái)的特性，不需要瀏覽器安裝插件即可直接閱覽 。 圖形元素包括標(biāo)題、背景、主圖、鏈接圖標(biāo)四種 。 以圖像作為標(biāo)題和鏈接可以使網(wǎng)頁(yè)具有更好的視覺效果，配合文字增強(qiáng)生動(dòng)和形象性 。 需要特別注意的是背景和主圖的作用 。 以圖形為背景能襯托主題的表現(xiàn)，增加網(wǎng)頁(yè)的層次感，使網(wǎng)頁(yè)不再但點(diǎn)枯燥，融入設(shè)計(jì)者的風(fēng)格 。 主圖與背景和裝飾性小土不同，背景是襯托主題，主圖則是突出表現(xiàn)主題 。 主圖是整個(gè)網(wǎng)頁(yè)的視覺中心，它具有直觀性強(qiáng)的特點(diǎn)，可以為單調(diào)的文字信息增強(qiáng)活力，不需要象文字那樣去逐句 閱讀，可以不受文化水平的限制，能給人強(qiáng)烈的視覺信息 。 頁(yè)面版式也稱頁(yè)面的構(gòu)圖，版式是網(wǎng)頁(yè)界面設(shè)計(jì)的重要組成部分，它將文字、圖形等視覺元素進(jìn)行組合配置，使頁(yè)面整體視覺效果美觀和諧，便于閱讀，實(shí)現(xiàn)信息傳達(dá)的最佳效果 。 網(wǎng)頁(yè)的色彩是樹立網(wǎng)站形象的關(guān)鍵之一，色彩搭配卻是網(wǎng)友們感到頭疼的問題。網(wǎng)頁(yè)的背景，文字，圖標(biāo)，邊框，超鏈接，應(yīng)該采用什么樣的色彩，應(yīng)該搭配什么色彩才能最好的表達(dá)出預(yù)想的內(nèi)涵呢？這里談一些心得，首先我們先來了解一些色彩的基本知識(shí)。顏色是因?yàn)楣獾恼凵涠a(chǎn)生的。紅，黃，藍(lán)是三原色，其它的色彩都可以用這 三種色彩調(diào)和而成。網(wǎng)頁(yè) html語(yǔ)言中的色彩表達(dá)即是用這三種顏色的數(shù)值表示例如： 紅色是 color(255,0,0)十六進(jìn)制的表示方法為 (FF0000)白色為 (FFFFFF), 我們經(jīng)?？吹降?bgColor=FFFFFF就是指背景色為白色 。 顏色分非彩色和彩色兩類 .非彩色是指黑，白，灰系統(tǒng)色 .彩色是指除了非彩色以外的所有色彩 。 任何色彩都有飽和度和透明度的屬性，屬性的變化產(chǎn)生不同的色相，所以至少可以制作幾百萬種色彩 。 網(wǎng)頁(yè)制作用彩色還是非彩色好呢？根據(jù)專業(yè)的研究機(jī)構(gòu)研究表明：彩色的記憶效果是黑白的 。 也 就是說，在一般情況下，彩色頁(yè)面較完全黑白頁(yè)面更加吸引人 。 我們通常的做法是：主要內(nèi)容文字用非彩色 (黑色 )，邊框，背景，圖片用彩色 。 這樣頁(yè)面整體不單調(diào)，看主要內(nèi)容也不會(huì)眼花 。 非彩色的搭配 。 黑白是最基本和最簡(jiǎn)單的搭配，白字黑底，黑底白字都非常清晰明了 。 灰色是萬能色，可以和任何彩色搭配，也可以幫助兩種對(duì)立的色彩和諧過渡 。如果 實(shí)在找不出合適的色彩，那么用灰色試試，效果絕對(duì)不會(huì)太差 。 彩色的搭配 。 色彩千變?nèi)f化， 以下是 彩色的搭配 中需要了解的 色彩的知識(shí) ： （ 1） 色環(huán) .我們將色彩按 紅 黃 綠 藍(lán) 紅 依次過度漸 變，就可以得到一個(gè)色彩環(huán) 。 色環(huán)的兩端是暖色和寒色，當(dāng)中是中型色 。 （ 2） 色彩的心理感覺 。 不同的顏色會(huì)給瀏覽者不同的心理感受 。 紅色 —— 是一種激奮的色彩 。 刺激效果，能使人產(chǎn)生沖動(dòng)，憤怒，熱情，活力的感覺 。 綠色—— 介于冷暖兩中色彩的中間，顯得和睦，寧?kù)o，健康，安全的感覺 。 它和金黃，淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛 。 橙色 —— 也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時(shí)尚的效果 。 黃色 —— 具有快樂，希望，智慧和輕快的個(gè)性，它的明度最高 。 藍(lán)色 —— 是最具涼爽，清新，專業(yè)的色彩 。 它和白色混合，能體現(xiàn)柔順，淡 雅，浪漫的氣氛 (象天空的色彩 )。 白色 —— 具有潔白，明快，純真，清潔的感受 。 黑色 —— 具有深沉，神秘，寂靜，悲哀，壓抑的感受 。 灰色—— 具有中庸，平凡，溫和，謙讓，中立和高雅的感覺 。 （ 3）色彩在飽和度透明度。 每種色彩在飽和度， 透明度 上略微變化就會(huì)產(chǎn)生不同的感覺 。 以綠色為例，黃綠色有青春，旺盛的視覺意境，而藍(lán)綠色則顯得幽寧，陰深 。 網(wǎng)頁(yè)色彩搭配的技巧。用一種色彩，這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度， (說得通俗些就是將 色彩變淡或則加深 )，產(chǎn)生新的色彩，用于網(wǎng)頁(yè)。這樣的頁(yè)面看起來色彩統(tǒng)一，有層次 感。用兩種色彩，先選定一種色彩，然后選擇它的對(duì)比色 (在 photoshop里按 ctrl+shift+I)。整個(gè)頁(yè)面色彩豐富但不花稍。用一個(gè)色系，簡(jiǎn)單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。用黑色和一種彩色，比如大紅的字體配黑色的邊框感覺很 跳 。在網(wǎng)頁(yè)配色中，忌諱的是：不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)。 網(wǎng)頁(yè)部分截圖展示如下： 圖 24為網(wǎng)站主頁(yè)視圖 圖 25為用戶留言視圖 后臺(tái) 功能模塊 設(shè)計(jì) 后臺(tái)數(shù)據(jù)庫(kù)的管理主要分為： 日志 管理、 評(píng)論 管理、 留言 管理、 會(huì)員 管理 、管理員信息修改五 個(gè)管理模塊，具體的系統(tǒng)后臺(tái)功能模塊如圖 26 圖 26為后臺(tái)功能模塊圖 圖 27為后臺(tái)管理界面視圖 MVC 設(shè)計(jì)模式 MVC由 Trygve Reenskaug提出 ， 首先被應(yīng)用在 SmallTalk80環(huán)境中 ， 是許多交互和畫面系統(tǒng)的構(gòu)成基礎(chǔ)。 MVC結(jié)構(gòu)是為那些需要為同樣的數(shù)據(jù)提供多個(gè)視圖的應(yīng) 用程序而設(shè)計(jì)的，它很好地實(shí)現(xiàn)了數(shù)據(jù)層與表示層的分離。 MVC作為一種開發(fā)模型，通常用于分布式應(yīng)用系統(tǒng)的設(shè)計(jì)和分析，以及用于確定系統(tǒng)各部分間的組織關(guān)系。對(duì)于畫面設(shè)計(jì)可變性的需求， MVC（ ModelViewController）把交互系統(tǒng)的組成分解成模型 （業(yè)務(wù)邏輯層） 、視圖 （表示層） 、控制器 （控制層） 3種部件。 (1) 視圖部件把表示模型數(shù)據(jù)及邏輯關(guān)系和狀態(tài)的信息以特定形式展示給用戶。它從模型獲得顯示信息，對(duì)于相同的信息可以有多個(gè)不同的顯示形式或視圖。 (2) 控制器部件是處理用戶與軟件的交互操作的，其職責(zé)是控制提供模型中任何變化的傳播，確保用戶畫面與模型間的對(duì)應(yīng)聯(lián)系；它接受用戶的輸入，將輸入反饋給模型，進(jìn)而實(shí)現(xiàn)對(duì)模型的計(jì)算控制，是使模型和視圖協(xié)調(diào)工作的部件。 (3) 模型部件保存由視圖顯示、由控制器控 制的數(shù)據(jù)；它封裝了問題的核心數(shù)據(jù)、邏輯和功能的計(jì)算關(guān)系，它獨(dú)立于具體的畫面表達(dá)和 I/O操作。 模型、視圖與控制器的分離，使得一個(gè)模型可以具有多個(gè)顯示視圖。如果用戶通過某個(gè)視圖的控制器改變了模型的數(shù)據(jù)，所有其他依賴于這些數(shù)據(jù)的視圖都應(yīng)反映了這些變化。因此，無論何時(shí)發(fā)生了何種數(shù)據(jù)變化，控制器都會(huì)將變化通知所有的視圖，導(dǎo)致顯示的更新。這實(shí)際上是一種模型的變化 —— 傳播機(jī)制。 (4)JSP模式下如何實(shí)現(xiàn) MVC？ 在 Java Web應(yīng)用程序中， View部分一般用 JSP和 HTML構(gòu)建?？蛻粼?View部分提交請(qǐng)求，在業(yè)務(wù)邏 輯層處理后，把處理結(jié)果返回給 View部分顯示出來。因此， View部分也是 Web應(yīng)用程序的用戶接口。 Controller部分一般用 Servlet組成。當(dāng)用戶請(qǐng)求從 View部分傳過來時(shí)Controller把該請(qǐng)求發(fā)給適當(dāng)?shù)臉I(yè)務(wù)邏輯組件處理；請(qǐng)求處理完成后有返回給Controller。后者再把處理結(jié)果轉(zhuǎn)發(fā)給適當(dāng)?shù)?View組件顯示。因此， Controller起了視圖 層與業(yè)務(wù)邏輯層之間的橋梁作用，控制了他們兩者之間的數(shù)據(jù)流向。 Model部分包括業(yè)務(wù)邏輯層和數(shù)據(jù)庫(kù)訪問層。在 Web應(yīng)用中，業(yè)務(wù)邏輯層一般由 JavaBeabs或 EJB（ Enterprise JavaBeabs）構(gòu)建 。數(shù)據(jù)訪問層，它主要負(fù)責(zé)與數(shù)據(jù)庫(kù)打交道，用于從數(shù)據(jù)庫(kù)中存取數(shù)據(jù)。在 Java Web應(yīng)用程序中我們常用 JDBC API來構(gòu)建數(shù)據(jù)訪問層。 MVC將用戶顯示（視圖）從動(dòng)作（控制器）中分離出來，提高了代碼的重用性。將數(shù)據(jù)（模型）從對(duì)其操作的動(dòng)作（控制器）分離出來，可以讓用戶設(shè)計(jì)一個(gè)與后臺(tái)存儲(chǔ)數(shù)據(jù)無關(guān)的系統(tǒng)。 第 3章 后臺(tái)數(shù)據(jù)庫(kù)制作 數(shù)據(jù)庫(kù)概述 數(shù)據(jù)庫(kù)（ Database），簡(jiǎn)單地說就是數(shù)據(jù)的倉(cāng)庫(kù)，即數(shù)據(jù)存放的地方。我們周圍有許多數(shù)據(jù)庫(kù)的例子，如通訊錄就是一個(gè)小 數(shù)據(jù)庫(kù)，圖書館則是一個(gè)大型的數(shù)據(jù)庫(kù)。小數(shù)據(jù)庫(kù)尚可用手管理，而大型數(shù)據(jù)庫(kù)必須由計(jì)算機(jī)進(jìn)行管理。在計(jì)算機(jī)三大主要領(lǐng)域（科學(xué)計(jì)算，過程控制和數(shù)據(jù)處理）中，數(shù)據(jù)處理所占的比例約為70%。 20 世紀(jì) 60 年代末，數(shù)據(jù)庫(kù)技術(shù)作為數(shù)據(jù)處理的最新技術(shù)應(yīng)運(yùn)而生 。 數(shù)據(jù)庫(kù)系統(tǒng)是指在計(jì)算機(jī)系統(tǒng)中引入數(shù)據(jù)庫(kù)后的系統(tǒng)構(gòu)成，分為 層次模型 、網(wǎng)狀模型、關(guān)系模型的數(shù)據(jù)庫(kù)系統(tǒng)。從 20 世紀(jì) 80 年代中期起，網(wǎng)狀模型和層次模型的市場(chǎng)已逐漸被關(guān)系模型的數(shù)據(jù)庫(kù)系統(tǒng)所取代。本項(xiàng)目采用的也是關(guān)系模型的數(shù)據(jù)庫(kù)系統(tǒng)。 關(guān)系型數(shù)據(jù)庫(kù) 關(guān)系模型的基本概念。關(guān)系型數(shù)據(jù)結(jié) 構(gòu)是一個(gè)“二維表框架”組成的集合，每個(gè)二維表又可稱為關(guān)系，所以關(guān)系模型是“關(guān)系框架”的集合。關(guān)系模型與層次模型、網(wǎng)狀模型不同，它是建立在嚴(yán)格的數(shù)學(xué)概念之上的。 如果在數(shù)據(jù)庫(kù)管理系統(tǒng)中，根據(jù)用戶定義的關(guān)系來存儲(chǔ)、處理 和管理數(shù)據(jù)庫(kù)信息，這樣的數(shù)據(jù)庫(kù)管理系統(tǒng)稱為關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)。 在關(guān)系型數(shù)據(jù)庫(kù)中數(shù)據(jù)以行和列的形式存儲(chǔ)，以便用戶理解，這一系列的行和列被稱為表，一組表便組成了數(shù)據(jù)庫(kù)。在關(guān)系數(shù)據(jù)庫(kù)中：各數(shù)據(jù)項(xiàng)之間用關(guān)系來組織，關(guān)系（ relationship）是表之間的一種連接，通過關(guān)系，我們可以更靈活地表示和操縱數(shù) 據(jù)；另外，用戶可以非常方便的用查詢（ Query）來檢索數(shù)據(jù)庫(kù)中的數(shù)據(jù)，一個(gè) Query 是一個(gè)用于指定數(shù)據(jù)庫(kù)中行和列的 select 語(yǔ)句。 現(xiàn)在比較流行的大中型關(guān)系型數(shù)據(jù)庫(kù)有 IBM DB Oracle、 SQL Server、 SyBase、Informix等，常用的小型數(shù)據(jù)庫(kù)有 Access、 Pradox、 Foxpro等，現(xiàn)在個(gè)人用戶比較常用的主要是基于中小型數(shù)據(jù)庫(kù) MS SQL Server和 Access。 JDBC 數(shù)據(jù)庫(kù)訪問技術(shù) JDBC(Java Data Base Connectivity， Java數(shù)據(jù)庫(kù)連接 )是一種用于執(zhí)行 SQL語(yǔ)句的 Java API，它封裝了與底層數(shù)據(jù)庫(kù)的通信細(xì)節(jié)，提供了與數(shù)據(jù)庫(kù)相關(guān)的類和接口，為數(shù)據(jù)庫(kù)開發(fā)人員提供了一種面向應(yīng)用的開發(fā)平臺(tái)。當(dāng)前，由于數(shù)據(jù)庫(kù)產(chǎn)品繽紛復(fù)雜，一個(gè)公司里經(jīng)常出現(xiàn)同時(shí)使用多種數(shù)據(jù)庫(kù)的現(xiàn)象。使用 Java進(jìn)行數(shù)據(jù)庫(kù)開發(fā)時(shí)通過 JDBC技術(shù)，可以一致性地訪問不同的數(shù)據(jù)庫(kù)，不用分別為不同平臺(tái)的不同數(shù)據(jù)庫(kù)編寫各自