畢業(yè)設計（論文）基于ASP的教師網上交流系統(tǒng)網站的設計

1、 北京廣播電視大學畢業(yè)設計論文題目： 姓名學號： 專業(yè)年級： 分 校： 指導教師： 2011 年 4 月62摘 要 internet的迅猛發(fā)展正在徹底地改變我們的生活、工作方式，網絡已經成為我們生活中不可缺少的一部分。隨著時代的發(fā)展，網絡逐漸成為最時尚、最快捷的交流工具。從2000年中國入世以來，全球經濟一體化的趨勢對國有企業(yè)帶來巨大沖擊。為適應時代發(fā)展，借鑒國際先進的管理經驗，為了加強管理，提高工作效率，深化改革，我公司于2002年建立了自己的網站和局域網。internet上發(fā)布信息主要是通過網站來實現的，獲取信息也是在internet中按照一定的檢索方式將所需要的信息從網站上下載下來。因此

2、網站建設在internet應用中的地位顯而易見，本網站的個性化頁面生成系統(tǒng)是在dreamweaver提供的完善的開發(fā)環(huán)境下，利用iis+asp技術來實現完成的。本文中數據庫服務器端采用了microsoft access數據庫作為odbc(open database connectivity )數據源，并進行數據庫存取等操作，從而使web與數據庫緊密聯系起來。為了充分利用網絡資源，加強廠內各個部門的聯系，加強合作，促進職工的學習熱情，提高職工的業(yè)務水平，建立此網站。關鍵詞：asp，數據庫，留言反饋， iis目 錄摘 要iabstractii第一章 緒論11.1 教師網上交流系統(tǒng)網站的建站環(huán)境與目

3、的11.2 網站發(fā)揮的作用21.3網站的訪問對象2第二章 網站的需求分析與技術分析32.1 需求分析32.2 相關技術分析32.2.1 asp32.2.2 sql server與access200042.2.3 fireworks mx42.2.4 flash mx42.2.5 dreavaweaver mx5第三章 網站的系統(tǒng)設計73.1 網站規(guī)劃73.2 數據庫設計93.2.1前臺相關的數據表93.2.2 后臺管理相關的數據表113.3 交互式頁面設計14第四章 網站的系統(tǒng)實現164.1 logo和banner164.2 網站界面的實現164.2.1 前臺網站的主頁設置164.2.2 網站

4、的分頁設置174.2.3后臺網站的主頁設置194.2.4網站的后臺管理分頁設置204.3 設置iis服務器224.4 交互式頁面的實現224.4.1 asp的對象存取數據庫方法224.4.2 后臺數據庫的連接代碼的實現224.4.3 網站調查的實現234.4.4 留言反饋系統(tǒng)的實現244.4.5 崗位競聘系統(tǒng)的實現264.4.6 后臺管理系統(tǒng)的各級頁面實現264.4.7 后臺登陸的實現274.5 網站發(fā)布與瀏覽28第五章 調試和優(yōu)化295.1網站調試295.2優(yōu)化方案32結論33致 謝34參考文獻35附錄36第一章 緒論1.1 教師網上交流系統(tǒng)網站的建站環(huán)境與目的internet是目前世界上最

5、大的計算機互聯網絡，它遍布全球，將世界各地各種規(guī)模的網絡連接成一個整體。作為internet上一種先進的，易于被人們所接受的信息檢索手段，world wide web(簡稱www)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前internet上已有上百萬個web站點，其內容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的web站點對于一個機構的發(fā)展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數據庫技術在internet中的廣泛應用，web站點向用戶提供的服務將越來越豐富，越來越人性化。in

6、ternet的迅猛發(fā)展正在徹底地改變我們的生活、工作方式，網絡已經成為我們生活中不可缺少的一部分。為了加強管理，提高工作效率，借鑒國際先進的管理經驗，深化改革，我公司于2002年建立了自己的網站和局域網。為了充分利用網絡資源，加強廠內各個部門的聯系，加強合作，促進職工的學習熱情，提高職工的業(yè)務水平，建立此網站。本文中數據庫服務器端采用了microsoft access數據庫作為odbc(open database connectivity )數據源，并進行數據庫存取等操作，使web與數據庫緊密聯系起來整個個性化頁面生成系統(tǒng)主要由使用dreamweaver開發(fā)的關聯規(guī)則采掘系統(tǒng)和利用iis+as

7、p技術實現的個性化web頁面生成器兩部分組成。關聯規(guī)則采掘系統(tǒng)對數據庫中的歷史記錄進行分析，產生用戶關聯規(guī)則表；頁面生成器則負責記錄用戶行為和根據關聯規(guī)則表動態(tài)生成用戶個性化web頁面。二者通過數據庫服務器和web服務器連接。本項目主要完成web服務器端的用戶注冊、用戶登陸以及管理個人資料、注冊條約、取回密碼、修改密碼以及管理員登陸和注銷、實現與完善以及整個實驗網站的組織建立和測試工作。1.2 網站發(fā)揮的作用信息時代的來臨拓寬了教師進行自我提升的途徑，同時也對教師的素質提出了更高的要求。被稱為當今社會的“天之驕子”的電腦主宰著世界的前進，而主宰電腦的我們則更應該多思考，多研究，多學習。只讀書的

8、學習方式一去不復返，科技的日新月異，使我們不得不學習一種新的知識-計算機技術。怪不得有人說“不會電腦的人，將是新世紀的文盲”。足見網上學習的重要性。教師網上交流系統(tǒng)網站將作為一個教師的學習、交流的平臺，設立教育新聞，展示全區(qū)學校風采，發(fā)布各中小學校、幼兒園的活動、教研等信息；設立學習平臺實現網上學習，拓寬培訓途徑；隨著教師人事制度改革的深入，強化人才的管理，建立崗位競聘模塊；留言反饋、聯系我們的建立，便于于教師的互動和交流。1.3網站的訪問對象 站內游客：瀏覽網頁后知道本單位的概況，了解區(qū)內教育新聞；掌握教師專業(yè)知識。 注冊用戶：可以在網上進行專業(yè)的學習。主要是單位教師，在網上對工作進行交流學

9、習。 管理人員：對網站進行管理，回復留言，發(fā)布新聞、及崗位競聘等內容。查看崗位競聘信息，并與之聯系等。 第二章 網站的需求分析與技術分析2.1 需求分析現代社會是信息高度發(fā)達的社會，伴隨著信息的潮涌，技術的沖擊，課堂教學中也滲透著新的教育觀念。將信息技術與學科教學整合，讓現代信息技術為教學服務，是一個提高教學效果和效率的有效途徑。因此網站建立根據現在單位的實際情況有如下要求：1. 建立網站主要應用于本區(qū)教育城域網內部。2. 由于單位部門多，人員分散，需要依托網絡建立一個教師學習培訓平臺。3. 管理人員的計算機水平參差不齊，需要建立一個強大的后臺管理平臺，主要是它的易用性。4. 隨著教師人事制度

10、深化改革，逐漸加強各部門管理，競爭上崗成為單位的主要的管理形式，因此建立崗位競聘欄目。5. 建立一個展示和聯絡平臺。 2.2 相關技術分析2.2.1 asp1. asp簡介asp(microsoft active server pages ) ，是一套微軟開發(fā)的服務器端腳本環(huán)境， asp 內含于 iis 3.0 和 4.0 以及更高的版本之中, 通過 asp 可以結合 html 網頁、 asp 指令和 activex 元件建立動態(tài)、交互且高效的 web 服務器應用程序。所有的程序都將在服務器端執(zhí)行，包括所有嵌在普通 html 中的腳本程序。當程序執(zhí)行完畢后，服務器僅將執(zhí)行的結果返回給客戶瀏覽器

11、，這樣也就減輕了客戶端瀏覽器的負擔，大大提高了交互的速度。因其有很多的優(yōu)點，所以我在燕京網上交流系統(tǒng)網站設計時選擇了它。2. asp的特點（1） 使用 vbscript 、 jscript 等簡單易懂的腳本語言，結合 html 代碼， 即可快速地完成網站的應用程序。 （2） 無須編譯，容易編寫，可在服務器端直接執(zhí)行。 （3） 使用普通的文本編輯器，如 windows 的記事本，即可進行編輯設計。 （4） 與瀏覽器無關, 用戶端只要使用可執(zhí)行 html 碼的瀏覽器，即可瀏覽 active server pages 所設計的網頁內容。（5） active server pages 的源程序，不會被

12、傳到客戶瀏覽器，因而可 以避免所寫的源程序被他人剽竊，也提高了程序的安全性。（6） 瀏覽器傳送到站點服務器的表單輸入訪問和編輯服務器的數據庫表。使用瀏覽器即可輸入、更新和刪除點服務器的數據庫中的數據2.2.2 sql server與access2000 microsoft sql server 2000 是企業(yè)級數據庫解決方案，與 microsoft access 2002 相比，它極大地改進了可伸縮性、維護性和數據庫恢復功能。由于 sql server 基于客戶端/服務器體系結構，所以在通過遠程連接處理和發(fā)送數據的方式上與 access 有很大的不同。sql server 還提供了許多功能，

13、使數據查詢、業(yè)務邏輯重用和數據備份等任務變得更簡單，更靈活。雖然sql server有很多的優(yōu)點，但sql用語創(chuàng)建大型數據庫操作復雜，涉及到的困難較多如數據庫的移動等。又因我所選擇開發(fā)的課題只是一個較小的課題，其數據庫主要應用到網上注冊、留言咨詢系統(tǒng)中。殺雞焉用宰牛刀？根據我的分析可以選擇簡單的access 2000數據庫作為我的網站開發(fā)的數據庫，因其操作非常簡單，可移動性好（隨著網站可隨意移到任何位置），界面直觀，經常應用，使用熟練等特點使它成為我的首選。2.2.3 fireworks mxfireworks mx是macromedia公司推出的平面圖像設計和圖像處理軟件，它具有強大的圖像優(yōu)

14、化功能和操作易用性，受到廣大平面圖形設計人員及網頁設計人員的青睞。利用它可制作如按鈕、背景圖片、材質紋理、網頁特效及網頁效果設計等。突出功能介紹：圖像大小尺寸的處理:打開要處理尺寸大小的圖像，在modify修改菜單中選擇image size打開設置圖像尺寸大小的對話框，進行具體選項設置，改變圖像大小，節(jié)省占用空間。圖像優(yōu)化的處理:主要是協(xié)調圖像的質量和圖像大小之間的關系，以便提高圖像在網頁中的下載速度。具體步驟：打開圖像，在window窗口菜單中選擇optimize打開優(yōu)化面板，進行具體優(yōu)化設置，可以通過改變圖像格式，實現優(yōu)化處理。使用切割化設置: 將圖像分割成多個板塊，然后在對不同的板塊使用

15、不同的優(yōu)化設置。具體步驟：打開圖像，在view菜單中選擇slice overlay項勾選，然后單擊show hotspots and slices（顯示熱區(qū)和切割）按鈕，對圖像進行切割處理，將一幅圖像切割成若干小圖像，提高網頁瀏覽圖像速度。2.2.4 flash mxflash是制作動畫的一個軟件工具，它可以通過文字、圖片、錄像、聲音等綜合手段形象的體現一個意圖，通常像我們看到的廣告片段一樣。一般利用 flash 技術來包裝公司形象、進行產品宣傳等，通過網頁充分體現它的魅力，并可以達到非常好的效果。與以前版本相比較flash mx有如下特點：mx 擁有可訂制的、直觀的、友好的界面?？捎喼频奶匦?/p>

16、包括：面板布局、快捷鍵和發(fā)布設定。用戶界面和 macromedia 的其他工具一樣，這樣給使用者在應用方面帶來很大的好處。 類似文件夾的組織和層操作，timeline 的強化可以讓你的工作更快速、工作量更少。比如：改善的鼠標指針變形，多幀的修改長短、剪切和粘貼可以更加方便的使用 timeline。 通過易用的工具可以對圖像對象進行斜拉、旋轉、縮放和變形。當你改變shapes, symbols, 和graphic elements 時，新的工具可以加強你的創(chuàng)造力。使用動態(tài)蒙板可以產生復雜的效果。利用 movie clip 建立動態(tài)的效果，也可以利用 actionscript 控制蒙板。2.2.5

17、 dreavaweaver mxdreamweaver是macromedia公司推出的一款“平民化”的網頁制作軟件，具有可視化編輯界面和強大的所見即所得網頁編輯功能。用戶不必編寫復雜的html源代碼，就可以生成跨平臺、跨瀏覽器的網頁。同時，dreamweaver支持動態(tài)html，并采用了roundtrip html技術，從而奠定了在網頁高級設計功能方面的領先地位。在進行網頁設計過程中，動態(tài)html技術能夠讓用戶輕松設計復雜的交互式網頁，產生動態(tài)效果；而roundtrip html技術則可以支持html源編輯模式，不會產生冗余代碼，使網頁渲染速度加快。因此，dreamweaver是一款可以滿足多

18、層次需求，功能強大的可視化專業(yè)級網頁設計和制作工具。dreavaweaver mx軟件具有以下特色。出色的工作界面，將所有與dreamweaver關聯的窗口都融入一個多重文檔窗口中，用戶可以隨時查看各種資源。并且可以設置單個或多個面板自由顯示，使用戶更精確地掌握網頁制作的細微之處。擁有更強大的協(xié)作能力，能夠與macromedia公司的其他網頁制作軟件，如flash mx、fireworks mx等協(xié)調一致工作，從而使得輕松制作網頁成為可能。 提供了更為強大的多媒體處理功能，在設計dhtml(dynamic html)和css(cascading style sheets)方面表現得極為出色。它

19、利用javascript和dhtml語言代碼輕松地實現網頁元素的動作和交互性操作，在這方面超過了frontpage xp、hotdog和homesite等著名網頁設計軟件，成為目前最為流行的網頁設計工具。允許在dreamweaver中直接制作flash text、flash button插件，同時全面支持asp、asp .net、jsp、php、xml、vxml和cfml等代碼，支持目前流行的大部分網絡設計代碼。增強了庫和模板功能，使用戶可以直接建立具有專業(yè)界面和代碼的網頁。綜上所述：我選擇了dreamweaver mx用來設計網站布局，使用asp技術完成動態(tài)網頁的后臺數據庫的控制工作。用fi

20、reworks mx完成網頁里的圖形、圖像、背景等處理。用access 2000創(chuàng)建后臺數據庫，用flash mx完成網頁中動態(tài)圖像的制作。第三章 網站的系統(tǒng)設計3.1 網站規(guī)劃根據前面的設計思想進行分析，網站分為兩大部分：前臺與后臺管理。u 前臺部分按照系統(tǒng)開發(fā)的基本觀點對網站進行分解，從內容上可對網站做如下劃分：主導航欄： 由網站首頁、單位介紹、教育新聞、學習平臺、崗位競聘、留言反饋、聯系我們七大主要板塊組成，利用網絡平臺增進、強化教師的學習及信息技術應用水平等。首頁展示： 新聞資訊、學習平臺、聯系我們、同時在左側顯示學習平臺的目錄、網站調查及友情鏈接。網站結構如圖3-1所示。網站首頁公司

21、介紹教育新聞學習平臺崗位競聘留言反饋聯系我們教育新聞學習平臺聯系我們圖3-1網站結構圖u 后臺管理部分后臺管理本著易用性設計，為網站的安全和方便管理者使用，其流程是：i. 登錄（建立管理員賬號、密碼。目的：保障網站的安全性）ii. 進入后臺管理iii. 與前臺相對應，后臺分為六個板塊。 其結構如3-2圖：后臺管理系統(tǒng)管理首頁系統(tǒng)管理學習管理信息管理留言管理人才管理網站信息配置上傳文件管理站內調查管理友情鏈接管理管理員管理用戶管理公司/企業(yè)簡介修改聯系我們修改.學習類別管理文件管理新增文件修改文件審核文件信息修改添加信息管理留言招聘管理發(fā)布招聘應聘管理圖3-2后臺管理結構圖3.2 數據庫設計在設

22、計網站的后臺數據庫時我采用的數據庫是microsoft access 2000，建立后綴為“.mdb”的庫文件。在網站中前臺與后臺管理系統(tǒng)共同使用一個數據庫sjhhsjb.asp，來完成各自的任務。用.asp將數據庫封裝，加強了數據庫的安全性。在數據庫中共有12張表，與前臺有關的表有4張表（user表正在建設中），后臺管理相關有11張表。3.2.1前臺相關的數據表與前臺有關的表有4張表，其中user表正在建設中。他們分別是book-記錄留言反饋；jobbook-是應聘崗位記錄；vote-記錄網站調查；user-用于記錄注冊的用戶。 vote-記錄網站調查,調查的內容有后臺管理提供

23、和修改,前臺則負責收集調查的相應數據。其表如3-1所示：表3-1 vote表字段名稱字段類型字段說明字段值id自動編號（主鍵）自動編號不為空title文本調查內容不為空select1數字選擇1不為空answer1數字回答1可以為空select2數字選擇2不為空answer2數字回答2可以為空select3數字選擇3可以為空answer3數字回答3可以為空select4數字選擇4可以為空answer4數字回答4可以為空select5數字選擇5可以為空answer5數字回答5可以為空select6數字選擇1可以為空answer6數字回答1可以為空select7數字選擇2可以為空answer7數字回

24、答2可以為空select8數字選擇3可以為空answer8數字回答3可以為空votetime文本日期和時間不為空votetype文本選擇類型不為空isselected是/否是否選擇可以為空此表共21個字段，用來保存網站的調查情況。其中選擇18的情況選用多少有后臺管理決定，但至少為2個，至多為8個。votetime、votetype與isselected為系統(tǒng)自動填入。 jobbook-是應聘崗位記錄，每一位應聘者將自己的狀況填入表中，并將其寫入后臺數據庫。如3-2表所示：表3-2 jobbook表字段名稱字段類型字段說明字段值id自動編號（主鍵）自動編號不為空jobname文本

25、應聘崗位不為空nname文本應聘者姓名不為空sex男/女性別不為空birthday文本出生年月日不為空marry文本婚姻狀況不為空school文本畢業(yè)院校不為空studydegree文本學歷不為空specialty文本專業(yè)不為空factory文本工作單位不為空gradyear文本工作時間不為空telephone文本電話不為空email文本e-mail不為空address文本聯系地址不為空ability文本水平與能力不為空resumes文本簡歷不為空time文本應聘日期自動填入此表共17個字段，用來保存在崗位應聘者的信息。time 表項是系統(tǒng)自動填入。用于表示信息提供的時間。 b

26、ook-記錄留言反饋,每一位訪問者都可以在這里留下自己的疑問、觀點和愿望。如3-3表所示表3-3 book表字段名稱字段類型字段說明字段值id自動編號（主鍵）自動編號不為空name文本用戶名稱可為空comane文本單位名稱不為空somane文本聯系人不為空phone文本電話不為空email文本e-mail可為空rebook文本管理員恢復可為空title文本留言主題不為空content文本留言內容不為空time文本留言時間自動填入此表共9個字段，記錄訪問者的疑問、觀點和愿望。 user-用于記錄注冊的用戶。項目正在開發(fā)中。如3-4表所示：表3-4 user表字段名稱字段類型字段說明

27、字段值userid自動編號（主鍵）自動編號不為空username文本用戶名不為空password文本密碼不為空question文本密碼問題不為空answer文本問題答案不為空email文本e-mail不為空sex數字性別不為空comane文本單位名稱不為空name文本真實姓名不為空zip文本郵編不為空somane文本身份證號不為空phone文本聯系電話不為空regdate文本注冊日期系統(tǒng)自動填入lastlogintime文本最終注冊日期系統(tǒng)自動填入lockuser文本鎖定管理員填入userlevel文本用戶級別管理員填入此表共有16字段，來完成用戶的注冊、認定。3.2.2 后臺管理相關的數據表

28、在后臺管理中，數據庫為后臺管理提供了各種服務，使后臺管理智能化。其中包括vote-記錄網站調查、book-記錄留言反饋、bigclass-作品的大類信息、smallclass-作品小類信息、product-作品信息、manage_user-管理員管理、main-公司/車間簡介、links-友情鏈接管理、user-用于記錄注冊的用戶、job-發(fā)布招聘紀錄和conews-新聞咨詢紀錄。vote-記錄網站調查，這張表前臺、后臺共用。如3-5所示：表3-5 vote表字段名稱字段類型字段說明字段值id自動編號（主鍵）自動編號不為空title文本調查內容不為空select1數字選擇1不為空

29、answer1數字回答1可以為空select2數字選擇2不為空answer2數字回答2可以為空select3數字選擇3可以為空answer3數字回答3可以為空select4數字選擇4可以為空answer4數字回答4可以為空select5數字選擇5可以為空answer5數字回答5可以為空select6數字選擇1可以為空answer6數字回答1可以為空select7數字選擇2可以為空answer7數字回答2可以為空select8數字選擇3可以為空answer8數字回答3可以為空votetime文本日期和時間不為空votetype文本選擇類型不為空isselected是/否是否選擇可以為空此表字段t

30、itle、select18為后臺寫入，作為網站調查的設置。 user-用于記錄注冊的用戶。項目正在開發(fā)中。在后臺中用于用戶管理，如3-6表所示：表3-6 user表字段名稱字段類型字段說明字段值userid自動編號（主鍵）自動編號不為空username文本用戶名不為空password文本密碼不為空question文本密碼問題不為空answer文本問題答案不為空email文本e-mail不為空sex數字性別不為空comane文本單位名稱不為空name文本真實姓名不為空zip文本郵編不為空somane文本身份證號不為空phone文本聯系電話不為空regdate文本注冊日期系統(tǒng)自動填

31、入lastlogintime文本最終注冊日期系統(tǒng)自動填入lockuser文本鎖定管理員填入userlevel文本用戶級別管理員填入 book-記錄留言反饋,在后臺管理中，用于記錄管理員回復的信息。如3-7表所示：表3-7 book表字段名稱字段類型字段說明字段值id自動編號（主鍵）自動編號不為空name文本用戶名稱可為空comane文本單位名稱不為空somane文本聯系人不為空phone文本電話不為空email文本e-mail可為空rebook文本管理員恢復可為空title文本留言主題不為空content文本留言內容不為空time文本留言時間自動填入此表字段rebook用于記錄管

32、理員的回復信息。 bigclass-作品的大類信息，劃分作品，便于管理。如表3-8所示：表3-8 bigclass表字段名稱字段類型字段說明字段值bigclassid自動編號（主鍵）自動編號不為空bigclassname文本大類名稱不為空admin數字管理員可為空此表共3個字段，用來保存大類信息。 smallclass-作品小類信息，細劃作品使之更有條理。如表3-9所示：表3-9 smallclass表字段名稱字段類型字段說明字段值smallclassid自動編號（主鍵）自動編號不為空smallclassname文本小類名稱不為空bigclassname文本隸屬

33、的大類名稱不為空此表共3個字段闡述作品的小類。 links-友情鏈接管理，如3-10表所示：表3-10 links表字段名稱字段類型字段說明字段值id自動編號（主鍵）自動編號不為空name文本網站名稱不為空note文本網站說明不為空link文本鏈接不為空time文本加入時間系統(tǒng)自動鍵入此表共5個字段建立鏈接表。 manage_user-管理員管理，用于對管理員的管理，如3-11表所示：表3-12 manage_user表字段名稱字段類型字段說明字段值id自動編號（主鍵）自動編號不為空username文本管理員帳號不為空password文本管理員密碼不為空此表共3

34、個字段，用來保存在網站留言系統(tǒng)管理員的相關信息。 job-發(fā)布招聘紀錄，用于管理員發(fā)布競聘信息。如表3-13所示：表3-13 smallclass表字段名稱字段類型字段說明字段值id自動編號（主鍵）自動編號不為空duix文本崗位名稱不為空rens數字招聘人數不為空did文本工作地點不為空daiy文本工資待遇不為空yaoq文本招聘要求不為空qix數字有效期限不為空time文本發(fā)布日期系統(tǒng)自動鍵入此表共8個字段。 product-作品信息，學習平臺的后臺數據表，如表3-14所示：表3-14 product表字段名稱字段類型字段說明字段值articleid自動編號（主

35、鍵）自動編號不為空product_id自動編號（主鍵）崗位名稱不為空bigclassname文本大類名稱可為空smallclassname文本小類名稱可為空title文本（主鍵）作品名稱不為空key文本關鍵字不為空hits數字點擊次數系統(tǒng)自動鍵入updatetime文本更新日起系統(tǒng)自動鍵入elite文本用于首頁現實可為空passed文本審核可為空content文本內容不為空includepic文本包含圖片系統(tǒng)自動鍵入defaultpicurl文本首頁圖片可為空uploadfiles文本上傳文件可為空paginationtype文本分頁可為空maxcharperpage文本每頁最大字數可為空此表

36、共有16個字段，來記錄作品的各種信息。0 conews-新聞資訊紀錄，用于新聞資訊的管理，如表3-15所示：表3-15 conews表字段名稱字段類型字段說明字段值id自動編號（主鍵）自動編號不為空title文本資訊名稱不為空content文本資訊內容不為空counter數字點擊次數系統(tǒng)自動鍵入time文本發(fā)布日期系統(tǒng)自動鍵入此表共5個字段，描述新聞資訊。 1 main-公司/車間簡介，使之變成模式化，便于管理，如表3-16所示：表3-15 conews表字段名稱字段類型字段說明字段值home文本網站地址（主鍵）不為空content文本字體大小不為空about文本簡

37、介內容不為空linian文本理念可為空jigou文本機構可為空此表共5個字段，完成公司/車間簡介的介紹。3.3 交互式頁面設計網站的交互式頁面是動態(tài)頁面，與后臺數據庫緊密聯系。在設計時，為保持網頁的和諧統(tǒng)一，因此采用同一模板，方便的實現了與訪問者的交互。前臺以留言反饋為例，如圖3-3，后臺以管理員管理為例如圖3-4所示。圖3-3 留言反饋界面圖3-4 管理員管理界面第四章 網站的系統(tǒng)實現4.1 logo和banner 網站的logo和banner是網站的標志，由標志圖片，網站名稱，宣傳語和宣傳圖片組成。如圖4-1所示。其中，網站標志和網站名稱是用firewoks mx軟件設計實現的；宣傳語和宣

38、傳圖片是用flash mx軟件設計實現的。圖4-1logo與banner的標志圖片4.2 網站界面的實現4.2.1 前臺網站的主頁設置 在網站中設計中，為保持各個頁面的連貫性，采用分塊設計。設計head.asp作為各個網頁的頭部；設計foot.asp作為網頁的頁腳。頭部與頁腳的色調以藍色調為主，醒目，突出重點。中間內容部分以白色作為基色調。能夠把內容鮮明的體現出來。 head.asp的現實效果如圖4-2所示圖4-2 head網頁頭部圖片 foot.asp的現實效果如圖4-3所示：圖4-3 foot網頁的頁腳圖片首頁面采用動、靜結合的方法進行設計。動是指畫面的動和動態(tài)網也行結合；靜是指靜態(tài)頁面顯

39、示。給人以簡潔，但內容突出的印象。如圖4-4所示：圖4-4網站主頁面在網站中以簡潔的方式將網站的主要欄目介紹出來，同時將第一個動態(tài)的欄目帶給大家。以靜態(tài)方式展示新聞資訊、學習平臺、聯系我們和友情鏈接。一個動態(tài)欄目-網站調查。實現瀏覽者的第一次交互。4.2.2 網站的分頁設置網站的分頁是由主頁鏈接的目標頁，其內容為主頁鏈接的詳細內容展開。本網站中設置了一級、二級子頁，個個欄目的內容。各級子頁面保持與主業(yè)面的風格，實現了網站的統(tǒng)一。其形式見圖4-5和圖4-6。圖4-5網站一級頁面圖4-6網站二級子頁面4.2.3后臺網站的主頁設置 在網站中設計中，為保持各個頁面的連貫性，采用分塊設計。后臺設計采用了

40、與前臺相同的技術。但頁面風格不同。其首頁面形式如圖4-7所示：圖4-7后臺管理首頁面在后臺頁面設計中，沒有設計head和foot,但設計了left作為后臺管理的導航。如圖4-8所示：圖4-8后臺管理的left導航4.2.4網站的后臺管理分頁設置 網站的后臺以綠色為基調，首頁不再顯示各分頁面的內容。后臺進入需要登陸。其登陸的頁面如圖4-9所示：圖4-9后臺管理登錄頁面后臺管理的首頁與分頁面的比較如圖4-10、4-11、4-12。圖4-10后臺管理的首頁圖4-11后臺管理的管理員管理頁面圖4-12后臺管理的信息管理的信息修改頁面總之后臺管理的設計思想是盡量直接實現各種功能，不需其他技巧就能完成后臺

41、管理，使其不需要多少的計算機專業(yè)技能，也能輕松勝任。4.3 設置iis服務器在windows操作系統(tǒng)中選擇控制面板添加/刪除程序添加/刪除windows組件勾選internet信息服務（iis）即可。4.4 交互式頁面的實現4.4.1 asp的對象存取數據庫方法在asp中，用來存取數據庫的對象統(tǒng)稱ado（active data objects），主要含有三種對象：connection、recordset 、command。connection：負責打開或連接數據。recordset：負責存取數據表。command：負責對數據庫執(zhí)行行動查詢命令。4.4.2 后臺數據庫的連接代碼的實現要使用后臺數

42、據庫的數據，必須先進行數據庫的連接與打開，要連接數據庫我們必須使用ado對象群的connection對象。 asp數據庫的連接有2種方法：1、可以使用 dsn 在 web 應用程序和數據庫之間建立 odbc 連接。dsn 是一種名稱，它包含使用 odbc 驅動程序連接到指定數據庫所需的全部參數。 2、可以使用非 dsn 連接在 web 應用程序和數據庫之間創(chuàng)建 odbc 或 ole db 連接。 即連接字符串。使用連接字符串來創(chuàng)建該連接,連接字符串包含 web 應用程序在服務器上連接到數據庫所需的全部信息。dreamweaver 在網頁的服務器端腳本中插入該字符串，以便讓應用程序服務器在隨后進

43、行處理。 下面是一個連接字符串示例： driver=microsoft access driver (*.mdb);dbq=d:abcwwwrootmywebdata.mdb后臺數據庫的連接因非dsn連接簡單我選擇了非dsn連接，由于連接方法相同，我在每個交互式系統(tǒng)中都建立了一個conn.asp連接和打開數據庫文件，以供其他動態(tài)網頁文件包含應用。代碼如下：4.4.3 網站調查的實現主要思想是：采集數據直接調用syscode.asp中的showvote()函數，對于設置網站調查則在后臺管理中地votemanage.asp如圖4-13和4-14：圖4-13后臺管理網站調查界面圖4-14網站調查在后

44、臺管理系統(tǒng)中可以對你感興趣的話題進行設置如圖4-13所示，在前臺顯示如圖4-14所示，就可以得到相應的調查結果。調查結果如圖4-15所示圖4-15調查結果4.4.4 留言反饋系統(tǒng)的實現 留言反饋系統(tǒng)主要在前臺體現，前臺不僅可以瀏覽每個人的留言，及聯系方式，還可以加入自己的留言、意見等。后臺主要負責管理員對留言的回復和管理。前臺實現由gbook.asp（如圖4-16所示）顯示留言went.asp（如圖4-17所示）留言savenetbook.asp（留言報錯系統(tǒng)）和wtok.asp（提交成功）組成。這樣就達到了管理員與瀏覽著、用戶的有效溝通。圖4-16留言反饋頁面圖4-17留言的頁面其報錯畫面如

45、圖4-18所示圖4-18報錯畫面后臺管理的界面如圖4-19所示圖4-19留言管理的后臺系統(tǒng)4.4.5 崗位競聘系統(tǒng)的實現 崗位競聘的前臺與后臺管理得勢線路留言反饋系統(tǒng)類似，這里不再敘述。4.4.6 后臺管理系統(tǒng)的各級頁面實現 這里僅以新聞資訊為例，其他分級頁面大同小異。新聞資訊在前臺主要是顯示共瀏覽著閱讀，后臺是管理者將信息資訊加入數據庫，添加、修改、刪除。前臺不再累述。其導航是信息管理。包含兩項：manage_news.asp信息修改和manage_newsadd.asp添加信息。分別如圖4-20、4-21所示：圖4-20信息修改圖4-21添加信息這樣就方便得實現了在后臺簡單的加入信息，就可

46、以讓瀏覽者在前臺瀏覽。實現了盡管管理者不懂電腦，也能如意的運用進行發(fā)布信息、修改信息。4.4.7 后臺登陸的實現 對后臺管理的實現，只有登陸系統(tǒng)。要成為一個管理員，必須有已是管理員的人在后臺管理頁面上進行添加操作，才能使之成為管理員。管理登陸login.asp如圖4-22，管理員管理manage_admin.asp如圖4-23所示。圖4-22管理員登陸畫面在login.asp的源代碼里同時有報錯系統(tǒng)。圖4-23管理員管理界面4.5 網站發(fā)布與瀏覽1 發(fā)布將網站的所有文件夾和文件保存到設定的主目錄中即可。2 設置主目錄選擇控制面板管理工具internet服務管理器右擊默認站點選擇屬性設置主目錄。

47、3 瀏覽在iis中選擇默認web站點中的首頁default文檔，右鍵選擇瀏覽。第五章 調試和優(yōu)化5.1網站調試一個站點制作好后，在細節(jié)上肯定還有一些值得調節(jié)的地方，比如無效鏈接，java、cookie錯誤等等，所以網站調試是一個不容忽視的環(huán)節(jié)。只要利用瀏覽器就可以完成這項工作。雖然internet explorer（簡稱ie）在瀏覽器市場中占據著優(yōu)勢性份額，但并不是說它強大到無可挑剔的地步，除了安全隱患問題，在站長進行網站調試時，也暴露出ie的嚴重不足。其實，很多站長都利用mozilla這款老牌的web瀏覽器來調試自己的網站，它可以快速、高效、即時地找出網頁中存在的問題。（1）為什么mozil

48、la比ie更適合調試網站和ie不同的是，mozilla不但可以用于網頁瀏覽、網頁編輯，更為重要的是mozilla內置了強大的調試工具，能方便、高效地對站點網頁進行javascript糾錯、cookie管理、源代碼查看、dom 查看和頁面信息查詢等，這些都是ie不容易做到的。（2）運用環(huán)境：當ie腳本信息太簡單時在網頁編寫中使用javascript是司空見慣的事情了，當javascript出現問題時，在ie瀏覽器中只會彈出一個簡單的錯誤提示對話框，告訴你該網頁有錯誤，出錯提示信息過于簡單，而且無法進行管理，滿足不了調試網頁工作的需要。這種情況下，我們就可以利用mozilla來解決。（3）錯誤，就

49、這樣被“揪出”mozilla內置了“javascript控制臺”，只要你在網頁調試時打開javascript控制臺，就可以看到被記錄下的javascript 錯誤提示信息，方便大家找出錯誤所在，起到即時修正網頁錯誤的目的。如何利用mozilla內置的“javascript控制臺”來快速定位問題所在？其實非常簡單。使用mozilla 瀏覽器進行網站調試時，依次點擊“工具web開發(fā)javascript控制臺”項目后，彈出“javascript控制臺”對話框，在列表框中記錄著網頁的javascript出錯信息，并且每項錯誤信息都詳細地記錄著出錯的文件名、javascript錯誤所在行號，以及錯誤出現

50、時的上下文，這樣一來就很容易找出javascript出錯位置和錯誤原因。此外，你還可以右鍵點擊錯誤項目，在彈出的菜單中選擇“復制”項目，將javascript出錯信息復制到剪貼板中，以便保存到其他文件中。提示：雖然javascript控制臺功能強大，但也有不足之處，這就是無法將所有的javascript出錯項目保存到一個文件中，只能逐條手工保存。（4）嚴格模式，讓網頁顯示更“順暢”網頁調試中，除了javascript錯誤信息外，還有一種出錯信息，就是“嚴格的javascript警告”信息。雖然這種“javascript警告”沒有javascript錯誤信息嚴重，但它也會嚴重地影響到網頁的顯示速度，要想讓你的網站做得完美，這種javascript警告錯誤也必須剔除。默認情況下，mozilla是不記錄“嚴格的javascript警告”信息，必須手工激活該功能。在mozilla瀏覽器主窗口中，點擊“編輯首選項”后，彈出首選項對話框，切