第一篇:企業(yè)網(wǎng)站建設畢業(yè)設計論文
浙江工業(yè)職業(yè)技術學院
畢業(yè)論文
2016屆
怡然名居企業(yè)網(wǎng)站的設計與實現(xiàn)
學生姓名
學 號
分 院
專 業(yè) 計算機應用技術 班 級
畢業(yè)設計指導教師
企業(yè)指導教師 完成日期
2016年 5 月 8日
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
怡然名居企業(yè)網(wǎng)站的設計與實現(xiàn)
摘要:
隨著互聯(lián)網(wǎng)技術的快速發(fā)展,網(wǎng)絡已逐漸深入人心,但也成為傳統(tǒng)媒體如報紙、電視、廣播、介質(zhì)后,快速增長,新媒體網(wǎng)絡宣傳已成為許多宣傳的重中之重,各種各樣的網(wǎng)站也應運而生。促進企業(yè)和公司網(wǎng)站,網(wǎng)上購物可以電子商務網(wǎng)站,及時知道世界上發(fā)生了什么新聞網(wǎng)站,方便學習的教育網(wǎng)站,充斥著我們的視野,滿足我們的需要。許多人已經(jīng)悄然把網(wǎng)站規(guī)劃和建設放在第一的位臵。
今天的人們,如果仍然依靠傳統(tǒng)的方式來顯示他們自己已經(jīng)不能滿足現(xiàn)在人們的需求,所以對很多企業(yè)來說做一個網(wǎng)站變成了一個非常有意義的和感興趣的事情。使用這個網(wǎng)站我們就可以使國家,甚至世界人民有機會了解自己的公司。這也是展示企業(yè)所經(jīng)營的業(yè)務,綜合展示企業(yè)的實力,拓寬顧客市場,增加企業(yè)與客戶之間的聯(lián)系,縮短二者之間的距離,提高企業(yè)知名度,為企業(yè)找到了自己的一個永久的廣告發(fā)布平臺。
本文就網(wǎng)站的主題內(nèi)容及網(wǎng)站的制作與設計這兩方面進行描述與分析。本網(wǎng)站的主題知識產(chǎn)權服務,整個網(wǎng)站都是以法律性的內(nèi)容為主的,主要包括了首頁、關于我們、店內(nèi)品牌、商家動態(tài)、聯(lián)系我們和客服留言等欄目。
關鍵詞 企業(yè)門戶
網(wǎng)頁設計
知識產(chǎn)權
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
目錄
引言...............................................錯誤!未定義書簽。第一章 概述.........................................................2 1.1 企業(yè)門戶性網(wǎng)站是什么............................................2 1.2 怡然名居企業(yè)網(wǎng)站的目標分析......................................3 1.3 怡然名居企業(yè)網(wǎng)站的交互效果......................................4 第二章 開發(fā)工具.....................................................5 2.1 HTML............................................................5 2.2 Microsoft SQL Server 2000.......................................5 2.3 CSS.............................................................6 2.4 PhotoshopCC.....................................................6 2.5 DreamweaverCC...................................................6 第三章 怡然名居網(wǎng)站建設流程.........................................8 3.1 網(wǎng)站整體規(guī)劃....................................................8 3.2 前臺頁面制作....................................................8 3.2.1 網(wǎng)站籌劃...................................................8 3.2.2 素材準備..................................................10 3.2.3 網(wǎng)站分頁制作..............................................10 3.2.4 制作響應式................................................11 總結...............................................................13 致謝...............................................................16 參考文獻...........................................................16
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
引
言
伴隨著互聯(lián)網(wǎng)的迅速發(fā)展,網(wǎng)民快速增長,網(wǎng)絡營銷已經(jīng)進入了一個高速發(fā)展階段。人們對于互聯(lián)網(wǎng)技術的要求已不單單是瀏覽一下網(wǎng)頁,收發(fā)電子郵件,日益忙碌的人們開始追求足不出戶的利用互聯(lián)網(wǎng)這一強大的平臺來實現(xiàn)的網(wǎng)上商業(yè)活動。網(wǎng)絡及電子商務的迅猛發(fā)展突破了時間、空間的局限性,給中小企業(yè)帶來了更多的發(fā)展機會,同時也增強了企業(yè)之間的競爭強度。對于企業(yè)來講,無論是企業(yè)之間(B to B),還是企業(yè)和客戶之間(B to C)的交易,如果能夠實現(xiàn)網(wǎng)上交易將大大提高交易速度節(jié)省交易成本。近幾年,隨著網(wǎng)絡數(shù)據(jù)庫技術的進一步發(fā)展,使得這一設想逐漸成為現(xiàn)實。
建立企業(yè)門戶性網(wǎng)站,樹立企業(yè)的網(wǎng)上形象,成為企業(yè)適應信息化時代發(fā)展的最佳方法。企業(yè)門戶性網(wǎng)站的建設,使企業(yè)能夠通過網(wǎng)絡和客戶更好的交流,拉近企業(yè)和客戶的距離,掌握大量的客戶反饋信息,并及時作出企業(yè)內(nèi)部調(diào)整方案,以便與客戶及時溝通。企業(yè)門戶性網(wǎng)站的建設和管理水平,直接影響企業(yè)的網(wǎng)絡形象。在這基礎上依然名居企業(yè)擁有一個設計美觀、功能全面的門戶性網(wǎng)站,已經(jīng)成為企業(yè)網(wǎng)絡化建設的一個必不可少內(nèi)容。
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
第一章
概述
1.1 企業(yè)門戶性網(wǎng)站是什么
企業(yè)門戶性網(wǎng)站就是一個聯(lián)接企業(yè)內(nèi)部和外部的網(wǎng)站,它通過給企業(yè)提供一個單一的訪問企業(yè)各種信息資源的入口,企業(yè)的員工、客戶、合作伙伴和供應商等等都可以通過這個門戶獲得個性化的信息和服務。企業(yè)門戶能夠無縫地集成企業(yè)的內(nèi)容、商務和社區(qū):首先,通過企業(yè)門戶,企業(yè)可以動態(tài)地發(fā)布存儲在企業(yè)內(nèi)部和外部的各種信息;其次,企業(yè)門戶可以完成網(wǎng)上的交易;此外,企業(yè)門戶還可以支持網(wǎng)上的虛擬社區(qū),網(wǎng)站的用戶可以相互討論和交換信息。
如今,互聯(lián)網(wǎng)和Web技術的爆炸性增長推動了電子商務的發(fā)展,也為企業(yè)帶來了一系列新商機,每家企業(yè)都想通過這一商機、獲取更大利潤。然而,人們很快發(fā)現(xiàn),這一美好的憧憬正在演變?yōu)橐粓鲐瑝簦盒畔⑦^載、系統(tǒng)過于復雜、互相沖突的數(shù)據(jù),使得人們很難找到自已想要的信息,也很難成功地實現(xiàn)電子商務的美好愿望。因此,許多企業(yè)把許多金錢用來建立起企業(yè)信息系統(tǒng)之后,并沒有得到預期的回報。是技術不成熟嗎?不是!造成這種狀況的主要原因是我們沒有很好地整合信息和應用。企業(yè)門戶的出現(xiàn),為解決這一問題提供了最佳途徑。事實上,企業(yè)門戶就像過去所說的“門戶”一樣,為客戶、合作伙伴、供應商、代理商等與企業(yè)密切相關的機構和個人,開辟了一條通往企業(yè)的“成功之路”,通過這種單一的“門戶”,他們可以得
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
到各自想要的,加強與企業(yè)的聯(lián)系,獲得更優(yōu)質(zhì)的服務。
建立一個完整、有效的企業(yè)門戶,可以在一定程度上,離散系統(tǒng)的不同功能有效地組織,為用戶提供一個統(tǒng)一的信息服務功能的入口,并使用相關的門戶技術,企業(yè)的后臺業(yè)務系統(tǒng)的整合,減少信息孤島的存在,減少重復投資,為用戶提供更完善的信息服務。綜上所訴,最主要功能企業(yè)門戶的員工、客戶、合作伙伴、供應商、代理和其他企業(yè)的生存和發(fā)展密切相關的人員、企業(yè)資源的整合,為各方提供更好的服務。這才是價值的企業(yè)門戶網(wǎng)站。
1.2 怡然名居企業(yè)網(wǎng)站的目標分析
企業(yè)網(wǎng)站建設是最重要的長期維護網(wǎng)站,目前大多數(shù)企業(yè)網(wǎng)站維護的意識和原始域的應用程序和網(wǎng)站比較先進的意識是非常不夠的。許多公司建立網(wǎng)站后等著他,沒有管理和更新,這是錯誤的。網(wǎng)站沒有及時更新,不能反映公司的信息,這樣的宣傳效果不能達到它將對企業(yè)形象造成負面影響。
涿州市怡然商貿(mào)有限公司主營國內(nèi)國際知名品牌家具銷售(香港皇朝家私、顧家家居沙發(fā)、金富麗歐式家具、依思蒙沙軟床、我愛我家兒童家具、中信紅木家具、美侖美嘉法式家具、辦公家具、實木家具等等)。
公司自成立以來,始終堅持“質(zhì)量第一,價格優(yōu)惠,準時交貨,服務周到?!笔俏覀儗λ锌蛻舻某兄Z。以高質(zhì)量的產(chǎn)品和服務爭取做到同行業(yè)領先的地位,與新老客戶真誠合作,共創(chuàng)錦繡前程。我們
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
相信我們的誠意和自信會取信于客商,本著誠實守信,顧客至上的原則,歡迎來電咨詢、洽商業(yè)務。并和各位朋友建立長久互相信任的合作關系。所以在這種背景下怡然名居企業(yè)網(wǎng)站應具備以下幾個特點:
(1)依然名居企業(yè)的網(wǎng)站架構應該是以形象為核心的主題層次、內(nèi)容分類、頁面順序等所組成。由于每一個瀏覽者都可能成為企業(yè)的客戶,網(wǎng)站的主題應突出對企業(yè)所想或所可以提供給客戶的利益性產(chǎn)品或服務的詳盡說明和體貼客戶設計,而企業(yè)規(guī)模、實力等方面的描述則只是對主題的烘托,由此決定了在內(nèi)容分類上應加大主題內(nèi)容的渲染,在頁面順序上應優(yōu)先考慮主題內(nèi)容的排列。
(2)依然名居企業(yè)網(wǎng)站另一個重要的作用就是體現(xiàn)出企業(yè)精神、理念以及企業(yè)文化,這些是企業(yè)的 CIS 理念中的組成部分,在網(wǎng)站的建設中該部分也應該得到很好的體現(xiàn)。
(3)同時,在策劃過程中還要兼顧依然名居企業(yè)產(chǎn)品營銷理念和企業(yè)未來的發(fā)展規(guī)劃。
1.3 怡然名居企業(yè)網(wǎng)站的交互效果
通過對怡然名居網(wǎng)站頁面和游覽行為進行交互設計,讓依然名居網(wǎng)站頁面和它的游覽者之間建立一種有機關系,從而可以有效使游客能夠一目了然地找到自己需要的信息,在該頁面停留更多的時間,達到企業(yè)吸引顧客的目的。
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
第二章 開發(fā)工具
2.1 HTML
超級文本標記語言是標準通用標記語言下的一個應用,也是一種規(guī)范,一種標準,它通過標記符號來標記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內(nèi)容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網(wǎng)頁文件,然后根據(jù)標記符解釋和顯示其標記的內(nèi)容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執(zhí)行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對于不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。
2.2 Microsoft SQL Server 2000 Microsoft SQL Server 2000 是企業(yè)級數(shù)據(jù)庫解決方案,與 Microsoft Access 2002 相比,它極大地改進了可伸縮性、維護性和數(shù)據(jù)庫恢復功能。由于 SQL Server 基于客戶端/服務器體系結構,所以在通過遠程連接處理和發(fā)送數(shù)據(jù)的方式上與 Access 有很大的不同。SQL Server 還提供了許多功能,使數(shù)據(jù)查詢、業(yè)務邏輯重用和數(shù)據(jù)備份等任務變得更簡單,更靈活。
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
2.3 CSS CSS目前最新版本為CSS3,是能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設計語言。相對于傳統(tǒng)HTML的表現(xiàn)而言,CSS能夠對網(wǎng)頁中的對象的位臵排版進行像素級的精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力,并能夠進行初步交互設計,是目前基于文本展示最優(yōu)秀的表現(xiàn)設計語言。CSS能夠根據(jù)不同使用者的理解能力,簡化或者優(yōu)化寫法,針對各類人群,有較強的易讀性。
2.4 PhotoshopCC Adobe PhotoshopCC的平面形象設計和圖像處理軟件,它是一個強大的形象優(yōu)化功能和易于操作,大量的平面圖形設計和網(wǎng)頁設計人員。使用它可以使如按鈕、背景材料質(zhì)地、網(wǎng)頁特效和網(wǎng)頁設計的影響等等。PS可以定制,直觀、友好的界面。可以定制功能包括:面板布局,快捷方式和發(fā)布。用戶界面和其他工具,Adobe Photoshop在應用方面給用戶帶來極大的好處。
2.5 DreamweaverCC DreamweaverCC是Adobe推出了“平民化”的網(wǎng)頁制作軟件,用可視化編輯界面和強大的所見即所得網(wǎng)頁編輯功能。用戶不需要編寫復雜的HTML源代碼,你可以生成一個跨平臺、跨瀏覽器的web頁面。
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
同時,Dreamweaver支持動態(tài)HTML和往返使用HTML技術,從而奠定了在高級網(wǎng)頁設計能力。在網(wǎng)頁設計過程中,動態(tài)HTML技術方便用戶設計復雜的交互式web頁面、動態(tài)效果;而往返HTML技術可以支持HTML源代碼編輯模式,不會產(chǎn)生冗余代碼,使web頁面渲染速度。因此Dreamweaver是一個可以滿足多層次的需求,強大的專業(yè)網(wǎng)頁設計和生產(chǎn)的可視化工具。
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
第三章 怡然名居網(wǎng)站建設流程
3.1網(wǎng)站整體規(guī)劃
網(wǎng)站分三級,分別為首頁、欄目頁面、內(nèi)容頁面。整個網(wǎng)站劃分出五個欄目,分別為關于我們、店內(nèi)品牌、商家動態(tài)、聯(lián)系我們和客服留言。如下圖3-1所示:
圖3-1 3.2 前臺頁面制作
3.2.1 網(wǎng)站籌劃
網(wǎng)站頁面就是網(wǎng)站給瀏覽者的第一印象,往往決定著網(wǎng)站的魅力,在確定網(wǎng)站的界面時應注意以下兩點:
(1)欄目與板塊編排
建立一個網(wǎng)站就像寫一篇文章,首先列出主題大綱,主題明確、清晰的層次結構。確定網(wǎng)站的主題,確定網(wǎng)站的主題,將收集的信息內(nèi)容,合理布局。例如,一些最具吸引力的內(nèi)容在最顯著的位臵或主導地位
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計 的布局分布。列的提綱是一個網(wǎng)站的本質(zhì)指數(shù),該指數(shù)應該是網(wǎng)站的主體明確顯示出來,在制定欄目時應該仔細考慮,合理安排。
(2)整體風格和色彩搭配
首先依然名居企業(yè)網(wǎng)站的整體風格應該做到穩(wěn)重、大方。在用色這一塊,依然名居企業(yè)網(wǎng)站的色彩最好控制在三種顏色之內(nèi),并且要體現(xiàn)出主次,可以采用對比鮮明、沖擊強烈的色彩作為網(wǎng)站的主色調(diào),來展現(xiàn)企業(yè)網(wǎng)站富有競爭力的特性。但是假如只用一種色調(diào)構成一個網(wǎng)站則顯得很單一,因此可以通過另外兩種顏色作為輔助色調(diào),來搭配主色調(diào)。這樣既能保持網(wǎng)站的主色調(diào)一致,又能讓網(wǎng)頁顯得美觀。切忌讓企業(yè)網(wǎng)站太過花哨、艷麗,也不要色彩過淡,猶如個人主頁。因此依然名居企業(yè)網(wǎng)站的主色調(diào)可以從產(chǎn)品顏色中選取,并且能夠體現(xiàn)企業(yè)的形象特點。這些做好之后,可在企業(yè)網(wǎng)站的首頁最突出位臵放臵企業(yè)的logo以及一句話的企業(yè)宣傳標語,以加深訪客印象。
同時怡然名居企業(yè)網(wǎng)站布局設計以簡潔為主,很多企業(yè)網(wǎng)站想讓訪客更多地了解企業(yè),把所有的信息都放在了首頁上。殊不知,這樣的頁面雖然信息很多,卻不集中,而且不方便訪客瀏覽,不利于訪客有效地獲取信息,無形中就弱化了企業(yè)的宣傳推廣下效果。因此,企業(yè)網(wǎng)站的首頁應該做到布局緊湊,擯棄繁雜多余的信息,將重要的信息集中體現(xiàn),如產(chǎn)品信息,企業(yè)文化信息等。企業(yè)網(wǎng)站簡潔的設計更能突出企業(yè)的特色,體現(xiàn)企業(yè)的品牌。此外,能夠更好的幫助訪客找到想要的信息。
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
3.2.2 素材準備
準備做網(wǎng)站的素材是最重要的一環(huán),也是最麻煩的一個環(huán)節(jié)。不僅要店內(nèi)品牌活動的文字圖片,還要設計能夠體現(xiàn)依然名居風格的排版格式與美工。筆者在怡然名居企業(yè)拍攝大量素材,從中選出高質(zhì)量的圖片素材,并對其進行視覺美化。
3.2.3 網(wǎng)站分頁制作
網(wǎng)站的分頁是由主頁鏈接的目標頁,其內(nèi)容為主頁鏈接的詳細內(nèi)容展開。本網(wǎng)站中設臵了一級、二級子頁,個個欄目的內(nèi)容。各級子頁面保持與主業(yè)面的風格,實現(xiàn)了網(wǎng)站的統(tǒng)一。
在Logo和導航欄部分,本網(wǎng)站使用絕對定位,并做了簡單的交互效果:鼠標經(jīng)過時改變顏色。實際效果如下圖3-2所示:
圖 3-2 在圖片游覽方面,本網(wǎng)站借鑒許多知名網(wǎng)站的交互效果,最后選擇了鼠標經(jīng)過出現(xiàn)放大鏡旋轉的動畫,然后全屏展示,點擊箭頭游覽的交互效果,具體效果如下圖3-3所示:
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
圖 3-3
3.2.4 制作響應式
本網(wǎng)站頁面的設計與開發(fā)應當根據(jù)用戶行為以及設備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調(diào)整。具體的實踐方式由多方面組成,包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad,本網(wǎng)站的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等,以適應不同設備;換句話說,頁面應該有能力去自動響應用戶的設備環(huán)境。響應式網(wǎng)頁設計就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這樣,我們就可以不必為不斷到來的新設備做專門的版本設計和開發(fā)了。
如下圖3-4所示,本網(wǎng)站利用CSS語言,使某個“container”框架在768像素、992像素、1200像素中呈現(xiàn)不同的尺寸大小。從而使整個頁面達到響應式效果的實現(xiàn)。
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
圖3-4
3.2.5 客服留言設計
為了能讓游客有個能夠及時反饋需求、疑問的平臺,同時為了能讓游客更好、更深刻的了解依然名居這個企業(yè)文化,為此,我們特別設立了“客服留言”這一欄目,如果你有什么和家居購買、保養(yǎng)有關的問題或者想法,可以在這里留言,我們將會有專門的客服人員會及時給予回復與解答,同時也可以派遣專業(yè)人士上門服務。
總體來說,客服留言功能是本網(wǎng)站的主要功能之一,也是這個網(wǎng)站的亮點之一,它讓整個網(wǎng)站的功能得到提升,使其不單單只是一個簡單的單純的信息發(fā)布的網(wǎng)站,增加了互動環(huán)節(jié)。
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
結
論
隨著網(wǎng)絡技術的不斷發(fā)展, 網(wǎng)絡應用已經(jīng)滲透到人類社會的各個角落。作為網(wǎng)絡世界的支撐點的網(wǎng)站, 更是人們關注的熱點, 企業(yè)利用網(wǎng)站宣傳自己的形象, 挖掘無限商機。通過這次依然名居企業(yè)網(wǎng)站的制作,總結以下幾點
1、企業(yè)網(wǎng)站色彩的和諧搭配及統(tǒng)一
色彩是人們視覺最敏感的東西。頁面顏色處理,可以錦上添花,達到的結果得到兩倍的結果與一半的努力。根據(jù)不同類型的網(wǎng)站選擇最合適的顏色。不同類型的網(wǎng)站需要使用不同的顏色來顯示,形式與內(nèi)容統(tǒng)一,依照社會生活中通用的認知習慣。
2、企業(yè)網(wǎng)站內(nèi)容建設
內(nèi)容的可讀性是留住客戶的關鍵,提高效率的核心的內(nèi)容的頁面結構設計、網(wǎng)頁設計必須依賴于企業(yè)營銷的分析,一方面,面向目標群體,另一方面是市場營銷過程,分析企業(yè)目標群體和產(chǎn)品和交付模式的特點,是希望內(nèi)容滿足主要客戶的需求;營銷過程的分析,了解主要的營銷計劃和工具,等等,希望能通過網(wǎng)絡營銷來傳達信息,頁面結構設計是為了實現(xiàn)這一目標,規(guī)劃的內(nèi)容,主要內(nèi)容是專為游客不同的分化,比如一般游客、需求游客、興趣游客等。
3、企業(yè)網(wǎng)站下載速度
人們?yōu)g覽一個網(wǎng)站是要了解一些必要的信息,在一個沒有特殊需要的情況下,不會在一個網(wǎng)頁停留太長時間。因此頁面下載速度是做
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
一個好的網(wǎng)站的關鍵。首先要做的,在網(wǎng)頁設計中應該為游客精心設計節(jié)省時間。據(jù)研究發(fā)現(xiàn),如果讓游客不能在10秒內(nèi)打開一個網(wǎng)頁,一般人沒有耐心再打開這個網(wǎng)站。
4、優(yōu)化企業(yè)網(wǎng)站
優(yōu)化網(wǎng)站這個名詞最初來源于國外, 也被叫做搜索引擎優(yōu)化, 在國內(nèi)則習慣叫做網(wǎng)站優(yōu)化, 它的主要原理就是通過改善關鍵字在頁面中的位臵、頻率等手段來適合搜索引擎的規(guī)則, 網(wǎng)站優(yōu)化方法是指在搜索引擎許可的原則下, 對網(wǎng)站中代碼、鏈接和文字描述的重新排列組合, 和后期對該優(yōu)化網(wǎng)站進行科學的反向鏈接操作等, 最終達到被優(yōu)化的網(wǎng)站在搜索引擎的檢索結果中得到排名提升。
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
致
謝
光陰荏苒,歲月如梭,在浙江工業(yè)職業(yè)技術學院的三年學習時間即將過去。在漫長的人生旅程中,三年時間并不算長,但對我而言,是磨礪青春、揮灑書生意氣的三年,也是承受師恩、增長才干、提高學識的三年。我將以一個新的面貌,重新投入到火熱的工作和事業(yè)中。在此,謹對培育我的母校、教導我的老師、幫助我的同學們致予最誠摯的謝意和敬意。
本論文是在陳令指導老師的悉心教誨指導下完成的,在整個畢業(yè)設計期間,得到了導師的認真指導和幫助,導師的嚴謹學風和淵博學識使本人受益匪淺,在此表示誠摯的敬意和由衷的感謝。同時要感謝分院領導和老師給我們提供了良好的環(huán)境和熱心指導。在市場調(diào)查中,還得到很多同學的積極幫助,在此一并表示感謝。
感謝在百忙中評閱論文和參加答辯的各位領導和老師,由于錯誤、漏洞一定不少,望各位老師不吝賜教。
最后感謝母校給與本人深造的機會。
浙江工業(yè)職業(yè)技術學院設計與藝術分院畢業(yè)設計
參考文獻
[1] 陳麗能 畢業(yè)綜合實踐導引[M] 浙江攝影出版社 杭州 2004年 [2] Matthew MacDonald HTML5秘籍 人民郵電出版社 2015 [3] John Resig 精通JavaScript 人民郵電出版社 2008 [4] 崔亞量 PHOTO經(jīng)典實例158例 電子科技大學出版社 2004 [5] 羅國慶 網(wǎng)站建設案例精粹 電子工業(yè)出版社 2004 [6] 劉濤 網(wǎng)頁設計經(jīng)典應用:網(wǎng)頁設計欣賞 人民郵電出版社 2008 [7] Clarissa Peterson 學習響應式設計 人民郵電出版社 2007 [8] Kyle Simpson 你不知道的JavaScript 人民郵電出版社 2015 [9](美)達科特 Web編程入門經(jīng)典 清華大學出版社 2010 [10] Adam Freeman HTML5權威指南 人民郵電出版社 2014
第二篇:畢業(yè)設計論文.校園網(wǎng)站建設
畢業(yè)設計論文·校園網(wǎng)站建設
目 錄
摘要.....................................................3 前言.....................................................4 第一部分、網(wǎng)站總體分析與設計.............................6
一、網(wǎng)站系統(tǒng)分析.......................................6
二、主頁設計...........................................6
三、數(shù)據(jù)庫設計.........................................7 第二部分、詳細設計.......................................7
一、家長學校聯(lián)系薄.....................................7
1.功能...............................................7
2.組成構造...........................................8
3.數(shù)據(jù)庫結構設計.....................................8
4.界面設計與重點、難點代碼的設計.....................9
二、網(wǎng)上圖書館.........................................1
51.功能...............................................15
2.數(shù)據(jù)庫設計.........................................16
3.界面設計與重點代碼的設計...........................17
三、達級考試在線查分系統(tǒng)與計數(shù)器的制作.................25 1.功能...............................................25 2.數(shù)據(jù)表的設計.......................................25 3.界面設計與重點難點代碼的設計.......................25 4.頁面訪問計數(shù)器的制作...............................26
畢業(yè)設計論文·校園網(wǎng)站建設
第三部分、系統(tǒng)的使用說明與安裝...........................27
一、運行環(huán)境要求.......................................27
二、安裝設置...........................................28 第四部分、致謝...........................................29 參考文獻.................................................30
畢業(yè)設計論文·校園網(wǎng)站建設
摘要
利用Internet技術來實現(xiàn)“無紙辦公”已深入人心,校園網(wǎng)作為學校信息化建設的一個平臺在完成資源共享、互聯(lián)網(wǎng)訪問、教務管理、電子備課等方面發(fā)揮了重要作用。本文著重論述了校園網(wǎng)設計與建設過程中確立建設校園網(wǎng)的目標,校園網(wǎng)的技術方案設計,信息資源建設,軟件的開發(fā),管理與安全等五個關鍵部分。
關鍵字:校園網(wǎng);網(wǎng)站系統(tǒng);ASP;數(shù)據(jù)庫;代碼
畢業(yè)設計論文·校園網(wǎng)站建設
前 言
在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的,獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設在Internet應用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設中的重要組成部分,從而倍受人們的重視。為了更好的辦學,提高學校知名度,特構建山西職業(yè)技術學院學校網(wǎng)站。
1、設計思想
通過網(wǎng)站,全面宣傳,展示學校風采、優(yōu)點與特色,發(fā)布學校的重大活動安排與招生政策,增強家長與學校之間的聯(lián)系,在Internet上實現(xiàn)完成部分校務,提高辦事效率。
2、開發(fā)工具的選用及介紹
Active Server Pages:“動態(tài)服務器網(wǎng)頁”,一般簡稱為“ASP”,ASP之所以能受到大家的重視與使用的原因,主要在于所產(chǎn)生的執(zhí)行結果都是標準的HTML格式,而且這些程序是在網(wǎng)絡服務端中執(zhí)行,使用一般的瀏覽器(如IE 或Netscape)都可以正確地獲得ASP的“執(zhí)行”結果,并且將這ASP執(zhí)行的結果直接在瀏覽器中“瀏覽”,不像VBScript或 JavaScript是在客戶端(Client)的瀏覽器上執(zhí)行,若使用VBScript來設計程序,客戶端(Client)在IE瀏覽器中可以顯示程序執(zhí)行的結果,可是,客戶端(Client)若使用Netscape瀏覽
畢業(yè)設計論文·校園網(wǎng)站建設
器就無法顯示VBScript的執(zhí)行結果[1]。
任何開發(fā)工具皆可發(fā)展ASP,只要使用一般的文書編輯程序,如Windows記事本,就可以編輯。當然,其他網(wǎng)頁發(fā)展工具,例如,F(xiàn)rontPage Express、FrontPage等也都可以;不過還是建議你用記事本來寫,既省錢又方便,若是使用那些所見即所得的網(wǎng)頁編輯來寫ASP,可能會發(fā)生一些意想不到的離奇狀態(tài)。
通吃各家瀏覽由于ASP程序是在網(wǎng)絡服務器端中執(zhí)行,執(zhí)行結果所產(chǎn)生的HTML文件適用于不同的瀏覽器。
語言相容性高:ASP與所有的ActiveX Script語言都相容,除了可結合HTML,VBScript、Java Script、Active X服務器組件來設計外,并可經(jīng)由“plug-In(外掛組件模組)的方式,使用其他廠商(Third Party)所提供的語言。
隱密安全性高:如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼,就只能看到HTML文件,原始的ASP程序代碼是看不到的!這是因為ASP程序先于網(wǎng)站服務(Web Server)端執(zhí)行后,將結果轉換成標準HTML文件,再傳送到客戶端(Client)的瀏覽器上,因此,我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。
易于操控數(shù)據(jù)庫:ASP可以輕易地通過ODBC(Open Database Connectivity)驅動程序連接各種不同的數(shù)據(jù)庫,例如:Acess、Foxpro、dBase、Oracle等等,另外,ASP亦可將“文本文件”或是”Excel” 文件當成數(shù)據(jù)庫用。
面向對象學習容易:ASP具備有面向對象(Object-Oriented)功
畢業(yè)設計論文·校園網(wǎng)站建設
能,學習容易,ASP提供了五種方便能力強大的內(nèi)建對象:Request、Response、Sever、Application以及Session,同時,若使用ASP內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ASP程序可以在多個網(wǎng)頁之間暫時保存必要的信息[2]。所以我選擇了ASP結合Frontpage架構XXX學校網(wǎng)站[3]。
第一部分 網(wǎng)站總體分析與設計
一、網(wǎng)站系統(tǒng)分析
根據(jù)前面的設計思想進行分析,按照系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進行分解,從內(nèi)容上可對網(wǎng)站作如下劃分:
1、學校風采 通過學校概括、教師風采、校園之星及部分圖片等內(nèi)容來展現(xiàn)。
2、優(yōu)點特色 通過新聞、生動活潑的教育教學欄目來展現(xiàn)。
3、信息發(fā)布 通過公告欄、信息查詢等欄目來實現(xiàn),內(nèi)容有招生政策、活動安排等。
4、部分校務 根據(jù)校務的公開程度與參與人數(shù)的多少,特選擇圖書管理、評優(yōu)、考試查分、家校聯(lián)系四大校務在網(wǎng)上實現(xiàn)。
二、主頁設計
網(wǎng)站主頁采用靜、動相結合的方式,即靜態(tài)的主畫面和動態(tài)的圖片相結合,體現(xiàn)學校的勃勃生氣,靜態(tài)主頁方式介紹學校風采、優(yōu)點
畢業(yè)設計論文·校園網(wǎng)站建設
特色、信息發(fā)布,對于四大校務,就得利用ASP與數(shù)據(jù)庫結合的技術建立數(shù)據(jù)庫查詢管理系統(tǒng),采用交互式的動態(tài)的web畫面來實現(xiàn)。
三、數(shù)據(jù)庫設計
采用的數(shù)據(jù)庫是Microsoft Access,擬建立teach.mdb庫文件,包含如下幾個表文件:
allmessage 留言信息表 Libbooks 圖書信息表
Libcategories 圖書類別信息表 Libemps 圖書館用戶信息表; stud 學生信息表
第二部分 詳細介紹
一、家長學校聯(lián)系薄
1、功能
利用SQL語法過濾特定的家長留言意見,讓老師可以針對某位特定學生家長所發(fā)表的意見作出獨立的回答,同時,家長在發(fā)表個人意見時,若認為意見內(nèi)容涉及敏感的話題或是意見內(nèi)容涉及私人隱私,都可用“悄悄話”的方式發(fā)言,這些“悄悄話”將不會被顯示出來讓大家看到,當然,老師擁有管理的能力,只要以密碼登錄管理模式,就可以進行各個學生家長的單獨意見回復,而且還能看到家長們所留
畢業(yè)設計論文·校園網(wǎng)站建設
下的“悄悄話”。
2、組成構造 共分成六大部分:
(1)意見留言結果網(wǎng)頁guest.asp 用來顯示家長發(fā)言與老師回復內(nèi)容,同時還具備一般模式與管理模式兩種顯示方法。
(2)家長發(fā)言表單網(wǎng)頁addmsg.asp 讓學生家長填寫發(fā)言內(nèi)容并選擇發(fā)言性質(zhì)。
(3)家長發(fā)言數(shù)據(jù)處理ASP程序add.asp 處理家長發(fā)表的意見數(shù)據(jù),同時將這些意見數(shù)據(jù)記錄起來并將網(wǎng)頁顯示轉向至意見留言結果網(wǎng)頁。
(4)老師回復表單網(wǎng)頁teachans.asp 讓老師針對某位特定學生家長所發(fā)表的意見作出獨立的回答。
(5)老師回復數(shù)據(jù)處理ASP程序anssave.asp 處理老師回復的數(shù)據(jù)內(nèi)容,同時將這些意見數(shù)據(jù)起來并將網(wǎng)頁顯示轉向至意見留言結果網(wǎng)頁。
(6)數(shù)據(jù)表文件allmessage 用來儲存家長發(fā)言數(shù)據(jù)與老師回復數(shù)據(jù)的Access類型數(shù)據(jù)庫文件。
“數(shù)據(jù)表文件”負責存放家長發(fā)言數(shù)據(jù)與老師回復內(nèi)容的數(shù)據(jù)記錄,為Access類型的庫文件,將它定名為:“message.mdb”。
3、數(shù)據(jù)庫結構設計
數(shù)據(jù)庫文件”teach.mdb“中的數(shù)據(jù)表” allmessage“的欄目設置,字段名 字段類型。
畢業(yè)設計論文·校園網(wǎng)站建設
4、界面設計與重點、難點代碼的設計
數(shù)據(jù)庫與留言顯示程序網(wǎng)頁
家長發(fā)言與老師回復的內(nèi)容數(shù)據(jù)全部儲存在數(shù)據(jù)庫中,要在網(wǎng)頁中顯示目前的家長發(fā)言與老師回復數(shù)據(jù),必須先進行數(shù)據(jù)庫的鏈接與打開,要鏈接數(shù)據(jù)庫我們必須使用ADO對象群的Connection對象;而要打開數(shù)據(jù)庫則必須使用ADO對象群的Recordset對象,程序:
set cn=server.createobject(“adodb.connection”)cn.open “filedsn=c:program filescommon filesodbcdata sourcesms access database.dsn” set rs=server.createobject(“adodb.recordset”)sql=“select * from allmessage order by 留言時間 desc” rs.open sql,cn,1,1 Recordset對象是負責瀏覽與操作從數(shù)據(jù)庫取出來的數(shù)據(jù),Connection對象只負責與數(shù)據(jù)庫進行鏈接的動作,并不能使用數(shù)據(jù)庫內(nèi)的數(shù)據(jù),因此必須建立一個可以存取數(shù)據(jù)庫數(shù)據(jù)的Recordset對象,使用RS.Open方法存取”teach.mdb”數(shù)據(jù)庫 RS.Open SQL,CN,1,1 使用open方法來打開數(shù)據(jù)表或執(zhí)行Select指令參數(shù)設置如下:(1)參數(shù)一(SOURCE):為欲打開的數(shù)據(jù)表或SQL指令。(2)參數(shù)二(ActionConnection):指定一個已打開的數(shù)據(jù)庫對象,將此參數(shù)設為鏈接我們已經(jīng)建立好的Connection對象“CN”。
畢業(yè)設計論文·校園網(wǎng)站建設
(3)參數(shù)三(CursorType):指定Recordset的打開類型,1為可讀寫且可自由移動。
(4)參數(shù)四(LockType):指定鎖定類型,1為只讀。數(shù)據(jù)排序與SQL指令
(1)Select 指令的篩選語句: 格式: Select?From 在SQL語言中:“Select”數(shù)據(jù)表“中選取某些“欄位”的數(shù)據(jù).(2)如果要選取的數(shù)據(jù)表數(shù)據(jù)包含了一個以上的欄位,則我們可以利用“,”逗號來欄位名稱隔開。
(3)如果要選取的數(shù)據(jù)表數(shù)據(jù)包含了全部的欄位,則可以利用萬用字符“*”來代表全部的欄位。
可排序數(shù)據(jù)的Select指令
(1)當我們希望被選取出來的數(shù)據(jù)記錄數(shù)據(jù)能夠依據(jù)某個或某幾個欄位的內(nèi)容來排序時,只要將這些排序依據(jù)的欄位擺放在“Order By“保留字之后,然后將這處排序的語句連接在”Select?From“后面就行了。
(2)“Order By“默認的排序方式是“由小排到大”,但若是希望排序方式是“由大排到小”,則我們可在欄位名稱后再加上“Desc“保留字!將排序方式改為”由大排到小“。
在“顯示留言意見”網(wǎng)頁中的打開數(shù)據(jù)庫ASP程序中的語句: SELECT*From allmessage order by 留言日期 Desc 功能為:從數(shù)據(jù)表“allmessage“中取出所有欄位的數(shù)據(jù),并將
畢業(yè)設計論文·校園網(wǎng)站建設
取出的數(shù)據(jù)記錄內(nèi)容依照”留言日期“欄位使用的”由大排到小“排序方式進行排序。
留言顯示網(wǎng)頁的管理模式
“顯示留言意見”的網(wǎng)頁就必須具備顯示模式選擇的功能,當顯示模式在一般情況時要能顯示家長們的一般性發(fā)言,同時還得將“悄悄話“的發(fā)言隱藏起來。當老師以密碼登錄成為管理模式時,則必須將一般性發(fā)言與悄悄話發(fā)言的數(shù)據(jù)全部顯示出來,同時還得讓老師們可以針對某位特定學生家長所發(fā)表的意見作出獨立的回答。
這兩個情況是通過密碼登錄管理模式的ASP程序實現(xiàn)的:
在這段網(wǎng)頁語句中,利用Session對象來記錄目前的工作模式。當我們第一次進入“顯示留言意見”網(wǎng)頁的時候,我們所見的網(wǎng)頁畫面一定是一般!因為Session尚未被建立,因此它的“變量”值一定畢業(yè)設計論文·校園網(wǎng)站建設
不會是“yes”,所以網(wǎng)頁中會出現(xiàn)一個輸入密碼進入“教師管理”模式的欄位,只有當我們輸入密碼按下“教師管理”的按鈕組織上發(fā)ASP程序中的進入管理模式語句后,Session對象才會被建立,同時,“checkedit“Session對象變量值被設置為“yes“,所以我們就進入了能將一般性發(fā)言與悄悄話發(fā)言的數(shù)據(jù)全部顯示出來,同時還讓教師們可以針對某位特定學生家長所發(fā)表的意見作出獨立回答的管理模式頁面。
留言顯示網(wǎng)頁的分頁
當家長的發(fā)言與老師回復的數(shù)據(jù)筆數(shù)太多時,一次要將全部的數(shù)據(jù)內(nèi)容顯示在網(wǎng)頁中,等待網(wǎng)頁下載的時間太長了,因此采用固定筆數(shù)分頁瀏覽方式來顯示網(wǎng)頁。
要進行分頁顯示,得先知道目前有多少筆的留言數(shù)據(jù),而留言數(shù)據(jù)筆數(shù)可以通過Recordset對象的“Recordcount“(記錄個數(shù))屬性得知,我們將每10筆數(shù)據(jù)為一單位分頁顯示:
count=rs.recordcount if count/10>(count10)then totalpage=(count10)+1 else totalpage=(count10)end if “/”為浮點數(shù)除法,“”為整數(shù)除法。跳頁選擇的ASP程序語句
所有的發(fā)言數(shù)據(jù)采用固定筆數(shù)分頁瀏覽的方式來顯示后,還要提
畢業(yè)設計論文·校園網(wǎng)站建設
供一個跳頁鏈接顯示的功能,讓瀏覽者可以選擇希望瀏覽的頁次進得瀏覽,ASP程序語句:
pagecount=0 rs.movefirst ifrequest.querystring(“topage”)<>“"then pagecount=cint(request.querystring(”topage“))if pagecount<=0 then pagecount=1 if pagecount>totalpage then pagecount=totalpage rs.move(pagecount-1)*10 發(fā)言表單網(wǎng)頁制作 inse tu3 表單的參數(shù)
表單的Action參數(shù):Action參數(shù)是用來指定Server端處理此一表單數(shù)據(jù)內(nèi)容的程序,此處表單處理ASP程序為“add.asp“,表單的Mothed參數(shù):要將表單傳送至Server端的方式有兩種,設置值分別為GET及POST,若設置為POST,則瀏覽器會等Server端來讀取數(shù)據(jù),若設置為GET,則當我們按下送出按鈕時,瀏覽器會立即將表單中的數(shù)據(jù)內(nèi)傳送出去。利用POST方法,在傳送的數(shù)據(jù)上將不受限制,利用GET方法傳送的數(shù)據(jù)量則大約只有2K左右。
留言處理程序
要將家長發(fā)言數(shù)據(jù)作后續(xù)處理及將這些數(shù)據(jù)內(nèi)容存入數(shù)據(jù)庫,須利用添加數(shù)據(jù)記錄的Insert Into 指令,然后再寫入數(shù)據(jù)庫文件中:
畢業(yè)設計論文·校園網(wǎng)站建設
Inset into 指令語句格式:
Insert into 數(shù)據(jù)表名(欄目名)values(欄目值)sql=”insert into allmessage(家長姓名,留言主題,聯(lián)絡信箱,留言內(nèi)容,私人公開,留言時間,班級)values(“ sql=sql&”'“& parent&”',“ sql=sql&”'“&subject&”',“ sql=sql&”'“&email&”',“ sql=sql&”'“&memo&”',“ sql=sql&”'“&personal&”',“ sql=sql&”'“&now&”',“ sql=sql&”'“&bj&”')“ cn.execute sql 回復表單程序網(wǎng)頁
必須讓老師們可以針對某位特定學生家長所發(fā)表的意見作出獨立的回答, 使用Select?From?Where篩選語句
sql=”select * from allmessage where(編號=“&ID&”)“ rs.open sql,cn,1,3 然后將特定的家長發(fā)言數(shù)據(jù)放在表單,方法是將數(shù)據(jù)庫中的數(shù)據(jù)取出來,然后放在表單欄位中:
“家長姓名“欄位網(wǎng)頁語句標簽
畢業(yè)設計論文·校園網(wǎng)站建設
“)%>
二、網(wǎng)上圖書館
網(wǎng)上圖書館將學校圖書館圖書放到網(wǎng)絡上供人借閱,這樣不僅方便了校內(nèi)的學生與教職員工使用圖書館的資源,還為圖書館管理員提供了一種簡便地管理圖書館的方法。
1、功能
網(wǎng)上圖書館系統(tǒng)可以進行圖書的出借和歸還.還可以在系統(tǒng)中按照多種字段對圖書進行查找,還可以瀏覽某個種類的所有圖書.該應用程序也為圖書館管理員提供了一些功能,如添加、編輯以及刪除圖書等,或者在分類層次結構中添加新的種類。
畢業(yè)設計論文·校園網(wǎng)站建設
2、數(shù)據(jù)庫設計
本系統(tǒng)共使用3個數(shù)據(jù)表:
LibBooks表包含與圖書有關的所有數(shù)據(jù)。該表中的字段內(nèi)容的圖書的通用信息。另外,對于已經(jīng)出借的圖書,該表中還包含借閱該圖書的用戶的ID號,以及圖書的狀態(tài)。
表視圖如下:
字段名 意義 字段類型 字段名 意義 字段類型 bookid 書號(主鍵)數(shù)字(no null)status 狀態(tài) 文本 title 書名 文本 checkedoutto 用戶id 數(shù)字 author 著者 文本 reservedby 用戶學號 數(shù)字 Subject 主題 文本 description 描述 文本 Isbn Isbn號 文本 keywords 關鍵字 文本
LibCategories 表包含Library中的所有類別,在訪問者瀏覽圖書列表時將會用到這些類別。每個類別都可以作為另外類別的父類別。有一個特殊的類別,Top-Level,沒有出現(xiàn)在類別列表中,但是可以作為其他任何類別的父類別。
字段名 意義 字段類型
Categoryname 類別 文本(noll)parentcategory 父類別 文本(noll)LibEmps表包含可以訪問圖書館網(wǎng)站的用戶信息。該表包含一些通用的信息字段,比如用于進入圖書館的用戶密碼等。
字段名 意義 字段類型 字段名 意義 字段類型
畢業(yè)設計論文·校園網(wǎng)站建設
empid 用戶id(主鍵no null)數(shù)字 password 用戶密碼 文本 Empname 用戶姓名 文本 manager 管理員代號 數(shù)字 emailaddress 用戶郵箱 文本
圖書館數(shù)據(jù)庫,其中表LibEmps和表Lib Categories與表LibBooks之間都是一對多的關系。每個雇員都可以借閱多本圖書,每個類別都可以包含多本圖書。
3、界面設計與重點代碼的設計
網(wǎng)上圖書館系統(tǒng)有兩種用戶,一是管理員。另一種是只允許使用圖書館系統(tǒng),而沒有管理功能的一般用戶。訪問者進入網(wǎng)站,首先要進行登錄,如下圖所示。登錄頁面(index.asp)
訪問者輸入E-mail地址和密碼來登錄,然后單擊“登錄”按鈕。輸入的數(shù)據(jù)提交后與數(shù)據(jù)庫中的用戶表進行匹配。
須創(chuàng)建一個記錄來保存基于訪問者登錄的用戶信息
set RSFindEmp = conn.Execute(”select EmpID, Manager from LibEmps where “ _ & ”EmailAddress = '“ & Request.Form(”EmailAddress“)& ”' and “ _ & ”Password = '“ & Request.Form(”Password“)& ”'“)if RSFindEmp.EOF then TheMessage = ”密碼或email地址不對.“ else Session(”EmpID“)= RSFindEmp(”EmpID“)
畢業(yè)設計論文·校園網(wǎng)站建設
Session(”Manager“)= RSFindEmp(”Manager“)Response.Redirect ”../yk.htm“ end if 表單域EmailAddress和Password 用于Where了句中來獲取一個記錄。如果訪問者輸入了一個無效的用戶名,則記錄集中將不會返回匹配的記錄。我們可以通過查看EOF標記來判斷一個記錄集是否為空。為空,則訪問者將被拒絕進入該系統(tǒng)。不為空,則訪問者的EmpID值和Manager值將從記錄集中返回。寫入Session 變量,變量將在整個網(wǎng)站的所有網(wǎng)頁中都是有效的。這些變量的存在與否及其取值將用于確定是否允許進入一個特定的網(wǎng)頁,同時也用于訪問者進行書目的歸還和借閱操作。
圖書館菜單頁面
圖書館菜單頁面包含指向其他4個頁面的鏈接:管理頁面、搜索頁面、圖書列表頁面和主頁面。還有一個可顯示用戶所借書籍的按紐。如果訪問者是圖書館管理員,則菜單界面如圖所示。如果訪問者不是圖書館管理員,則看到如圖所示的界面。非管理員的訪問者的界面上沒有指向管理員菜單頁面的鏈接。
實現(xiàn)辦法:訪問者登錄時在登錄頁面上的創(chuàng)建的會話變量Session 用于從數(shù)據(jù)庫中獲取訪問者的有關信息,表示它是否是管理員。如果值為1,就表明訪問者是一個管理員,則用如下代碼寫入一個指向管理員頁面的鏈接:
<% If Session(”Manager“)= 1 then %>
畢業(yè)設計論文·校園網(wǎng)站建設
管理員菜單 <% end if %> 通過按紐B1是否為空來判斷要不要顯示用戶所借圖書,利用一個記錄集來獲取訪問者已經(jīng)借出了的所有圖書的列表。
if NOT isempty(Request.Form(”B1“))then set RSBooks = conn.Execute(”select BookID, Title from LibBooks where “ _ & ”CheckedOutTo = “ & Session(”EmpID“))end if 再用循環(huán)語句將所借書以表格形式顯示出來。
height=”20“><% Response.Write RSBooks(”Title“)%> |
畢業(yè)設計論文·校園網(wǎng)站建設
該網(wǎng)站中的所有ASP頁面都會在訪問者訪問之前對其進行登錄檢查。這樣就可以避免訪問者通過輸入某個頁面地址然后在沒有登錄的情況下直接進入該頁面的情況發(fā)生。此外,每個管理頁面都要確認訪問者是管理員。
管理菜單頁面
管理菜單頁面有一個HTML表單,根據(jù)選擇的按鈕的不同,可以進行5種不同的操作:圖書的歸還、圖書的編輯、圖書的刪除、圖書的添加和類別的添加。不管選擇了哪一個按鈕,該表單都提交人其自身進行處理。
要進行圖書的歸還、圖書的編輯、圖書的刪除三種操作,須先進行搜索,找到該書后,由圖書Book.asp返回一個鏈接:
<% If Session(”Manager“)= 1 then %>
<%=request.querystring(”title“)%>
畢業(yè)設計論文·校園網(wǎng)站建設
“修改”鈕:
則重定向到編輯圖書頁面,同時把Bookid 傳遞給該頁面。Response.Redirect “./edit_book.asp?BOOKID=”&request(“BOOKID1”)將其他的情況需要建立到數(shù)據(jù)庫的連接:
set conn = server.createobject(“adodb.connection”)Conn.Open(“FILEDSN=c:Program
FilesCommon FilesODBCData Sourcesms access database.dsn”)if NOT
isempty(Request.Form(“Delete”))
and request(“BOOKID1”)<>“" then conn.Execute ”delete from LibBooks where BOOKID =“&request(”BOOKID1“)end if if(NOT
isempty(Request.Form(”checkin“)))
and request(”BOOKID1“)<>”“ then conn.Execute ”update LibBooks set checkedoutto= 0, status= 'Available' where BookID=“&Request(”BOOKID1“)end if 頁面中的添加新的種類部分包含一個文本控件和一個選擇控件。其中選擇控件是用所有已經(jīng)存在的類別列表進行填充的,包括特殊類別 Top level,該類別表明當前類別是處于類別層次結構中的最頂層。代碼如下:
畢業(yè)設計論文·校園網(wǎng)站建設
先用一個記錄集來填充父類別選擇控件:
set RSCategories = conn.Execute(”select CategoryName from LibCategories order by CategoryName“)再用下列循環(huán)語句: <% Do Until RSCategories.EOF %> <% RSCategories.MoveNext Loop %> 遍歷RSCategories記錄集中的每個記錄,并作為一個選項添加到列表中,而記錄集中CategoryName 同時作為顯示值和傳遞值:
本頁面還包含一個指向添加圖書頁面的鏈接。搜索結果頁面
搜索頁面的代碼獲取與訪問者查找規(guī)則相匹配的圖書,然后將這些圖書顯示給訪問者。
搜索頁面上的表單包含一個選擇控件和一個文本控件。選擇控件中的選項是用可搜索 的字段填充的:
畢業(yè)設計論文·校園網(wǎng)站建設
需要用一個記錄集來保存與訪問者的查找規(guī)則相匹配的記錄: set RSBooks = conn.Execute(”select BookID, Author, Title, Subject from LibBooks where “ _ & Request.Form(”SearchField“)& ” Like '%“ & Request.Form(”SearchCriteria“)& ”%'“)注意:,符號%表示的是一個廣義搜索。這一點類似于ACCESS中的符號*。
然后將所找到的書以表格形式顯示出來。代碼如下: <% Do Until RSBooks.EOF %>
height=”20“>
書
名
:
畢業(yè)設計論文·校園網(wǎng)站建設
該頁面通過Querystring 傳遞BookID if isempty(Request.QueryString(”BookID“))then Response.Redirect ”./search.html“ end if 如果其中不存在,則訪問者將被重定向到搜索頁面:
如果同時傳遞表單中包含的變量Action不為空,則表明訪問者正借閱該圖書:
if Not isempty(Request.QueryString(”Action“))then 在這種情況下,需要將圖書狀態(tài)改為 Checkout, 同時需要將Checkedoutto 字段修改為該訪問者:
conn.Execute ”update LibBooks set Status = 'Checked Out', “ _ & ”CheckedOutTo = “ & Session(”EmpID“)& ” where BookID = “ _ & Request.QueryString(”BookID“)Response.Redirect ”./library_menu.asp“ end if 然后將該訪問者重定到圖書館菜單頁面: 下一步,利用圖書的狀態(tài)來確定不同的鏈接 未借出時鏈接如下:
if RSBooks(”status“)= ”Available“ then LinkText
= ” 畢業(yè)設計論文·校園網(wǎng)站建設 HREF=“"../html/book.asp?Action=CheckOut&BookID=” _ & Request.QueryString(“BookID”)& “"”>借這本書
LinkText = ”圖書已出借,返回主菜單。” 最后根據(jù)是否是管理員,顯示管理員菜單鏈接。<% If Session(“Manager”)
=
then
%> %>&BOOKID=<% response.write response.write RSBooks(”BOOKID“)%>”>管理員菜單
三、達級考試在線查分系統(tǒng)與計數(shù)器的制作
1、功能
它提供了在線查看成績??忌梢栽诰W(wǎng)上使用這一系統(tǒng),通過輸入準考證編號來查詢達級考試的結果。
2、數(shù)據(jù)表的設計
與評優(yōu)系統(tǒng)共用STUd表,表設計同上。
3、界面設計與重點難點代碼的設計
該模塊需要查詢者輸入準考證號后來查看結果。若ID1不為空時,表示有表單輸入,開始查詢數(shù)據(jù)庫。使用 SELECT的SQL指令查詢數(shù)據(jù)庫的數(shù)據(jù)。先設定SQL指令,查詢ID符合準考證編號
畢業(yè)設計論文·校園網(wǎng)站建設
Request.Form(“ID1”)的數(shù)據(jù),下個“Execute”指令,即可開始執(zhí)行存取、查詢數(shù)據(jù)的動作了。并將查詢結果儲存到Recordsets組件RS中。
IF Request.Form(“ID1”)<>“" THEN Set Conn = Server.CreateObject(”ADODB.Connection“)Conn.Open(”FILEDSN=c:Program
FilesCommon FilesODBCData Sourcesms access database.dsn“)SQL = ”SELECT name,id,score FROM stud WHERE id='“ & Request.Form(”ID1“)& ”'“ Set RS = Conn.Execute(SQL)若考試通過,則顯示考試的結果,包括姓名、準考證編號、總分和考試結果,分別由RecordSets 組件的RS(0)、RS(1)、RS(2)、RS(3)得到。FS.Field.Count表示RecordSets組件的域的總數(shù),由“for I=0 to RS.Fields.count-1”,取得RS(I)各域的數(shù)據(jù)。配合