【文章內(nèi)容簡介】 tiveX 組建來執(zhí)行各種各樣的任務(wù)，例如存取數(shù)據(jù)庫、發(fā)現(xiàn)那個 Email 或訪問文件系統(tǒng)等； (6)由于服務(wù)器是將 ASP程序執(zhí)行的結(jié)果以 HTML 格式傳回客戶端瀏覽器，因此使用者不會看到 ASP 所編寫的原始程序代碼，可防止 ASP程序代碼被竊取。 湖南科 技職業(yè)學(xué)院電子信息系畢業(yè)設(shè)計 5 ASP 工作原理： 用戶向瀏覽器地址欄輸入網(wǎng)址，默認頁面的擴展名是 .asp。 瀏覽器向服務(wù)器發(fā)出請求。 服務(wù)器引擎開始運行 ASP程序。 ASP 文件按照從上到下的順序開始處理，執(zhí)行腳本命令，執(zhí)行 HTML 頁面內(nèi)容。 頁面信息發(fā)送到瀏覽器 Access 數(shù)據(jù)庫簡介 Microsoft Office Access（前名 Microsoft Access）是由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。它結(jié)合了 Microsoft Jet Database Engine 和 圖形用戶界面兩項特點，是 Microsoft Office 的成員之一。其實 Access 也是微軟公司另一個通 訊程序的名字，想與 ProComm 以及其他類似程序來競爭?？墒鞘潞笪④涀C實這是個失敗計劃，并且將它中止。數(shù)年后他們把名字重新命名于數(shù)據(jù)庫軟件。 Access 在 2021年的時候成為了計算機等級考試中的計算機二級的一種數(shù)據(jù)庫語言并且因為它的易學(xué)易用的特點正逐步取代傳統(tǒng)的 VFP 成為二級中最受歡迎的數(shù)據(jù)庫語言。 Access 是一種關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，其主要特點如下： (1)存儲方式單一 Access 管理的對象有表、查詢、窗體、報表、頁、宏和模塊，以上對象都存放在后綴為 (.mdb)的數(shù)據(jù)庫文件種，便于用戶的操作 和管理。 (2)面向?qū)ο? Access 是一個面向?qū)ο蟮拈_發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫系統(tǒng)中的各種功能對象化，將數(shù)據(jù)庫管理的各種功能封裝在各類對象中。它將一個應(yīng)用系統(tǒng)當作是由一系列對象組成的，對每個對象它都定義一組方法和屬性，以定義該對象的行為和外國，用戶還可以按需要給對象擴展方法和屬性。通過對象的方法、屬性完成數(shù)據(jù)庫的操作和管理，極大地簡化了用戶的開發(fā)工作。 湖南科 技職業(yè)學(xué)院電子信息系畢業(yè)設(shè)計 6 (3)界面友好、易操作 Access 是一個可視化工具，是風(fēng)格與 Windows 完全一樣，用戶想要生成對象并應(yīng)用，只要使用鼠標進行拖放即可， 非常直觀方便。系統(tǒng)還提供了表生成器、查詢生成器、報表設(shè)計器以及數(shù)據(jù)庫向?qū)?、表向?qū)?、查詢向?qū)?、窗體向?qū)?、報表向?qū)У裙ぞ?，使得操作簡便，容易使用和掌握? Dreamweaver 簡介 使用 Macromedia 公司的產(chǎn)品 Dreamweaver 軟件。因 HTML 的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果，該網(wǎng)站頁面主要使用 DreamWeaver 軟件。還用到一些基本上的 Html 語言。 (1)處理圖片工具： 是 Adobe 公司的產(chǎn)品，是功能非常強大的專業(yè)圖形軟件，可以制作任何你想要的平面效果。 其中包含的 ImageReady 是用于網(wǎng)頁圖片制作的。 (2)制作動畫工具： Macromedia 公司出品的 Flash 互動網(wǎng)頁制作工具與Dreamweaver 和 firework 并稱網(wǎng)頁制作三劍客 。 (3)動態(tài)網(wǎng)頁制作技術(shù)：腳本語言 Javascript 和 Vbscript， Javascript 是Netscape，它介于 JAVA和 HTML之間，是基于對象 (Object)和事件驅(qū)動 (Event Driven)并運行于客戶端的編程語言。網(wǎng)站主要運用 javascript 制作一些網(wǎng)頁特效。ASP(Active Server Pages)是包括 HTML 標記、文本和腳本命令的文件，使用它可以創(chuàng)建動態(tài)、交互的 Web 服務(wù)器應(yīng)用程序，并可以組合 HTML 頁、腳本命令和 ActiveX組件以創(chuàng)建交互的 Web 頁和基于 Web 的功能強大的應(yīng)用程序。 湖南科 技職業(yè)學(xué)院電子信息系畢業(yè)設(shè)計 7 第 4 章 網(wǎng)站各模塊頁面效果設(shè)計 網(wǎng)站客戶端前端顯示布局頁面 如圖 41 圖所示。 圖 41:網(wǎng)頁前端總體模塊 網(wǎng)站客戶端顯示頁面概述 網(wǎng)站客戶端顯示頁面是網(wǎng)站提供給瀏覽者的第一視覺界面。網(wǎng)站客戶端顯示頁面不僅要有合理的整體布局，使瀏覽者有一個流暢的視覺體驗；還應(yīng)該通過各功能模塊體現(xiàn)出網(wǎng)站的主題內(nèi)容，使瀏覽者在最短的時間內(nèi)了解網(wǎng)站的用途。前臺整體如圖 42: 標題欄 logo 區(qū)域 博客信 息顯示 區(qū)域 網(wǎng)頁主題顯示框架 頁面末尾版權(quán)信息顯示區(qū)域 湖南科 技職業(yè)學(xué)院電子信息系畢業(yè)設(shè)計 8 圖 42: 前臺主頁面 網(wǎng)站客戶端顯示頁面 1． LOGO 部分設(shè)計： LOGO 是網(wǎng)站形象的重要體現(xiàn)。試問一個衣冠楚楚的人怎么能讓自己的名片污漬不堪？就一個網(wǎng)站來說， LOGO 即是網(wǎng)站的名片。而對于一個追求精美的網(wǎng)站， LOGO更是它的靈魂所在，即所謂的“點睛”之處。 LOGO 設(shè)計的想法：在博客的國度里，我是我自己的王，這座城堡里充滿了我的喜怒哀樂 ， It39。s my style... 圖 43: 網(wǎng)站 logo圖標 2． 網(wǎng)站客戶端顯示頁面 TOP設(shè)計： 圖 44: 標題圖標 重要代碼如下： td width=84 align=center valign=middlea href= 湖南科 技職業(yè)學(xué)院電子信息系畢業(yè)設(shè)計 9 class=top博客首頁 /a|/td tdwidth=79 align=center valign=middlea href= class=top target=mainFrame我的文章 /a|/td td width=86 align=center valign=middlea href= class=top target=mainFrame我的相冊 /a|/td td width=126 align=center valign=middlea href=Manage/ class=top博客管理 /a /td 3. 網(wǎng)站客戶端顯示頁面左邊的鏈接及圖片的設(shè)計如圖 45： 圖 45: 側(cè)頁功能 圖 其重要代碼： tr td height=25 align=left background=images/ Blog 搜索/td/trtr td height=25 align=left background=images/ 博主推薦/td /tr /table/td /tr tr td!include file=/td/tr tr td height=22 bgcolor=ECECECtable width=206 border=0 湖南科 技職業(yè)學(xué)院電子信息系畢業(yè)設(shè)計 10 align=center cellpadding=0 cellspacing=0 tr td height=25 align=left background=images/ 最新留言 trtd align=center!include file=/td/tr background=images/ 過客足跡 /td /tr 4． 網(wǎng)站客戶端顯示頁面 圖 46: 主顯示頁面 關(guān)鍵代碼如下 : % 39。顯示文章的詳細內(nèi)容 ,包括文章標題、文章作者、發(fā)表時間以及文章內(nèi)容 id=(id) num=(num) If Not IsNumeric(id) Then Else Set rs=(select id,Atitle,Acontent,Aauthor,Adate from tab_article whereid=amp。idamp。)% 湖南科 技職業(yè)學(xué)院電子信息系畢業(yè)設(shè)計 11 前臺總體模塊設(shè)計 前臺主要是個人博客的主要功能展示界面，又稱網(wǎng)站客戶端顯示頁面，要求來訪者能看到管理者的文章、相冊、留言，還有管理和用戶的登錄功能以及來訪者的留言功能管理。所用功能主要可分為以下模塊： (1)我的文章模塊：根據(jù)文章內(nèi)容可分為幾大項內(nèi)容以不同內(nèi)容區(qū)塊兒展示； (2)我的相冊模塊：展示每個分類的相冊； (3)BLOG 搜索模塊：通過搜索關(guān)鍵字或是選擇查詢類型選擇去搜索。 (4)博主推薦模塊：有些是博主推薦的文章列表。 (5)最新評 論模塊：展示所用來訪者以及用戶、管理者的留言。 (6)網(wǎng)站統(tǒng)計模塊：統(tǒng)計發(fā)表的文章、評論、游覽者及建站的時間等信息。 我的文章模塊 根據(jù)文章內(nèi)容分為多個展示部分，在首頁顯示，通過綁定記錄集和建立重復(fù)區(qū)域等在首頁實現(xiàn)對文章的瀏覽，如圖 48所示。 在首頁文章欄通過點擊各類文章標題可以顯示不同的文章 .實現(xiàn)其功能需要在Dreamweaver 中增加代碼加以實現(xiàn)，主要代碼如下： % Set rs=() //建立連接 sqlstr=select top 2 id,Atitle,Adate,Aclass,Acontent from tab_article order by id desc //建立 sql 查詢語句 sqlstr,conn,1,1 //打開連接 If Then //查找符合條件的數(shù)據(jù) (trtd height=20 colspan=2 align=center暫無收藏！/td/tr) () Else while not 湖南科 技職業(yè)學(xué)院電子信息系畢業(yè)設(shè)計 12 圖 48: 博客列表模塊圖 另外，在前臺顯示對此篇文章發(fā)表的詳細內(nèi)容 主要代碼如下： % id=(id) num=(num) If Not IsNumeric(id) Then Else Set rs=(select id,Atitle,Acontent,Aauthor,Adate from tab_article where id=amp。idamp。) % tr align=left bgcolor=FFFCE8 td align=right發(fā)表時間： %=rs(Adate)% amp。nbsp。 評論： %=num% /td //顯示評論數(shù) /tr tr td align=center height=1 background=images//td /tr tr td align=center valign=bottom class=font1h4%=rs(Atitle)%/h4/td 湖南科 技職業(yè)學(xué)院電子信息系畢業(yè)設(shè)計 13 圖 49: 文章顯示模塊圖 我的相冊模塊 相冊展示模塊主要用于分類展示上傳的相冊圖片信息，即列出相冊的分類以及某一分類中包含的圖片。相冊分類展示，如圖 410所示 圖 410: 相冊顯示 湖南科 技職業(yè)學(xué)院電子信息系畢業(yè)設(shè)計 14 在 Dreamweaver 中增加代碼加以實現(xiàn)，主要代碼如下 : % n=1 Set rs=()//建立數(shù)據(jù)庫連接 sql