第一篇：網(wǎng)站設計畢業(yè)論文

目錄

摘 要..................................................................................................................1 Abstract...............................................................................................................1 第一章緒論..........................................................................................................3 1.1研究背景.....................................................................................................3 1.2歷史及現(xiàn)狀................................................................................................3 1.3發(fā)展前景及優(yōu)勢.........................................................................................3 1.4 研究目的....................................................................................................4 1.5開發(fā)工具.....................................................................................................4 第二章系統(tǒng)需求分析...........................................................................................5 2.1功能分析.....................................................................................................5 2.1.1用戶模塊...............................................................................................5 2.1.2一級菜單模塊.......................................................................................5 2.1.3商品模塊...............................................................................................6 2.1.4購物車模塊...........................................................................................6 2.1.5訂單模塊...............................................................................................6 2.2安全性分析.................................................................................................7 2.3運行分析.....................................................................................................7 2.4可行性分析.................................................................................................7 2.4.1技術可行性...........................................................................................7 2.4.2經(jīng)濟可行性...........................................................................................7 第三章系統(tǒng)總體設計...........................................................................................8 3.1設計概述.....................................................................................................8 3.2總體結構.....................................................................................................8 3.3各個模塊功能.............................................................................................8 第四章系統(tǒng)數(shù)據(jù)庫設計.......................................................................................10 4.1數(shù)據(jù)庫需求分析.........................................................................................10

I

4.2概念結構設計............................................................................................10 4.3邏輯結構設計............................................................................................11 第五章系統(tǒng)詳細設計..........................................................................................13 5.1前臺界面設計............................................................................................13 5.1.1首頁界面設計......................................................................................13 5.1.2主要界面設計......................................................................................15 5.1.3其他界面設計......................................................................................16 5.2關鍵問題設計............................................................................................18 5.2.1驗證碼技術..........................................................................................18 5.2.2左右無縫平移設計...............................................................................19 5.2.3輪播切換設計......................................................................................20 5.2.4平移圖層..............................................................................................20 5.2.5分頁技術..............................................................................................21 5.2.6 郵箱激活.............................................................................................21 參考文獻.............................................................................................................24 致謝....................................................................................................................25

II

西華師范大學跳蚤市場網(wǎng)

xxx

計算機學院軟件工程專業(yè)xxx級 指導教師：xxx

摘 要：隨著Internet技術的發(fā)展，人們的日常生活已經(jīng)離不開網(wǎng)絡。未來社會人們的生活和工作將越來越依賴于數(shù)字技術的發(fā)展，越來越數(shù)字化、網(wǎng)絡化、電子化、虛擬化。Internet的發(fā)展歷程以及目前的應用狀況和發(fā)展趨勢，可以充分地相信網(wǎng)絡技術將極大的改變我們的生活方式和工作方式，甚至社會的價值觀也會發(fā)生某種變化。

本設計嘗試用SPRING在網(wǎng)絡上架構一個網(wǎng)上二手交易市場，讓每一個學生都能在學校內(nèi)完成二手商品交易，通過交易，不僅可以進行環(huán)保、節(jié)儉等傳統(tǒng)文明教育，還可以讓學生在學校內(nèi)部進行電子商務的演練實訓。本文從理論和實踐兩角度出發(fā)，對一個具有基本互動功能的在線二手商品交易網(wǎng)站進行設計與實現(xiàn)分析。論文首先較為詳盡地介紹了面向對象分析與設計的有關概念與技術。接著對交易系統(tǒng)的可行性進行了分析，然后對系統(tǒng)的設計思想、設計目標與系統(tǒng)的整體結構進行了明確的規(guī)劃。最后對系統(tǒng)的主要頁面、數(shù)據(jù)庫的設計與實現(xiàn)作了較為詳細的講解。

本網(wǎng)上二手商品交易系統(tǒng)是運用SPRING技術來實現(xiàn)的。其主要功能有用戶登陸注冊，商品查詢，訂單和購物車等功能。論文在撰寫過程中，力求將應用相結合，對各種理論進行闡述的同時配合系統(tǒng)從實際應用和操作技巧上加以說明，希望能夠更充分地體現(xiàn)到這些知識與技術在本系統(tǒng)中的應用與實現(xiàn)。關鍵詞：電子商務、SPRING、數(shù)據(jù)庫

The Flea Market Website of China West Normal University

xxx

School of Computer Software Engineering2013 Instructor: xxx

Abstract: Along with the development of Internet technology, daily life can not already do without the network.The life and work of the social people of future will depend on the development of digital technology more and more.Digitize more and more, the networking, electronic, virtual.Development course and present application state and development trend of Internet, can believe network technology great change life and working way of us fully, even certain change will take place in the values of the society.This procedure tries to build up a bookshop in the network with SPRING so that every customer needn't go out and can do shopping easily through surfing the Net at home.This article is analyzing the design and realization of an online bookshop with Data Mining function, from the views of theory and practice.Starting with introducing concepts and techniques of OOA and OOP in detail, especially introducing the knowledge which apply for this system, such as the feature and flow

of OOA and OOPanalyzing the featurestructure and using method of developing techniques SPRING and ADO.NET which using in my system.And then, this article analyses the feasibility of the system, then minutely layouts the design thoughts, goals and the system holistic framework.At last, this article minutely explains the design and realization of Web page layout, data base and application program of our system.This online bookstore system uses SPRING technology to realize on Visual Studio.Net platform.Its main function has users login and registration, thecommodity system, process of purchase, the comment of the books, etc.During the course of writing this article, I strive to integrate theory and practice.While expatiating the different kind of theories, I illuminate the application and operation skill combining the system so as to fully incarnate the application of these theories and techniques to this system.Keywords：Electronic Business, SPRING,DATABASE

第一章

緒

論

1.1研究背景

近幾年來互聯(lián)網(wǎng)的快速發(fā)展，“互聯(lián)網(wǎng)+”的出現(xiàn)，促使多樣化信息技術同實體進行聯(lián)合，以及當代大學生成為網(wǎng)購的主力軍，使得各種購物網(wǎng)、快遞公司的蓬勃發(fā)展；伴隨著電子商務的發(fā)展，保護環(huán)境、節(jié)儉節(jié)約、循環(huán)利用資源的意識在頭腦中形成，二手商品交易成為一種發(fā)展方向，但是還沒有一個專門只為當代大學生提供的一個純粹的“二手網(wǎng)”。

在跳蚤市場中，甩賣的物品多為大四畢業(yè)學生在大學四年中的生活、學習、社交等用品。這些是他們無法帶走或者舍不得丟掉的，但仍然可以再次利用起來的物品。這些舊物品對學弟學妹們來說可是一些寶貝，它可以為學弟學妹們提供一些方便的、可靠的、有效的學習資料，一些便宜的生活物資以及即將到來的大學畢業(yè)提供一些方向。

但是，從近幾年的狀況來看，畢業(yè)生大部分的東西是沒有得到利用的，往往是以廉價賣給廢品回收站，有的學弟學妹卻以高額的價格從各個商店買來一些接下來的學習和生活可能需要的物品。

1.2歷史及現(xiàn)狀

跳蚤市場（flea market）是歐美等西方國家對舊貨地攤市場的別稱。由一個個地攤攤位組成，市場規(guī)模大小不等。出售商品多是舊貨、人們多余的物品及未曾用過但已過時的衣物等，小到衣服上的小裝飾物，大到完整的舊汽車、錄像機、電視機、洗衣機，一應俱全，應有盡有。價格低廉，僅為新貨價格的10％～30％。跳蚤市場的管理松散。有關flea market的來源，有兩種理論： 據(jù)語源學家克麗絲汀·安默兒說，flea market最初來源于紐約的Fly Market，F(xiàn)ly Market是紐約下曼哈頓地區(qū)的一個固定市場，這一市場從美國獨立戰(zhàn)爭(1775年)之前一直延續(xù)到大約1816年。Fly這個詞來源于該市場的荷蘭語名稱Vly或Vile，這個詞在荷蘭語的意思是“山谷”，很巧的是，它在荷蘭語中的發(fā)音正好和英語中的flea一樣，所以就形成了英語中的flea market。

目前市場上有眾多二手網(wǎng)，基本可分為二手房、二手車、二手書、二手日常用品這幾大類；按地域則幾乎每個地區(qū)都有本地的二手交易網(wǎng)。二手商品皆有一個破損率、折舊率的概念，因此不可能像新商品一樣采用標明商品性能的方式，所以其信任度有待而估以及大都采用線下交易方式。

另外這些網(wǎng)站基本上全是會的都摻雜一些無聊廣告、游戲推送，并沒有一個很好專屬于校園的二手網(wǎng)，頁面無法很好的根據(jù)師生需求進行物品搜素。1.3發(fā)展前景及優(yōu)勢

首先，學校擴招，師生人數(shù)不斷的增加，用戶群將不斷的更新擴大；其次，各個高校并沒有專屬于自己的跳蚤市場網(wǎng)，市場前景廣闊；然后，學校、國家、社會對大學生創(chuàng)業(yè)的各個方面的引導以及支持；最為重要的是，現(xiàn)在網(wǎng)絡的時代的快速發(fā)展，互聯(lián)網(wǎng)涉及生活中每個角落，人們文化素質的提高，科技運用的普及等等[5]。

其次，最近年輕人惰性增加，對需要體力的事情拒之千里，從心里面產(chǎn)生抵觸。另外，二手市場給予用戶一個指路牌，直接將用戶帶到所要搜尋的商品面前，節(jié)省了用戶在市場中心急如焚、汗流浹背、口干舌燥地尋找與砍價。依賴于品種豐富，購買者選擇余地較大；購買方便、售價便宜等優(yōu)勢。從側面給電子商務增 加潛在市場。

然后，該網(wǎng)站開發(fā)會逐步更新；管理涉及西華師范大學師生，管理經(jīng)費較少。預計在近五年里Flea Market將快速占有四川高校市場，直到最后占有全國市場的大部分甚至更遠。

1.4研究目的

以西華師范大學一年一度的跳蚤市場為背景，讓廢舊物品得到充分的利用；方便了同學也營造了節(jié)約光榮，浪費可恥的校園文化氛圍；為在校師生提供一個供需平臺，所有注冊用戶都可以將自己不用的東西放在網(wǎng)上，同時也可以在網(wǎng)上找到自己需要的東西，物美價廉，達到雙贏；其次是間接性的為學弟學妹從中找到自己以后可能發(fā)展方向，并為之而努力奮斗。

1.5開發(fā)工具

開發(fā)工具：JerBrains WebStorm10、MyEclipse 10 開發(fā)語言：JAVA

運行環(huán)境：Windows XP/7/10 數(shù)據(jù)庫：MySql JerBrains WebStorm的介紹： JerBrains WebStorm中文名為：網(wǎng)絡風暴，享有WEB前端開發(fā)神器的名譽。功能上：具有JavaScript功能，例如：基于DOM，特定瀏覽器完成、編碼導航和用法查詢、支持結點、重構、單元測試等；具有批量代碼分析、編輯語言混合、拼寫檢查、重復代碼檢測器的功能；支持H5、CSS/JS、顯示內(nèi)容及應用風格；具有便捷的環(huán)境，可以遠程同步、集成版本控制系統(tǒng)、本地記錄等。

另外，具有強烈的智能代碼補全、代碼優(yōu)化、html提示、聯(lián)想查詢、代碼重構，以及代碼檢查和快速修復、調試、結構瀏覽、折疊等等功能優(yōu)勢。

第二章

系統(tǒng)需求分析

2.1功能分析

為解決不同用戶的不同需求，該網(wǎng)站主要功能有：用戶模塊、一級菜單分類模塊、商品模塊、購物車模塊、訂單模塊等[1]。

2.1.1用戶模塊

根據(jù)對用戶簡單分析[2]，得出用戶基本功能，見圖2.1。

注冊：前臺的JS校驗、使用AJAX完成對用戶名異步校驗、后臺Struts 2校驗、驗證碼、發(fā)送激活郵件、將用戶信息存入數(shù)據(jù)庫里面。

激活：根據(jù)激活碼查詢用戶是否存在，激活或者修改用戶狀態(tài)。登陸：輸入用戶名和密碼進行數(shù)據(jù)校驗，驗證碼校驗進行用戶登陸。退出：銷毀session。

圖2.1 用戶模塊圖

2.1.2一級菜單模塊

查詢一級分類及商品類型，并將分類存入到session范圍類，同時查詢到每個一級分類所屬的二級分類，以及查詢所有商品分類下面的所有商品，并采用分頁方式顯示，見圖2.2。

圖2.2 一級菜單模塊圖

2.1.3商品模塊

對商品的展示，查詢熱門商品、查詢最新商品、根據(jù)ID查詢商品，見圖2.3。

圖2.3 商品模塊圖

2.1.4購物車模塊

用戶將商品添加到購物車、從購物車中移除商品、清空購物車中所有商品等，見圖2.4。

圖2.4 購物車模塊圖

2.1.5訂單模塊

為用戶生成訂單，將購物車中信息存入數(shù)據(jù)庫中；為訂單付款，在線支付、修改訂單狀態(tài)、修改訂單信息；查詢用戶訂單等，見圖2.5。

圖2.5 訂單模塊圖

2.2安全性分析

安全方面，普通用戶只可以查找商品、和賣家留言聯(lián)系進行商品買賣；注冊用戶可以更改自己的相關信息、相關商品的管理、同買家留言交流；系統(tǒng)管理員可以對自身和注冊用戶基本信息進行操作，刪除注冊用戶；可以對新聞、網(wǎng)站管理進行操作的用戶，以及其他類型用戶的相關權限借可以。系統(tǒng)是在網(wǎng)絡上運行的多用戶系統(tǒng)，采用了數(shù)據(jù)庫安全性、操作系統(tǒng)安全性、程序安全性三重安全性管理來達到系統(tǒng)要求的安全性[3]。

2.3運行分析

支持系統(tǒng)運行的系統(tǒng)需要在Windows xp/7/10下，需要安裝火狐瀏覽器、MySql數(shù)據(jù)庫且數(shù)據(jù)庫密碼為123，以及tomcat7.0運行環(huán)境并保證接口8080沒有被其他的占用。硬件方面需建立維護和使用制度，在硬件選擇是要充分考慮硬件的負載和應用環(huán)境。軟件方面則需對系統(tǒng)進行定期地維護，盡量能夠預防各種BUG問題。

2.4可行性分析

可行性分析也稱可行性研究，是在系統(tǒng)調查的基礎上，針對新系統(tǒng)的開發(fā)是否具備必要性和可能性，對新系統(tǒng)的開發(fā)從技術、經(jīng)濟、社會的方面進行分析和研究，以避免投資失誤，保證新系統(tǒng)的開發(fā)成功。

2.4.1技術可行性

前端采用HTML5、CSS3布局；JS、JQuery技術頁面動畫效果； AJAX頁面數(shù)據(jù)的交互；代碼分段、分類，重用率高，可維護性強[4]。后臺SSH框架，著重struts和spring進行業(yè)務分層描寫；代碼層次清晰可維護性強。后端數(shù)據(jù)庫采用SQL編寫，輕便且功能強大，數(shù)據(jù)處理快、權限設置準確、數(shù)據(jù)安全性高。2.4.2經(jīng)濟可行性

經(jīng)濟可行性主要對系統(tǒng)的經(jīng)濟效益進行評價，該系統(tǒng)的設計與開發(fā)不需要特殊硬件，使用的軟件為開源免費的，不會產(chǎn)生技術專利問題，同在開發(fā)過程中的經(jīng)費低[5]。

第三章

系統(tǒng)總體設計

3.1設計概述

根據(jù)需求將網(wǎng)站劃分為不同的模塊，每個模塊將完成特定功能，最后將每個模塊鏈接起來，組成一個整體[6]。

3.2總體結構

根據(jù)需求分析，F(xiàn)lea Market網(wǎng)可以劃分為：用戶模塊、商品模塊、訂單模塊、購物車模塊等。用戶模塊包括用戶注冊、登陸、激活、退出等功能；商品模塊可以分為商品的查詢、瀏覽；訂單模塊包括商品信息、訂單信息、支付信息；購物車模塊有商品信息、商品支付狀態(tài)、商品添加刪除等。詳見圖3.1。

圖3.1 總體模塊功能劃分圖

3.3各個模塊功能

各個模塊功能如下

用戶模塊：用戶注冊、用戶激活、登陸、退出等功能。

圖3.2 用戶管理模塊功能圖 注冊主要有，用戶名(唯一標識)、密碼、郵箱、姓名、性別、電話、地址，以及需要激活的驗證碼。

激活主要應用在用戶登錄時，將用戶的狀態(tài)修改。登錄和注銷用來管理用戶的回話信息，登錄時，網(wǎng)站會保留用戶的基本信息，包括用戶ID、用戶名等。退出時用戶信息會清除。

商品模塊：根據(jù)熱賣狀態(tài)對商品的瀏覽，或者根據(jù)分類狀態(tài)瀏覽商品。每個用戶皆可以根據(jù)一定的條件對全部或部分商品搜索后瀏覽，并可以看到商品的一些基本信息。例如：商品名稱、從不同角度展現(xiàn)出的圖片、商品作用、購買時間、原價、現(xiàn)價等信息。

購物車模塊：添加、移除、查詢、清空等功能。

添加商品，用戶根據(jù)商品ID將商品添加到購物車中。移除商品，只能根據(jù)商品ID移除單個商品。

查詢購物車，查詢購物車中商品的各種信息，包括商品種類、數(shù)量、單價以及總價。

清空購物車，一次性將購物車中所有的商品全部移除。

圖3.3 購物車模塊功能圖

訂單模塊：商品添加后自動生成訂單，用戶根據(jù)需求查詢訂單、對商品進行支付等功能。

圖3.4 訂單模塊功能圖

第四章 系統(tǒng)數(shù)據(jù)庫設計

4.1數(shù)據(jù)庫需求分析

在整個動態(tài)網(wǎng)站設計中，數(shù)據(jù)庫設計具有重要位置，數(shù)據(jù)庫設計質量直接影響到數(shù)據(jù)庫數(shù)據(jù)的冗余度，數(shù)據(jù)的一致性，數(shù)據(jù)丟失等問題。系統(tǒng)開發(fā)中數(shù)據(jù)可設計至關重要，它將影響整個系統(tǒng)的執(zhí)行效率和可靠性，關系到系統(tǒng)管理員的操作、運行等的可靠性。

該網(wǎng)站開發(fā)過程中使用MySql數(shù)據(jù)庫，數(shù)據(jù)庫名為將j2ee，用戶名root，數(shù)據(jù)庫密碼123。

4.2概念結構設計

數(shù)據(jù)庫的概念結構設計就是將需求分析得到的用戶需求抽象為信息結構，即概念模型。概念模型作為概念結構設計的表達工具，為數(shù)據(jù)庫提供一個說明性結構，是設計數(shù)據(jù)庫邏輯結構即邏輯模型的基礎[3]。

數(shù)據(jù)庫的概念結構設計就是將需求分析得到的用戶需求抽象為信息結構，即概念模型。概念模型的種類很多，其中最著名、最實用的一種是E－R（實體－聯(lián)系）模型，它將現(xiàn)實世界的信息結構統(tǒng)一用屬性、實體以及他們之間的聯(lián)系來描述[3]。

以下是本數(shù)據(jù)庫系統(tǒng)E-R模型：

圖4.1 數(shù)據(jù)庫E-R模型圖

4.3邏輯結構設計

該網(wǎng)站主要數(shù)據(jù)表有：用戶信息表user、一級菜單表goodstitle、商品信息表product、二級菜單表goodstitlesecond、訂單信息表orderitem、定單表order。

用戶表user存放的為用戶登錄、注冊信息，具體表結構設計見圖4.2。

圖4.2 用戶信息表

一級菜單表goodstitle存放商品類型信息，具體表結構見圖4.3。

圖4.3 用戶信息表

二級菜單表goodstitlesecond存放商品分類信息，具體表結構見圖4.4。

圖4.4 二級菜單表

商品信息表product存放商品各種基本信息，具體表結構見圖4.5。

圖4.5 商品信息表 訂單信息表orderitem存放訂單各種狀態(tài)信息，具體表結構見圖4.6。

圖4.6 訂單信息表

定單表order存放用戶訂購商品信息，具體表結構見圖4.7。

圖4.7 訂單表

第五章 系統(tǒng)詳細設計

5.1前臺界面設計

界面是網(wǎng)站的門面，以達到美觀、舒適、操作方便、信息準確、結構合理為標準。

5.1.1首頁界面設計

用戶一打開該網(wǎng)站，就通過客戶端的首頁對該網(wǎng)站的功能一目了然[1]。網(wǎng)站采取暖色調背景，促進用戶的購物欲望。用戶可以根據(jù)“圖書”、“宿舍生活”、“戶外活動”、“電器”、“其他”等不同類別瀏覽該網(wǎng)站，也可通過首頁各個板塊瀏覽商品信息。其中“注冊”為注冊成為普通用戶的功能，“登陸”為有賬號的[7]所有類型用戶可以操作。其中頭部和尾部的設計是一樣的。

首頁界面如下所示：

(a)頭部

(b)熱賣

(c)限時搶購

(d)促銷區(qū)

(e)其他

(f)底部

圖5.1 網(wǎng)站首頁

5.1.2主要界面設計

商品展示界面為用戶瀏覽商品信息的主要界面。按不同的分類瀏覽，不同的分類器商品信息不同，但功能風格相同。這里將展示出其界面。每種商品都以小圖或者簡介的形式展示，單擊可以查看其詳細信息和放大圖片，以直觀的方式介紹商品。另外，在每個頁面中用戶都可直接注冊和登陸，商品類型，從而為用戶操作提供方便。

商品界面如下所示：

(a)商品頭部

(b)商品分頁

圖5.2 商品展示界面

登陸界面如下：

圖5.3 用戶登錄界面

注冊界面

圖5.4 用戶注冊界面

5.1.3其他界面設計

用戶查看所點擊的商品的相關信息，并根據(jù)需求添加到購物車實行商品購買。

(a)商品詳細 16

(b)商品推薦

圖5.5 商品詳情頁界面

圖5.6 購物車界面

(a)支付方式 17

(b)未支付

圖5.7 訂單界面

5.2關鍵問題設計

該網(wǎng)站采用MVC模型設計，設計到一些常用的技術手段[8]。

5.2.1驗證碼技術

防止用戶利用機器人自動注冊、登陸、灌水，皆采用驗證碼技術。所謂驗證碼，就是將一串隨機產(chǎn)生的數(shù)字或字符，生成一個特定的字符串，用戶識別其驗證碼信息，輸入表單提交驗證，驗證成功后才可以使用其中特定的功能[9]。

驗證碼的實現(xiàn)流程是：服務器端隨機生成驗證嗎字符串，保存在內(nèi)存中，發(fā)送給瀏覽器顯示；瀏覽器端輸入驗證碼字符串，然后提交服務器端，提交的字符與服務器端保存的字符進行比較，若一致則繼續(xù)下一步，否則返回提示。

驗證碼主要代碼： BufferedImage img=new BufferedImage(150,30,BufferedImage.TYPE_INT_BGR);

Graphics g=img.getGraphics();

g.setColor(Color.black);

g.fillRect(0, 0, 150,30);

g.setFont(new Font(“楷體”,Font.BOLD,25));

Random ran=new Random();

String strs=“1234567890asdfghjklzxcvbnmqwertyuiop”;

StringBuffer sb=new StringBuffer();

for(int i=1;i<=4;i++){

char a=strs.charAt(ran.nextInt(strs.length()));

int r=ran.nextInt(255);

int g1=ran.nextInt(255);

int b=ran.nextInt(255);

g.setColor(new Color(r,g1,b));

switch(i){

case 1: g.drawString(a+“",20,15);break;

case 2: g.drawString(a+”“,60,25);break;

case 3:g.drawString(a+”“,90,15);break;

case 4: g.drawString(a+”“,130,20);break;

default: break;

}

sb.append(a);

}

ServletActionContext.getRequest().getSession().setAttribute(”validateCodeSession“,sb.toString());

for(int i=0;i<10;i++){

int x1=ran.nextInt(150);

int y1=ran.nextInt(30);

int x2=ran.nextInt(150);

int y2=ran.nextInt(30);

g.drawLine(x1, y1, x2, y2);

}

g.dispose();

ImageIO.write(img, ”jpg“, ServletActionContext.getResponse().getOutputStream());

return NONE;5.2.2左右無縫平移設計

圖片或圖層平移無間隙，緩和地平移圖片或圖層，使得頁面效果更平緩。無縫平移主要代碼： $:function(objName){

if(document.getElementById){ return eval('document.getElementById(”'+objName+'“)')

}else{ return eval('document.all.'+objName)} }，isIE:navigator.appVersion.indexOf(”MSIE“)!=-1?true:false，addEvent:function(l,i,I){

if(l.attachEvent){

l.attachEvent(”on“+i,I)

}else{

l.addEventListener(i,I,false)

}

}，delEvent:function(l,i,I){

if(l.detachEvent){

l.detachEvent(”on“+i,I)

}else{

l.removeEventListener(i,I,false)

}

}，readCookie:function(O){

var o=”“,l=O+”=“;if(document.cookie.length>0){

var i=document.cookie.indexOf(l);

if(i!=-1){

i+=l.length;var I=document.cookie.indexOf(”;“,i);

if(I==-1)I=document.cookie.length;

o=unescape(document.cookie.substring(i,I))

}

};

return o;

}，writeCookie:function(i,l,o,c){

var O=”“,I=”“;

if(o!=null){

O=new Date((new Date).getTime()+o*3600000);

O=”;expires=“+O.toGMTString()

};

if(c!=null){

I=”;domain=“+c;

};

document.cookie=i+”=“+escape(l)+O+I;

}，readStyle:function(I,l){

if(I.style[l]){

return I.style[l]

}else if(I.currentStyle){

return I.currentStyle[l];

}else if(document.defaultView&&document.defaultView.getComputedStyle){

var i=document.defaultView.getComputedStyle(I,null);

return i.getPropertyValue(l);

}else{

return null;

}

}

5.2.3輪播切換設計

圖層輪播切換技術采用純JS技術編寫，實現(xiàn)頁面動畫效果。主要代碼如下： NextPrev:function(e){

var btnClass =$(e.target || e.event).attr(”class“);

//alert(btnClass);

btnClass==”prev“?tag =-1:tag = 1;

var src = $(”.product-img img“).attr(”src“);

var newSrc = src.slice(0,-5);

var n = parseInt(src.slice(-5,-4));

n+=tag;

n

n>this.max?n=this.min:n;

//alert(n);

$(”.product-img img“).attr(”src“,newSrc+n+”.jpg“);

}

5.2.4平移圖層

圖層平移一般應用在詳情頁面，當用戶需要對象應商品進行更深層次的了解 時，需仔細查看圖層的各個細節(jié)，其平移位置根據(jù)鼠標的位置而定。部分代碼如下：

maskMove:function(e){

var x = e.offsetX;

var y = e.offsetY;

var left = xthis.MSize/2;

left = left<=0?0:left;

left>=this.MaxLft?this.MaxLft:left;

top = top<=0?0:top;

top>=this.MaxTop?this.MaxTop:top;

$(”#mask“).css({ ”left“:left+110, ”top“:top+170

});

} 5.2.5分頁技術

當商品類型過多時，需對商品展示進行分頁展示。先統(tǒng)計數(shù)據(jù)庫中商品的總數(shù)，在根據(jù)頁面展示的數(shù)量大小進行分頁顯示[10]。主要代碼如下：

PageSet

pageSetBean=new PageSet

();

pageSetBean.setType(1);

pageSetBean.setPage(page);//設置當前頁數(shù)

int limit=8;//設置當前顯示記錄數(shù)

pageSetBean.setLimit(limit);

int numberCount=0;//總記錄數(shù)

numberCount=productDao.findnumberCount(gid);

pageSetBean.setNumberCount(numberCount);

int pageCount=0;//總頁數(shù)

if(numberCount%limit==0){

pageCount=numberCount/limit;

}else{

pageCount=(numberCount/limit)+1;

}

pageSetBean.setPageCount(pageCount);

int begin=(page-1)*limit;//設置數(shù)據(jù)集合

List

list=productDao.findProductPage(gid,begin,limit);pageSetBean.setList(list);return pageSetBean;5.2.6 郵箱激活

用戶注冊時進行驗證碼激活。主要代碼如下：

public static void sendEmail(String into,String codeNumber){

Properties p=new Properties();

p.setProperty(”mail.host“,”localhost“);

Session session=Session.getInstance(p,new Authenticator(){

@Override

protected javax.mail.PasswordAuthentication getPasswordAuthentication(){

return new PasswordAuthentication(”service@igou.com“, ”123“);

};

});

Message message =new MimeMessage(session);

try {

message.setFrom(new InternetAddress(”service@igou.com“));

message.addRecipient(RecipientType.TO, new InternetAddress(into));

message.setSubject(”email“);

message.setContent(”

email

Transport.send(message);

} catch(AddressException e){

// TODO Auto-generated catch block

e.printStackTrace();

} catch(MessagingException e){

// TODO Auto-generated catch block

e.printStackTrace();

}

}

結論

經(jīng)過這三個月的畢業(yè)設計，我完成了flea market網(wǎng)站，即該網(wǎng)站從分析、設計到實現(xiàn)的三個過程。在設計過程中，通過查閱大量的相關資料、與同學交流經(jīng)驗、自學、并向老師請教等方式促使自己學到不少知識，并大大提高了實際操作能力。讓我充分體會到在創(chuàng)造過程中的艱辛探索和成功的喜悅。

同時，通過開發(fā)這個網(wǎng)站讓我對軟件工程設計方面有了更深層次的理解，在前期需求分析和數(shù)據(jù)可設計時，沒有很好的理解其相關性，導致后期在開發(fā)過程中出現(xiàn)框架設計錯誤，自己只能邊設計邊修改需求方案，最終在老師和自己的合理調整后解決了相應的問題，這是在今后項目開發(fā)是需要謹記得教訓。

在實際項目開發(fā)過程中，由于時間和本人缺乏系統(tǒng)設計經(jīng)驗，因此網(wǎng)站依然存在一些遺憾和不足，比如驗證的嚴謹性、瀏覽器之間的兼容性、后臺操作的準確性等問題。雖然這些問題存在，但是在設計的過程中所學到的東西是這次畢業(yè)設計的最大收獲和財富，使我終身受益。

參考文獻

[1] 冀振燕．UML系統(tǒng)分析與設計教程[M]．北京：人民郵電出版社，2014.[2] 錢樂秋.軟件工程[M].清華大學出版社，2013.[3] Baron Schwartz等.高性能MySQL 第三版[M].電子工業(yè)出版社，2013.5.[4] 陳華.Ajax從入門到精通[M].清華大學出版社，2012.[5] 劉克強.電子商務平臺建設[M].人民郵電出版社，2011.[6] 鄭阿奇.SQL Server數(shù)據(jù)庫教程[M].北京：人民郵電出版社，2013.[7] 魏雪萍.完美網(wǎng)站建設全能[M].人民郵電出版社，2012.[8] 陳雄化 林開雄.Spring3.x企業(yè)應用開發(fā)實戰(zhàn)[M].電子工業(yè)出版社，2013.5.[9] 劉京華.Java Web整合開發(fā)王者歸來[M].清華大學出版社，2012.5.[10]葛一鳴等.Java 程序性能優(yōu)化[M].清華大學出版社，2012.10.24

致

謝

在這三個月的忙碌和學習中，畢業(yè)設計也即將結束，作為一名本科生畢業(yè)設計，因經(jīng)驗不足，難免有諸多考慮不周的地方，在此衷心感謝李艷梅老師給予我的督促指導，對于網(wǎng)站設計有了更多新認識，對基本網(wǎng)站設計有進一步認識，對網(wǎng)站整體設計脈絡了解更為清晰透徹；以及感謝各位同伴的支持與鼓舞，使得這次畢業(yè)設計順利完成。

畢業(yè)設計，可以很好地總結大學四年中收獲、認知。與此同時，幫助改變一些處理事情時的懶惰。從最開始的材料收集，整理資料，題目構思與確定，到網(wǎng)站設計以及搭建。每一步都需精心思考，認真查閱資料，仔細實際操作。

通過畢業(yè)設計，讓我深刻領會到基礎的重要性。它不僅幫助檢驗學生大學期間的學習成果，還可幫助我們更加清楚地認識自我，更多地磨練我們的意志與耐性，這會為我們今后的工作、生活帶來巨大幫助。

最后，再次感謝李艷梅老師給予我的耐心、細致、全面的指導，感謝關心和鼓勵我的同伴們，感謝學校老師、領導，感謝你們給予我的幫助與關懷；感謝西華師范大學計算機學院四年來為我提供良好的學習環(huán)境。

第二篇：網(wǎng)站設計 畢業(yè)論文 畢業(yè)設計

（論文設計（論文）題目

JSP動態(tài)網(wǎng)站設計

學 院 教 學 系 班 級

姓 名 指導教師

畢業(yè)設計）

畢業(yè)論文

JSP動態(tài)網(wǎng)站設計

摘要

隨著Internet技術的發(fā)展,人們的日常生活已經(jīng)離不開網(wǎng)絡。未來社會人們的生活和工作將越來越依賴于數(shù)字技術的發(fā)展，越來越數(shù)字化、網(wǎng)絡化、電子化、虛擬化。Internet的發(fā)展歷程以及目前的應用狀況和發(fā)展趨勢，可以充分地相信網(wǎng)絡技術將極大的改變我們的生活和工作方式，甚至社會的價值觀也會發(fā)生某種變化。

企業(yè)網(wǎng)站，就是企業(yè)在互聯(lián)網(wǎng)上進行網(wǎng)絡建設和形像宣傳的平臺。企業(yè)網(wǎng)站就相當于一個企業(yè)的網(wǎng)絡名片，不但對企業(yè)的形象是一個良好的宣傳，同時可以輔助企業(yè)的銷售，甚至可以通過網(wǎng)絡直接幫助企業(yè)實現(xiàn)產(chǎn)品的銷售，企業(yè)可以利用網(wǎng)站來進行宣傳、產(chǎn)品資訊發(fā)布、招聘等等。企業(yè)網(wǎng)站的作用就是為展現(xiàn)公司形象，加強客戶服務，完善網(wǎng)絡業(yè)務，還可以與潛在客戶建立商業(yè)聯(lián)系。本網(wǎng)站使用JSP技術，所謂JSP就是在傳統(tǒng)的網(wǎng)頁HTML文件（*.html,*.htm）中加入Java程序片段（Scriptlet）和JSP標記（tag），就構成了JSP網(wǎng)頁（*.jsp）。Web服務器在遇到訪問JSP網(wǎng)頁的請求時，首先執(zhí)行其中的程序片段，然后執(zhí)行結果以HMTL格式返回給客戶。程序片段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁以及發(fā)送E-mail等，這就是建立動態(tài)網(wǎng)站所需要的功能。所有程序操作都在服務器端執(zhí)行，網(wǎng)絡上傳送給客戶端的僅僅是結果，對客戶瀏覽器的要求最低。

在Java的基礎上開發(fā)出的JSP實現(xiàn)了動態(tài)頁面與靜態(tài)頁面的分離，脫離了硬件平臺的束縛以及編譯后運行等方式，大大提高了其執(zhí)行效率而逐漸成為Internet上的主流開發(fā)工具。在美國，EJB+Servlet+JSP幾乎成為了電子商務的開發(fā)標準，而在我國也正逐漸興起，不少網(wǎng)站都采用了JSP技術。全球電子商務的出現(xiàn)和發(fā)展，無疑為我國發(fā)展知識經(jīng)濟和推進現(xiàn)代化事業(yè)提供了歷史機遇，也提出了嚴峻的挑戰(zhàn)。電子商務是信息化社會的商務模式，也是商務的未來。作為一種現(xiàn)代商務模式，電子商務利用計算機網(wǎng)絡檢索和獲取信息，對個人和公司提供決策服務，解決了組織、商家和客戶的需求，減少了用于改善貨物和服務質量的投入，加快了商品交易的速度。電子商務可以應用于制造到零售，從銀行、金融機構到出版娛樂以及其他的任何企業(yè)。

關鍵詞 ：電子商務 JSP MySQL

畢業(yè)論文

目 錄

摘要...............................................................1 1緒論..............................................................1 1.1課題背景與來源..................................................1

1.2 課題研究意義...................................................1 1.3企業(yè)網(wǎng)站的由來和發(fā)展............................................2 2 開發(fā)工具的介紹及選擇.............................................2 2.1 Dreamweaver8.0.................................................2 2.2 MyEclipse 8.5..................................................3 2.3 JavaScript.....................................................4 3 企業(yè)網(wǎng)站結構設計.................................................4 3.1 技術涉及領域...................................................4 3.2可行性分析......................................................8 3.3網(wǎng)站的設計與規(guī)劃................................................8

3.3.1網(wǎng)站目的.................................................10 3.3.2網(wǎng)站概貌.................................................11 3.3.3功能規(guī)劃.................................................11 4數(shù)據(jù)庫設計實現(xiàn)...................................................11 4.1 數(shù)據(jù)庫設計....................................................11 4.2注冊表（tb_login）.............................................13 4.3產(chǎn)品表（product）..............................................14 4.4購物車表（tb_shop）............................................14 4.5 網(wǎng)頁與數(shù)據(jù)庫的鏈接代碼........................................15 5模塊功能實現(xiàn).....................................................15 5.1系統(tǒng)總體結構設計...............................................15 5.2 主頁頁面......................................................16 5.3 登陸/注冊.....................................................16 5.4購物頁面.......................................................19 5.5其它頁面實現(xiàn)...................................................21 6設計技巧和解決方法...............................................22 7總 結............................................................23 謝辭..............................................................24 參考文獻..........................................................25

畢業(yè)論文

1緒論

1.1課題背景與來源

在已跨入21世紀的今天，人類使用和學習信息的方式以及信息的包裝方式正在進行著不可阻擋的革命，這次革命將比印刷術的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠為復雜而巨大。

隨著網(wǎng)絡的發(fā)展，越來越多的企業(yè)需要搭建公司網(wǎng)站，將其作為對外宣傳、推廣、服務及傳銷的載體，來配合公司的發(fā)展和需要，使更多的客戶通過網(wǎng)絡來結盟公司。本課題根據(jù)企業(yè)的具體情況及需要，設計開發(fā)企業(yè)宣傳網(wǎng)站，幫助其充分利用國際互聯(lián)網(wǎng)上的信息資源，服務現(xiàn)有客戶，挖掘潛在客戶，最大限度地開拓屬于另一片天空的市場。是目前使用最為廣泛的軟件系統(tǒng)。課題涉及的知識較廣泛,其中包括了目前最新的網(wǎng)頁設計技術，如WEB標準、XHTML技術的應用、CSS技術的應用、Javascript代碼的設計、網(wǎng)站的配置及發(fā)布等等內(nèi)容。通過實現(xiàn)該課題，學生對多種知識進行綜合使用，達到融會貫通的程度，更重要的是在該課題的開發(fā)過程中學生使用WEB標準進行網(wǎng)頁的設計，對網(wǎng)站的重構和優(yōu)化有一個詳細深入的認識，對于當前網(wǎng)頁設計的最新技術和標準規(guī)范有了一次真實體驗，使學生在就業(yè)前得到一次實踐鍛煉的機會，提前熟悉企業(yè)中網(wǎng)站開發(fā)的標準流程，更能適應當前市場的需求。

目前，我國上網(wǎng)的人口已近一個億，成立世界上網(wǎng)民最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑，網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡技術的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。企業(yè)網(wǎng)站也成為了一種時尚。越來越多的公司通過企業(yè)網(wǎng)站，打開網(wǎng)絡世界的廣闊市場，展示企業(yè)的文化和形象。

1.2 課題研究意義

通過對這一題目的設計實現(xiàn), 使學生鞏固、提高和綜合運用已學知識，同時培養(yǎng)學生綜合知識的應用能力，提高學生分析問題和解決問題的能力，學會設計工作思路、方法、步驟，提高技術應用能力；進一步培養(yǎng)學生樹立嚴謹?shù)目茖W作風和良好的工作能力，提高獨立思考與團隊合作的能力。通過對本課題的設計，力圖使學生能熟練掌握利用XHTML＋CSS+Javascript等語言開發(fā)網(wǎng)頁的過程和開發(fā)方法，深刻地體會到在開發(fā)網(wǎng)頁時使用CSS技術的優(yōu)越性，獲得實際的開發(fā)經(jīng)驗，熟悉一個實際項目的開發(fā)過程和開發(fā)方法，增加自己的編程實踐經(jīng)驗，為自己將來的工作奠定一個堅實的基礎。隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)站已經(jīng)越來越引起人們的關注，很多種搭建網(wǎng)頁的編程語言應運而生。JSP是一種動態(tài)網(wǎng)頁的編程語言，它是在傳統(tǒng)的網(wǎng)頁HTML文件中插入Java程序段和JSP標記,從而形成JSP文件。

畢業(yè)論文

用JSP開發(fā)的Web應用是跨平臺的，既能在Linux下運行，也能在其他操作系統(tǒng)上運行。自JSP推出后，眾多大公司都支持JSP技術的服務器，如IBM、Oracle、Bea公司等，所以JSP迅速成為商業(yè)應用的服務器端語言。JSP具備了Java技術的簡單易用，完全的面向對象，具有平臺無關性且安全可靠，主要面向因特網(wǎng)的所有特點。JSP將網(wǎng)頁邏輯與網(wǎng)頁設計和顯示分離，支持可重用的基于組件的設計，使基于Web的應用程序的開發(fā)變得迅速和容易。插入的Java程序段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁等，以實現(xiàn)建立動態(tài)網(wǎng)頁所需要的功能。JSP是在服務器端執(zhí)行的，通常返回給客戶端的就是一個HTML文本，因此客戶端只要有瀏覽器就能瀏覽。正因為JSP擁有如此多的優(yōu)點，在社會上也成為了流行的編程語言，深受民眾的普遍受歡迎。成功完成一項由JSP語言匯編的網(wǎng)頁，將會大大提高學生的編程技術，使學生在就業(yè)前得到一次實踐鍛煉的機會，提前熟悉企業(yè)中網(wǎng)站開發(fā)的標準流程，使學生更能適應市場的需求。

1.3企業(yè)網(wǎng)站的由來和發(fā)展

互聯(lián)網(wǎng)在中國的出現(xiàn)只有短短七年時間，1994年中國科學院高能物理研究所設立了國內(nèi)第一個Web服務器，推出一個叫做“中國之窗”的網(wǎng)頁，這可能是國內(nèi)Internet上出現(xiàn)的第一個Web網(wǎng)頁，1995年開始，中國教育科研網(wǎng)，中國科技網(wǎng)，中國公用計算機互聯(lián)網(wǎng)以及中國金橋網(wǎng)這構成中國數(shù)字神經(jīng)系統(tǒng)的四大互聯(lián)網(wǎng)絡相繼建成，使互聯(lián)網(wǎng)在中國開始真正進入社會生活之中。

企業(yè)網(wǎng)站，就是企業(yè)在互聯(lián)網(wǎng)上進行網(wǎng)絡建設和形像宣傳的平臺。企業(yè)網(wǎng)站就相當于一個企業(yè)的網(wǎng)絡名片，不但對企業(yè)的形象是一個良好的宣傳，同時可以輔助企業(yè)的銷售，甚至可以通過網(wǎng)絡直接幫助企業(yè)實現(xiàn)產(chǎn)品的銷售，企業(yè)可以利用網(wǎng)站來進行宣傳、產(chǎn)品資訊發(fā)布、招聘等等。企業(yè)網(wǎng)站的作用就是為展現(xiàn)公司形象，加強客戶服務，完善網(wǎng)絡業(yè)務，還可以與潛在客戶建立商業(yè)聯(lián)系。隨著網(wǎng)絡的發(fā)展，出現(xiàn)了提供網(wǎng)絡資訊為盈利手段的網(wǎng)絡公司，通常這些公司的網(wǎng)站上提供人們生活各個方面的資訊，如時事新聞、旅游、娛樂、經(jīng)濟等。開發(fā)工具的介紹及選擇

2.1 Dreamweaver8.0 Web(World Wide Web，簡稱 編輯器和其他編程工具（包括 Microsoft Visual Studio.NET）一起工作。這不僅使得 Web 開發(fā)更加方便，而且還能提供這些工具必須提供的所有優(yōu)點，包括開發(fā)人員可以用來將服務器控件拖放到 Web 頁的 GUI 和完全集成的調試支持。微軟為ASP.NET設計了這樣一些策略：易于寫出結構清晰的代碼、代碼易于重用和共享、可用編譯類語言編寫等等，目的是讓程序員更容易開發(fā)出Web應用，滿足計算向Web轉移的戰(zhàn)略需要。

JSP（JavaServer Pages）是Sun公司推出的一種動態(tài)網(wǎng)頁技術。JSP技術是以Java語言作為腳本語言的，熟悉JAVA語言的人可以很快上手。JSP本身雖然也是腳本語言，但是卻和PHP、ASP有著本質的區(qū)別。PHP和ASP都是由語言引擎解釋執(zhí)行程序代碼，而JSP代碼卻被編譯成Servlet并由Java虛擬機執(zhí)行，這種編譯操作僅在對JSP頁面的第一次請求時發(fā)生。因此普遍認為JSP的執(zhí)行效率比PHP和ASP都高。JSP是一種服務器端的腳本語言，最大的好處就是開發(fā)效率較高，JSP可以使用JavaBeans或者EJB（Enterprise JavaBeans）來執(zhí)行應用程序所要求的更為復雜的處理，但是這種網(wǎng)站架構因為其業(yè)務規(guī)則代碼與頁面代碼混為一團，不利于維護，因此并不適應大型應用的要求，取而代之的是基于MVC的Web架構。MVC的核心思想是將應用分為模型、視圖和控制器三部分。模型是指應用程序的數(shù)據(jù)，以及對這些數(shù)據(jù)的操作；視圖是指用戶界面；控制器負責用戶界面和程序數(shù)據(jù)之間的同步。通過MVC的Web架構，可以弱化各個部分的耦合關系，并將業(yè)務邏輯處理與頁面以及數(shù)據(jù)分離開來，這樣當其中一個模塊的代碼發(fā)生改變時，并不影響其他模塊的正常運行，所以基于MVC的Web架構更適應于大型應用開發(fā)的潮流。因此，不少國外的大型企業(yè)系統(tǒng)

畢業(yè)論文

和商務系統(tǒng)都使用以上的MVC架構，能夠支持高度復雜的基于Web的大型應用。

<5> JSP開發(fā)環(huán)境: JDK：Java Development Kit，Java開發(fā)工具集 Tomcat：服務器

IDE：Integated Development Environment，集成開發(fā)環(huán)境 常用：Eclipse（MyEclipse）、JBuilder 3.2可行性分析

（1）經(jīng)濟可行性分析：網(wǎng)頁開發(fā)費用可以接受，開發(fā)周期短，網(wǎng)站使用期持久。（2）技術可行性分析：計算機硬件和軟件的飛速發(fā)展為網(wǎng)頁提供了技術條件。（3）社會可行性分析：在當前信息技術飛速發(fā)展的大環(huán)境下，計算機技術和軟件技術的更新是網(wǎng)頁，完全有可能也有能力采用這樣先進的技術。

3.3網(wǎng)站的設計與規(guī)劃

JSP頁面包含的元素：JSP代碼、JSP指令、JSP動作。JSP代碼指的是嵌入在JSP頁面中的Java代碼。JSP指令是為JSP引擎設計的，它告訴JSP引擎如何處理代碼，比如引入一個其他的類、設置JSP用的語言等。JSP動作是用來控制JSP引擎的動作，比如可以根據(jù)某個條件動態(tài)跳轉到另一個頁面。JSP的內(nèi)建對象由JSP容器自動為JSP頁面提供，是預先存在的。在編寫JSP程序時，可以直接使用內(nèi)建對象。

JSP的常用內(nèi)建對象有：

<1>out：傳送信息到客戶端的瀏覽器。<2>request：包裝客戶端的請求信息。<3>response：響應客戶端的請求。<4>session：客戶端請求的一次回話。

JDBC（Java Data Base Connectivity）Java數(shù)據(jù)庫連接。是一種用于執(zhí)行SQL語句的Java API，可以為多種關系數(shù)據(jù)庫提供統(tǒng)一訪問，由一組用Java語言編寫的類和接口組成。

MySQL的安裝、建庫、表、增刪改查、MyEclipse Database Browser。使用JDBC訪問MySQL步驟： <1>加載驅動程序類 <2>建立連接

<3>創(chuàng)建能夠發(fā)送SQL語句的對象 <4>執(zhí)行發(fā)送的SQL語句 <5>處理返回結果 <6>關閉連接

畢業(yè)論文

加載驅動程序類: try{ Class.forName(“com.mysql.jdbc.Driver”);} catch(Exception e){ e.printStackTrace();} 建立連接: Connection conn=DriverManager.getConnection(“jdbc:mysql://localhost:3306/數(shù)據(jù)庫名”,”用戶名”,”密碼”);創(chuàng)建能夠發(fā)送SQL語句的對象: Statement：向數(shù)據(jù)庫提交SQL語句并返回相應結果的工具。Statement st=conn.createStatement();PreparedStatement：繼承Statement接口，當一條SQL語句需要稍加變化而反復執(zhí)行時，通常可以使用PreparedStatement。

PreparedStatement ps=conn.prepareStatment(“sql”);

CallableStatement：繼承PreparedStatement接口，用于執(zhí)行存儲過程。CallableStatement cs=conn.prepareCall(“sql”);執(zhí)行發(fā)送的SQL語句: int n=st.executeUpdate(“sql”);/* 增刪改*/ int n=ps.executeUpdate();ResultSet rs=st.executeQuery(“sql”);/* 查詢*/ ResultSet rs=ps.executeQuery();cs.execute();/*其它*/ 處理返回結果: 增刪改:if(n>0)操作成功！else 操作失敗！

查詢:while(rs.next()){rs.getxxx(“列名”)//獲取結果集中的值} 關閉連接conn.close();JavaBean目前代表性的組件技術有COM、COM+、JavaBean、EJB、CORBA。它基于組件的軟件設計擁有組件可重復使用、易于替換和升級、加快軟件開發(fā)速度，縮短生產(chǎn)周期的優(yōu)勢。JavaBean支持可視化和非可視化兩種組件。可視化組件在運行中能夠顯示出來。非可視化組件通常用來處理一些復雜事物，一般不會有可視化的輸出。JSP只支持一些非可視化的JavaBean來實現(xiàn)一些比較復雜的事務處理。

Servlet是服務器端的Java小程序，用于響應客戶端的請求。一般會把處理結果以HTML的形式返回，在客戶端形成動態(tài)網(wǎng)頁。Servlet和JSP的區(qū)別是JSP更加注重頁面的表現(xiàn)，而Servlet更注重業(yè)務邏輯的實現(xiàn)，且編寫Servlet較難。JSP只能處理瀏覽器的請求，而Servlet還可以處理客戶端的應用程序請求，可以認為Servlet加強了Web服務器的功能。

畢業(yè)論文

一個Web項目至少分為三層：數(shù)據(jù)層、業(yè)務邏輯層和表示層。數(shù)據(jù)層通過數(shù)據(jù)庫保存數(shù)據(jù)。業(yè)務邏輯層用來完成數(shù)據(jù)計算、數(shù)據(jù)分析、數(shù)據(jù)庫連接等處理工作。表示層用來完成HTML頁面的輸出。

Servlet的生命周期分為：初始化、處理客戶端的請求和銷毀三個階段。當服務器裝載一個Servlet的時候，服務器創(chuàng)建一個Servlet實例，并且調用Servlet的init()方法。在初始化階段，Servlet初始化參數(shù)被傳遞給Servlet配置對象。在服務器裝載和初始化Servlet后，服務器會創(chuàng)建特定的“請求”對象和一個“響應”對象。服務器調用Servlet的service()方法，用于傳遞“請求”和“響應”對象。service()方法從“請求”對象獲得請求信息，處理該請求并用“響應”對象的方法將響應返回客戶端。service()方法可以調用其他方法來處理請求，例如doGet()、doPost()等方法。如果服務器不再需要或重新裝入Servlet實例時，服務器會調用Servlet的destroy()方法以終止請求。

Servlet基本方法: <1>init()：在Servlet的生命周期中，init()方法僅執(zhí)行一次。它是在服務器裝入Servlet時執(zhí)行的。

<2>service()：該方法是Servlet的核心。每當客戶端請求一個Servlet實例時，該實例的service()方法就會被調用。默認條件下調用與HTTP請求方法相應的do功能。如果HTTP請求方法是GET，則默認條件下調用doGet()方法；如果HTTP請求方法是POST，則默認情況下調用doPost()方法。

<3>destroy()：該方法只執(zhí)行一次，即在服務器停止并卸載Servlet時被調用。Servlet編寫

<4>Servlet是Java類。

<5>一般Servlet是javax.servlet.HttpServlet的子類，需覆蓋doGet()和doPost()方法來完成相應功能。

<6>Servlet編寫完成需配置web.xml文件： Servlet、Servlet-mapping 3.3.1網(wǎng)站目的

通常情況下，架設企業(yè)網(wǎng)站主要是為滿足公司的基本業(yè)務以及日益擴大的商務應用能夠隨時升級，擁有產(chǎn)品銷售業(yè)務的企業(yè)以網(wǎng)絡營銷為目的，在互聯(lián)網(wǎng)上進行企業(yè)宣傳。企業(yè)網(wǎng)站建設是指使用標識語言（markup language)，通過一系列設計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網(wǎng)頁設計的目的就是產(chǎn)生網(wǎng)站。本網(wǎng)站的功能在一般網(wǎng)站的功能上需要適當創(chuàng)新和添加。

畢業(yè)論文

3.3.2網(wǎng)站概貌

因為是企業(yè)網(wǎng)站，所以需要包涵公司要求的各方面內(nèi)容，在突出企業(yè)的風格和特點的同時，還應用了現(xiàn)在流行的網(wǎng)站設計技術和數(shù)據(jù)庫技術。因此將網(wǎng)站設計分為前臺頁面展示平臺和后臺設計。3.3.3功能規(guī)劃

網(wǎng)站設計有公司動態(tài)更新，瀏覽者可以在首頁了解世紀互聯(lián)數(shù)據(jù)中心的基本信息，并且可以登錄和注冊賬戶，在后臺設計頁面中，管理員可以對網(wǎng)站信息進行管理。站內(nèi)的其它頁面均是按照公司整體需求進行設計的。

<1>主頁

主頁可以讓用戶看見公司的簡單介紹。<2>登陸/注冊

愿意了解公司的客戶需要進行注冊登陸。<3>商品展示

是對公司產(chǎn)品的一個陳列說明，可以讓客戶進行選購。<4>購物車 讓用戶選購產(chǎn)品。<5>服務內(nèi)容

世紀互聯(lián)公司不只是產(chǎn)品銷售公司，它的服務范圍涵蓋IT界各項內(nèi)容。<6>招聘信息

對人才的需求也是公司的重點，通過招聘信息瀏覽者可以申請公司職位。

4數(shù)據(jù)庫設計實現(xiàn)

對于數(shù)據(jù)庫的需求而言，由于其主要是用于信息的提供、保存、更新和查詢等利用數(shù)據(jù)庫設計用戶數(shù)據(jù)表保存用戶數(shù)據(jù)。我們以系統(tǒng)功能所隱含的對數(shù)據(jù)應用的需求，確定了數(shù)據(jù)庫的結構，并建立了數(shù)據(jù)表。本網(wǎng)站數(shù)據(jù)庫BuinessDB。BuinessDB里創(chuàng)建了多個數(shù)據(jù)表tb_login、product和購物車表（tb_shop）。

4.1 數(shù)據(jù)庫設計

數(shù)據(jù)庫是計算機應用系統(tǒng)中的一種專門管理數(shù)據(jù)資源的系統(tǒng)。數(shù)據(jù)有多種形式，如文字、數(shù)碼、符號、圖形、圖像以及聲音等。數(shù)據(jù)是所有計算機系統(tǒng)所要處理的對象。人們所熟知的一種處理辦法是制作文件，即將處理過程編成程序文件，將所涉及的數(shù)據(jù)按程序要求組織成數(shù)據(jù)文件，用程序文件來調用。數(shù)據(jù)文件與程序文件保持著一定的對應關系。在計算機應用迅速發(fā)展的情況下，這種文件式方法便顯出不足。比如，它使得數(shù)據(jù)通用性差，不便于移植，在不同文件中存儲大量重復信息、浪費存儲空間、更新不便等。數(shù)據(jù)庫系統(tǒng)便能解決上述問題。數(shù)據(jù)庫系統(tǒng)不從具體的應用程序

畢業(yè)論文

出發(fā)，而是立足于數(shù)據(jù)本身的管理，它將所有數(shù)據(jù)保存在數(shù)據(jù)庫中，進行科學的組織，并借助于數(shù)據(jù)庫管理系統(tǒng)，以它為中介，與各種應用程序或應用系統(tǒng)接口，使之能方便地使用數(shù)據(jù)庫中的數(shù)據(jù)。

這段說明介紹的確非常詳細，可能讓人看得頭暈眼花了，其實簡單地說數(shù)據(jù)庫就是一組經(jīng)過計算機整理后的數(shù)據(jù)，存儲在一個或多個文件中，而管理這個數(shù)據(jù)庫的軟件就稱之為數(shù)據(jù)庫管理系統(tǒng)。一般一個數(shù)據(jù)庫系統(tǒng)（Database System）可分為數(shù)據(jù)庫（Database）與數(shù)據(jù)管理系統(tǒng)（Database Management System，DBMS）兩個部分。

數(shù)據(jù)庫解決方案分為兩個基本類別：數(shù)據(jù)庫服務(DBaaS)和數(shù)據(jù)服務(DaaS)。這兩者間的主要區(qū)別在于數(shù)據(jù)是怎樣管理的。

DaaS使你可以定義你的數(shù)據(jù)，然后你可以從世界任何地方通過Internet連接對這些數(shù)據(jù)進行查詢。不同于傳統(tǒng)的數(shù)據(jù)庫解決方案，DaaS不執(zhí)行典型RDBMS接口，例如SQL。而是通過一套通用的API訪問數(shù)據(jù)。此外，DaaS是最適合于基礎數(shù)據(jù)的查詢和操縱等管理。

DBaaS是一個更為強大的數(shù)據(jù)解決方案，它提供全面的數(shù)據(jù)庫功能。在DBaaS中，管理層負責連續(xù)監(jiān)測和配置數(shù)據(jù)庫，以實現(xiàn)優(yōu)化縮放、高可用性、多租戶、并在云中有效的分配資源。因此，開發(fā)者可以免去許多繁瑣乏味的數(shù)據(jù)庫管理操作的麻煩，因為這些會被自動處理。

有三種基本的基于云數(shù)據(jù)庫的服務，它們的不同在于用戶定制環(huán)境的靈活性。對于擴展性，云計算是用戶訪問一個只有操作系統(tǒng)的準機器，而對于這個操作系統(tǒng)用戶有充分的靈活性安裝和配置選定的RDBMS軟件。這種安裝被認為云服務基礎設施(IaaS)。Amazon Elasti Computing Cloud(EC2)就是這種服務的一個很好的例子。對于想對其托管的數(shù)據(jù)庫具有完全控制權的人來說，這個平臺是一個很好的選擇。

另一個在云中部署RDBMS通用模型的是虛擬設備模型。虛擬設備是一個預裝載并預配置設備的虛擬機。Amazon還在其EC2云中部署預配置了MySQL、Oracle和Microsoft SQL Server的虛擬設備。

最后，本地云數(shù)據(jù)服務，例如Xeround’s MySQL云數(shù)據(jù)庫使用NoSQL數(shù)據(jù)庫，通過Web界面進行管理。本地云數(shù)據(jù)庫往往得到更好的設備以便能夠更好地使用云資源，并且與非云RDBMS使用的軟件相比提供更好的可用性與穩(wěn)定性。

正如現(xiàn)在云計算一樣棘手，讓陌生人訪問您的數(shù)據(jù)要考慮清楚，不能掉以輕心。低價格：這可能是使企業(yè)進入云行列的第一個原因。使用基于云數(shù)據(jù)庫解決方案，可以從硬件、軟件許可以及服務實施等方面大幅降低運營成本和支出，因為你只需要對所使用的部分買單。

擴展性與靈活性：數(shù)據(jù)庫托管公司往往處于有利位置，為了得到更高的效率并減少未使用的空間而使資源得到最大化。他們根據(jù)你不斷變化的業(yè)務需求而對服務進行增加或縮減。

畢業(yè)論文

高效率：云計算提供了硬件共享、流程自動化和技術熟練的好處。你和你的員工可以從任何地方、使用任何電腦、移動設備或瀏覽器訪問數(shù)據(jù)庫。它還能從整體上降低資源的使用。

缺點： 安全問題：云計算中一個值得關注的事情是你的數(shù)據(jù)是通過網(wǎng)絡訪問的。這就產(chǎn)生了一系列問題，你會給某人提供機會攻擊你的數(shù)據(jù)庫服務商并且竊取你寶貴的資料嗎？這樣安全漏洞事件是誰的責任呢？當?shù)谌絹G失客戶信息時，你不能也不應該只躲在云供應商后面。除了網(wǎng)頁接入問題，怎樣才能使供應商的物理位置安全呢？他們經(jīng)常進行備份么？有異地數(shù)據(jù)存儲么？這些實在沒有辦法百分之百的確定。你只能相信你的供應商能照顧好您的數(shù)據(jù)。

互聯(lián)網(wǎng)連接風險的損失：由于你的數(shù)據(jù)通過網(wǎng)絡進行交互，你應該考慮失去數(shù)據(jù)庫連接將會對你的企業(yè)生產(chǎn)帶來怎樣的影響。這種風險你能忍受么？這里有個叫做五個九的高可用性標準。在99.999%的時間正常運行，每年停機時間約為五分鐘。你能期望它保證具有這種可靠性么？

定制的局限性：當處理如此多的業(yè)務時，要求數(shù)據(jù)庫服務商要很靈活。如果需要深度定制并且與現(xiàn)有系統(tǒng)集成來為日常業(yè)務服務，那么云計算能夠適應你的需求嗎。

4.2注冊表（tb_login）

主要記錄用戶在注冊時的個人基本信息，用戶可以對這個表中的信息進行修改。

表 5-1-1 注冊表的邏輯結構

詳細數(shù)據(jù)表如下：

5-1-用戶注冊表

畢業(yè)論文

4.3產(chǎn)品表（product）

主要記錄公司為客戶提供的產(chǎn)品信息，客戶可以瀏覽，購買這個表中的產(chǎn)品。管理員可對產(chǎn)品信息進行增加、刪除及修改。

表5-2-1 產(chǎn)品表的邏輯結構

詳細數(shù)據(jù)表如表：

表5-2-2 產(chǎn)品數(shù)據(jù)表

4.4購物車表（tb_shop）

購物車表，主要用來存放用戶已加入購物車的商品。

表5-3-1 購物車表的邏輯結構

詳細數(shù)據(jù)表如表：

表5-3-2 購物車數(shù)據(jù)表

畢業(yè)論文

4.5 網(wǎng)頁與數(shù)據(jù)庫的鏈接代碼

在JSP網(wǎng)站設計搭建中，數(shù)據(jù)庫要想與網(wǎng)頁鏈接必須要有DBconn代碼。

5模塊功能實現(xiàn)

5.1系統(tǒng)總體結構設計

本網(wǎng)站主要圖片由公司提供，劃分為上下兩部分，上部分是一個Web用戶控件，這種控件可以在Web窗體中進行引用，這樣這個網(wǎng)站的風格有了一定的統(tǒng)一；下部分分左右兩部分，左邊主要顯示各個頁面應有的內(nèi)容，右邊為內(nèi)容的視覺表達，每個網(wǎng)頁的布局都是這樣，使整個網(wǎng)站統(tǒng)一化。因為公司網(wǎng)站的原因，整個網(wǎng)站的顏色都比較大眾化，所以一般不采用暖色調來填充顏色，因本網(wǎng)站主要圖片的人性化設計，在風格上也向部分網(wǎng)站進行了模仿，為使整個網(wǎng)站在美觀上有所提高，我們對一些圖片進行了修改。

圖4-1-1 系統(tǒng)總體結構設計圖

畢業(yè)論文

5.2 主頁頁面

主頁面包含注冊、登錄、產(chǎn)品瀏覽、購物車、招聘信息以及后臺管理等主要功能鏈接，簡潔明了的模塊化分給顧客直觀的感受和足夠的參考信息。

圖4-5-1 主頁面

主頁樣式設計代碼如下：

登陸/注冊

(1)登陸頁面：輸入用戶名及密碼，若與數(shù)據(jù)表中有匹配項則登陸成功。

畢業(yè)論文

圖4-2-1 登陸頁設計圖

用戶登錄jsp代碼如下：

<%

if(request.getParameter(“username”)!=null&&request.getParameter(“pass{

String strName=request.getParameter(”username“);String strPass=request.getParameter(”password“);Class.forName(”com.mysql.jdbc.Driver“);Connection word”)!=null)conn=DriverManager.getConnection(“jdbc:mysql://localhost:3306/test”,“root”,“");

Statement stat=conn.createStatement();String strSql=”select count(*)from tb_login where ResultSet result=stat.executeQuery(strSql);result.next();if(result.getInt(1)==1){ session.setAttribute(“l(fā)ogin”,“ok”);response.sendRedirect(“main.jsp”);

} else

{ out.println(“用戶名或密碼輸入錯誤！”);out.println(“返回>>重新輸入”);} result.close();} username='“+strName+”'and password='“+strPass+”'“;

%>

畢業(yè)論文

(2)注冊頁面：取得用戶的信息并保存。

圖4-2-2 注冊頁設計

用戶注冊jsp代碼如下：

<%if(!request.getParameter(”Password“).equals(request.getParameter(”Password1“))){ out.println(”密碼輸入不一致！
“);

out.println(”返回“);} else{ try{ //加載驅動程序

Class.forName(”com.mysql.jdbc.Driver“);//建立連接

Connection conn=DriverManager.getConnection(”jdbc:mysql://localhost:3306/test“,”root“,”“);//創(chuàng)建能夠發(fā)送SQL語句的對象

Statement st=conn.createStatement();String sql=”insert into tb_login values('“+request.getParameter(”ID“)+ ”','“+request.getParameter(”Name“)+”',“+request.getParameter(”Password“)+”)“;sql=new String(sql.getBytes(”ISO-8859-1“),”GBK“);//執(zhí)行SQL語句

int n=st.executeUpdate(sql);//處理執(zhí)行結果

if(n>0){ out.println(”“);} else{ out.println(”“);}} %>

畢業(yè)論文

5.4購物頁面

購物車模塊主要的核心功能就是產(chǎn)品展示和購物車，這個模塊分三個頁面來實現(xiàn)，瀏覽頁面實現(xiàn)加入購物車，購物車頁面實現(xiàn)購物車管理。

圖4-3-1 產(chǎn)品展示頁

購物頁面：消費客戶能夠查看虛擬購物車內(nèi)的所有產(chǎn)品，并且已登陸的客戶可以刪除圖書。當客戶刪除產(chǎn)品項之后，系統(tǒng)會及時更新數(shù)據(jù)表中相應內(nèi)容。在瀏覽頁點擊加入購物車就可實現(xiàn)加入虛擬購物車功能，在購物車頁面，已登陸的消費者可以看到自己將購買的商品，同時也可刪除商品。

圖4-3-2 購物車效果圖

畢業(yè)論文

購物車jsp代碼如下：

<%try{ //加載驅動程序 Class.forName(”com.mysql.jdbc.Driver“);//建立連接 Connection conn=DriverManager.getConnection(”jdbc:mysql://localhost:3306/test“,”root“,”“);//創(chuàng)建能夠發(fā)送SQL語句的對象

Statement st=conn.createStatement();String sql=”insert into tb_shop values('“+request.getParameter(”ID“)+ ”','“+request.getParameter(”Name“)+”',“+request.getParameter(”Number“)+”,“+request.getParameter(”Price“)+”)“;sql=new String(sql.getBytes(”ISO-8859-1“),”GBK“);//執(zhí)行SQL語句 int n=st.executeUpdate(sql);//處理執(zhí)行結果 if(n>0){ out.println(”“);} else{ out.println(”“);} } catch(Exception e){ %>

e.printStackTrace();}

瀏覽頁面：消費者可以通過瀏覽產(chǎn)品目錄，查看和選擇產(chǎn)品。當用戶瀏覽目錄的時候，可以遍歷產(chǎn)品類別的層次，并且查看屬于各個類別的產(chǎn)品列表，當查看完產(chǎn)品后，消費用戶就能夠將想購買的產(chǎn)品放在他們的虛擬購物車中。

圖4-3-3 購物車查看圖

畢業(yè)論文

購物車信息表代碼如下：

<% int n=0;//用戶人數(shù)

try{Class.forName(”com.mysql.jdbc.Driver“);Connection conn=DriverManager.getConnection(”jdbc:mysql://localhost:3306/test“,”root“,”“);Statement st=conn.createStatement();String sql=”select * from tb_shop“;ResultSet rs=st.executeQuery(sql);while(rs.next()){ out.println(”“);out.println(”“+rs.getString(”pname“)+”“);out.println(”“+rs.getString(”number“)+”“);out.println(”“+rs.getInt(”price“)+”“);out.println(”");n++;} conn.close();} catch(Exception e){e.printStackTrace();} %>

5.5其它頁面實現(xiàn)

企業(yè)網(wǎng)站包涵公司要求的各方面內(nèi)容，需要對公司服務內(nèi)容進行詳細的說明介紹，世紀互聯(lián)數(shù)據(jù)中心是IT行業(yè)相當成熟的企業(yè)，它覆蓋了幾乎所有網(wǎng)絡行業(yè)的服務內(nèi)容，為網(wǎng)絡用戶需求帶來全面的服務。

圖4-4-1 企業(yè)服務介紹

畢業(yè)論文

6設計技巧和解決方法

我們在制作網(wǎng)頁的時候，經(jīng)常有這種體會，那就是制作好的網(wǎng)頁在本地計算機上瀏覽時很正常，但在另外一臺計算機上瀏覽時發(fā)現(xiàn)原本漂亮的網(wǎng)頁變得歪歪扭扭了，這是為什么呢?原來各個計算機的分辨率要使你的主頁在不同的分辨率下都能正常顯示，在 Dreamweaver中得到了較好的解決。在文檔窗口的右下角，Dreamweaver 顯示當前文檔被設計成的分辨率大小。單擊哪個數(shù)字，在彈出式菜單中可以為當前的頁面指定顯示分辨率，通過修改可以使你的主頁更具靈活性。使不同分辨率的顯示器都能較好地顯示。有時我們?yōu)榱艘_到一種逼真的效果，希望鼠標移動到某個鏈接上時能有動感產(chǎn)生。使用Dreamweaver可以很容易實現(xiàn)這種效果。設計時，我們首先需要準備兩幅圖象，第一幅是原始圖象，第二幅是鼠標移動上去后的圖象。接著用鼠標單擊第一幅圖，在屬性面板中的鏈接欄中填上要鏈接的文件，然后單擊鍵盤上的F8鍵，在彈出的Behaviors窗口中單擊“+”號，隨后選擇“swap image”，在接著出現(xiàn)的窗口中選擇第二幅圖象，最后單擊確定就可以了。

本次為期三個月多的畢業(yè)設計是大學三年所學知識的綜合運用，是理論與實踐相得綜合考察。這種畢業(yè)設計項目的選做,不僅可以鞏固了所學的書本知識,還能學到了許多課堂上和書本上無法學到的實踐知識，提高我們的自學能力，增強了專業(yè)技術的水平，同時也為今后從事本專業(yè)的工作打下了的基礎。

畢業(yè)論文

7總 結

經(jīng)過幾個月的努力，我們的畢業(yè)設計終于完成了。通過結合畢設計劃書的要求，制定了公司網(wǎng)站系統(tǒng)管理的計劃方案，本網(wǎng)站可實現(xiàn)用戶注冊、登錄、修改信息、購物、生成訂單、瀏覽產(chǎn)品等公司網(wǎng)站應具備的功能，同時添加了用戶管理系統(tǒng)，進一步完善了本網(wǎng)站的功能，在這次公司網(wǎng)站系統(tǒng)的設計過程中我受到很大啟發(fā)：在網(wǎng)站開發(fā)與設計上，體會到了理論與實際結合的重要性，認識到做一個完美的網(wǎng)站不僅僅要考慮到網(wǎng)站功能及其效果的實現(xiàn)，更應該注重網(wǎng)站與用戶的有機結合。

在老師耐心細致的指導下，同學之間相互交流，同時翻閱了大量的資料(包括網(wǎng)上資料，書本及學校的一些相關資料)經(jīng)過近一段時間的努力，企業(yè)網(wǎng)站的設計制作告一段落。總結這次“世紀互聯(lián)網(wǎng)站”開發(fā)制作過程，我們綜合使用了目前因特網(wǎng)上比較流行的各種靜態(tài)、動態(tài)制作方法，并對初步利用后臺程序完成生成網(wǎng)頁的技術。同時也從中學習了對靜態(tài)頁面的處理風格，色彩搭配，頁面導航方面有了一定經(jīng)驗。目前網(wǎng)站的制作技術與要求，都已經(jīng)告別了因特網(wǎng)初期網(wǎng)站制作的“幼稚”期，隨著各類網(wǎng)站的迅速增加與瀏覽者需求的提高，無不要求網(wǎng)站從立意，策劃，頁面設計到后臺程序的全面提高。無論是個人網(wǎng)站還是企業(yè)網(wǎng)站都必須被要求從瀏覽者角度出發(fā)，最大限度的滿足用戶的要求，這也是以后各類網(wǎng)站發(fā)展競爭的真正實質所在。

本次設計由于設計時間較緊，且相關模塊比較多，加之設計經(jīng)驗的不足，在網(wǎng)站的整體設計及各模塊功能可能設計的不完全，有待于進一步的完善和改進。雖然在完成項目的過程中也遇到過各種困難,但最終我們達到了自己的預期目標,雖然此網(wǎng)站與其它網(wǎng)站相比仍有很多不足,但是整個制作過程才是整個項目最寶貴的地方,最后, 由于時間倉促以及本人水平有限，本系統(tǒng)還有很多不完善之處，也難免存在錯漏，懇請各位老師多多指點。

畢業(yè)論文

謝辭

畢業(yè)論文

參考文獻

[1] 吳濤主編.網(wǎng)站全程設計技術[M].北京：清華大學出版社，2006,7.[2] 龍馬工作室編.JSP+SQL Server組建動態(tài)網(wǎng)站實例精講[M].北京：人民郵出版社，2008,4.[3] 趙增敏編.JSP動態(tài)網(wǎng)頁設計[M].電子工業(yè)出版社，2003,8.[4] 任學文，范嚴編.網(wǎng)頁設計與制作[M].中國科學技術出版社，2006,8.[5] 武創(chuàng)，王惠.網(wǎng)頁設計探索之旅 [M].電子工業(yè)出版社，2006,9.[6] 杜巧玲等編.網(wǎng)頁設計超級夢幻組合[M].清華大學出版社, 2003,3.[7] 吳黎兵，羅云芳編.網(wǎng)頁設計教程[M].武漢大學出版社，2006,2.[8] 莊王健編.網(wǎng)頁設計三劍客白金教程[M].電子工業(yè)出版社，2006,1.[9] 澤卡斯著，李松峰，曹力譯.JavaScript高級程序設計(第2版)[J].人民郵電出版社，2010.[10] 唐永明.淺議網(wǎng)頁設計與制作[J].科技信息，2009(20).[11] 陳孝強等編.Dreamweaver8 必練[M].北京：清華大學出版社，2006.[12]（美）特里等著，謝文亮譯.《SQL Server 2005深入開發(fā)系列——SQLServer 2005報表服務高級編程》[M].北京：清華大學出版社，2007.[13] 王華杰，孫一波等編.《C#數(shù)據(jù)庫開發(fā)技術》[J].清華大學出版社，2003,2.

第三篇：畢業(yè)論文參考網(wǎng)站

不要希望在網(wǎng)上可以免費找到你的畢業(yè)論文（除非你論文答辯不想過了），更不要覺得下面東西沒用，當你做論文時最快的幫你找到資料、文獻。

[(免費論文下載)

[(論文下載,大量免費資源)

論 文 帝國[http://(論文資源)

論 文 資料網(wǎng)[http://(各專業(yè)論文下載)

畢 業(yè) 論文網(wǎng)[http://(論文發(fā)表等,不錯的地方)

專 業(yè) 論文網(wǎng)[http:///lunwen(看看吧挺好)

輕 松 論文網(wǎng)[http://(論文網(wǎng)站)

易 起 論文網(wǎng)[http://.cn/

<考試資源>

網(wǎng)址家園http:///wz/kaoshi.htm（可以搜索到非常多的考試資源網(wǎng)站）

考試163：http://(大量的資格認真考試試題，計算機，英語視聽材料)

IT認證考試資源網(wǎng)[(大量IT認證考試題庫)考研網(wǎng)[http://(也是考研的網(wǎng)站,大量免費資源)

中國自考網(wǎng)[ 無憂論文網(wǎng):http:///

北京語言文化大學論文庫:http://lib.blcu.edu.cn/dt1000/bys/bys.htm 6

第四篇：asp校園網(wǎng)站設計(畢業(yè)論文)

By 25175.com asp校園網(wǎng)站設計

目 錄

第一章：諸????????????????????????..1．1 設計思想????????????????????????????????1 1．2 開

發(fā)

工

具的選

用

及

介紹???????????????????????????.1 第二章：網(wǎng)站總體分析與設計 2 2．1網(wǎng)站系統(tǒng)析??????????????????????????????????.2 2．

2、主頁設計 3 2．

3、數(shù)據(jù)庫設計 4 第三章：詳細設計 4 3．1 家長學校聯(lián)絡簿??????????????????4 3．2 網(wǎng)上圖書館 11 3.3 網(wǎng)上評優(yōu)投票系統(tǒng) 20 3．4達級考試在線查分系統(tǒng)與計數(shù)器的制作?????????22.第四部分：系統(tǒng)的使用說明與安裝 25 第五部分：參考文獻： 26 附錄：源文件代碼 27

第一章 諸論

在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． 1 設計思想

通過網(wǎng)站，全面宣傳，展示學校風采、優(yōu)點與特色，發(fā)布學校的重大活動安排與招生政策，增強家長與學校之間的聯(lián)系，在Internet上實現(xiàn)完成部分校務，提高辦事效率。

1.2 開發(fā)工具的選用及介紹

ASP的優(yōu)勢：

Active Server Pages：“動態(tài)服務器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結果都是標準的HTML格式，而且這些程序是在網(wǎng)絡服務端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結果，并且將這ASP執(zhí)行的結果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript

分

By 25175.com 是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來設計程序，客戶端（Ｃlient）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結果，可是，客戶端（Ｃlient）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結果。ＡＳＰ的特點：

任何開發(fā)工具皆可發(fā)展ＡＳＰ

只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPage Express、ＦrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ＡＳＰ，可能會發(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)頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代碼是看不到的！這是因杰ＡＳＰ程序先于網(wǎng)站服務（Ｗeb Server）端執(zhí)行后，將結果轉換成標準ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ＡＳＰ程序并不會輕易地被看見進而被盜用。易于操控數(shù)據(jù)庫

ＡＳＰ可以輕易地通過ＯDBC(Open Database Connectivity)驅動程序連接各種不同的數(shù)據(jù)庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是”Excel” 文件當成數(shù)據(jù)庫用。面向對象學習容易

ＡＳＰ具備有面向對象（Ｏbject-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多個網(wǎng)頁之間暫時保存必要的信息。ASP的六大內(nèi)部對象

對象名稱 功能描述

RequestResponseServerSessionApplicationObjectContext 從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個ASP-Application中讓不同的客戶端共享信息可以用來配合Microsoft Transaction 服務器進行分布式事務處理

所以我選擇了ASP結合Frontpage架構長沙市工商職業(yè)中專學校網(wǎng)站

第二章 網(wǎng)站總體分析與設計

2．1網(wǎng)站系統(tǒng)分析

根據(jù)前面的設計思想進行分析，按照系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進行分解，從內(nèi)容上可對網(wǎng)站作如下劃分：

l 學校風采 通過學校概括、教師風采、校園之星及部分圖片等內(nèi)容來展現(xiàn)。l 優(yōu)點特色 通過新聞、生動活潑的教育教學欄目來展現(xiàn)。

By 25175.com l 信息發(fā)布 通過公告欄、信息查詢等欄目來實現(xiàn)，內(nèi)容有招生政策、活動安排等。

l 部分校務 根據(jù)校務的公開程度與參與人數(shù)的多少，特選擇圖書管 理、評優(yōu)、考試查分、家校聯(lián)系四大校務在網(wǎng)上實現(xiàn)。2.2主頁設計

網(wǎng)站主頁采用靜、動相結合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結合，體現(xiàn)學校的勃勃生氣，靜態(tài)主頁方式介紹學校風采、優(yōu)點特色、信息發(fā)布，對于四大校務，就得利用ＡＳＰ與數(shù)據(jù)庫結合的技術建立數(shù)據(jù)庫查詢管理系統(tǒng)，采用交互式的動態(tài)的web畫面來實現(xiàn)。主頁結構圖

注：帶下劃線的表示是鏈接方式

2．3數(shù)據(jù)庫設計

采用的數(shù)據(jù)庫是Microsoft Access，擬建立teach.mdb庫文件，包含如下幾個表文件： allmessage 留言信息表 Libbooks 圖書信息表 Libcategories 圖書類別信息表 Libemps 圖書館用戶信息表； stud 學生信息表

第三章 詳細設計

3．1 家長學校聯(lián)絡簿

3．1．1功能：

利用SQL語法過濾特定的家長留言意見，讓老師可以針對某位特定學生家長所發(fā)表的意見作出獨立的回答，同時，家長在發(fā)表個人意見時，若認為意見內(nèi)容涉及敏感的話題或是意見內(nèi)容涉及私人隱私，都可用“悄悄話”的方式發(fā)言，這些“悄悄話”將不會被顯示出來讓大家看到，當然，老師擁有管理的能力，只要以密碼登錄管理模式，就可以進行各個學生家長的單獨意見回復，而且還能看到家長們所留下的“悄悄話”。3．1．2組成構造

共分成六大部分：

1，意見留言結果網(wǎng)頁guest.asp：用來顯示家長發(fā)言與老師回復內(nèi)容，同時還具備一般模式與管理模式兩種顯示方法。

2，家長發(fā)言表單網(wǎng)頁addmsg.asp：讓學生家長填寫發(fā)言內(nèi)容并選擇發(fā)言性質。

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)頁。

By 25175.com 6，數(shù)據(jù)表文件allmessage：用來儲存家長發(fā)言數(shù)據(jù)與老師回復數(shù)據(jù)的Access類型數(shù)據(jù)庫文件。

“數(shù)據(jù)表文件”負責存放家長發(fā)言數(shù)據(jù)與老師回復內(nèi)容的數(shù)據(jù)記錄，為Access類型的庫文件，將它定名為：“message.mdb”。

下圖為家庭聯(lián)絡簿的組成與流程圖：

老師回復

家長留言

讀入 寫入

寫入

3．1．3數(shù)據(jù)庫結構設計

數(shù)據(jù)庫文件”teach.mdb“中的數(shù)據(jù)表” allmessage“的欄目設置，如下圖：

字段名 字段類型

3．1．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=cprogram 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ù)設為鏈接我們已

By 25175.com 經(jīng)建立好的Connection對象“CN”。

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程序中的語句： SELECTFrom allmessage order by 留言日期 Desc 功能為：從數(shù)據(jù)表“allmessage“中取出所有欄位的數(shù)據(jù)，并將取出的數(shù)據(jù)記錄內(nèi)容依照”留言日期“欄位使用的”由大排到小“排序方式進行排序。

留言顯示網(wǎng)頁的管理模式 “顯示留言意見”的網(wǎng)頁就必須具備顯示模式選擇的功能，當顯示模式在一般情況時要能顯示家長們的一般性發(fā)言，同時還得將“悄悄話“的發(fā)言隱藏起來。當老師以密碼登錄成為管理模式時，則必須將一般性發(fā)言與悄悄話發(fā)言的數(shù)據(jù)全部顯示出來，同時還得讓老師們可以針對某位特定學生家長所發(fā)表的意見作出獨立的回答。

這兩個情況是通過密碼登錄管理模式的ASP程序實現(xiàn)的： form method=post

%if session(checkedit)=yes then% input type=hidden value=yes name=goexit input type=submit value=離開管理模式

%else% 密碼：input type=password name=password size=4 maxlength=4 input type=submit value=教師管理

%end if% form

在這段網(wǎng)頁語句中，利用Session對象來記錄目前的工作模式。當我們第一次進入“顯示留言意見”網(wǎng)頁的時候，我們所見的網(wǎng)頁畫面一定是一般！因為Session尚未被建立，因此它

By 25175.com 的“變量”值一定不會是“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 count10(count10)then totalpage=(count10)+1 else totalpage=(count10)end if “”為浮點數(shù)除法，“”為整數(shù)除法。

跳頁選擇的ASP程序語句

所有的發(fā)言數(shù)據(jù)采用固定筆數(shù)分頁瀏覽的方式來顯示后，還要提供一個跳頁鏈接顯示的功能，讓瀏覽者可以選擇希望瀏覽的頁次進得瀏覽，ASP程序語句： pagecount=0 rs.movefirst if request.querystring(topage)then pagecount=cint(request.querystring(topage))if pagecount=0 then pagecount=1 if pagecounttotalpage 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ù)庫文件中： Inset into 指令語句格式：

Insert into 數(shù)據(jù)表名（欄目名）values（欄目值）

By 25175.com

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)頁語句標簽

td bgcolor=#CCCCFFfont size=2%=RS(家長姓名)%fonttd “留言主題“欄位網(wǎng)頁語句標簽

td bgcolor=#CCCCFFfont size=2%=RS(留言主題)%fonttd “留言內(nèi)容“欄位網(wǎng)頁語句標簽

td bgcolor=#CCCCFFfont size=2%=RS(留言內(nèi)容)%fonttd 老師在回復欄位中所填入的數(shù)據(jù)，必須送給處理老師回復數(shù)據(jù)的ASP程序”anssave.asp”來記錄以及處理這些回復數(shù)據(jù)。當老師填寫好回復發(fā)言的數(shù)據(jù)后按下“送出回復”按鈕后，表單中的數(shù)據(jù)內(nèi)容就會以“POST”的方式由SEVER端讀取，然后將數(shù)據(jù)內(nèi)容交由處理老師回復數(shù)據(jù)的ASP程序“anssave.asp”來將數(shù)據(jù)內(nèi)容寫入數(shù)據(jù)庫。

3．2網(wǎng)上圖書館

網(wǎng)上圖書館將學校圖書館圖書放到網(wǎng)絡上供人借閱，這樣不僅方便了校內(nèi)的學生與教職員工使用圖書館的資源,還為圖書館管理員提供了一種簡便地管理圖書館的方法.3．2．1功能

網(wǎng)上圖書館系統(tǒng)可以進行圖書的出借和歸還.還可以在系統(tǒng)中按照多種字段對圖書進行查找,還可以瀏覽某個種類的所有圖書.該應用程序也為圖書館管理員提供了一些功能,如添加、編輯以及刪除圖書等，或者在分類層次結構中添加新的種類。

3．2．2系統(tǒng)的層次結構

下圖的每個方框代表校園圖書館網(wǎng)站中的一個頁面。除了只包含ＨＴＭＬ的Search頁面外，其他的均為ＡＳＰ頁面。因為每個圖書的頁面都不同，所以大多數(shù)的頁面實際上都是多頁面。

3.2.3數(shù)據(jù)庫設計

By 25175.com 本系統(tǒng)共使用３個數(shù)據(jù)表：

LibBooks表包含與圖書有關的所有數(shù)據(jù)。該表中的字段內(nèi)容的圖書的通用信息。另外，對于已經(jīng)出借的圖書，該表中還包含借閱該圖書的用戶的ＩＤ號，以及圖書的狀態(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)站的用戶信息。該表包含一些通用的信息字段，比如用于進入圖書館的用戶密碼等。

字段名 意義 字段類型 字段名 意義 字段類型

empid 用戶id(主鍵no null)數(shù)字 password 用戶密碼 文本 Empname 用戶姓名 文本 manager 管理員代號 數(shù)字 emailaddress 用戶郵箱 文本

圖書館數(shù)據(jù)庫的數(shù)據(jù)關系如圖9-22所示。其中表LibEmps和表Lib Categories與表LibBooks之間都是一對多的關系。每個雇員都可以借閱多本圖書，每個類別都可以包含多本圖書。

3.2.3界面設計與重點代碼的設計

網(wǎng)上圖書館系統(tǒng)有兩種用戶，一是管理員。另一種是只允許使用圖書館系統(tǒng)，而沒有管理功能的一般用戶。訪問者進入網(wǎng)站，首先要進行登錄，如下圖所示。登錄頁面（index.asp）

訪問者輸入Ｅ－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地址不對.By 25175.com else Session(EmpID)= RSFindEmp(EmpID)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 % A HREF=..htmlmanagement_menu.asp管理員菜單A % 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)語句將所借書以表格形式顯示出來。table border=1 width=90%

% if NOT isempty(Request.Form(B1))then Do Until RSBooks.EOF% TR

TD WIDTH=40% height=20% Response.Write RSBooks(Title)%tdtr % RSBooks.MoveNext loop end if %

table

循環(huán)將遍歷Rsbooks記錄集中的每個記錄，直到該記錄集結束：

該網(wǎng)站中的所有ＡＳＰ頁面都會在訪問者訪問之前對其進行登錄檢查。這樣就可以避免訪問

By 25175.com 者通過輸入某個頁面地址然后在沒有登錄的情況下直接進入該頁面的情況發(fā)生。此外，每個管理頁面都要確認訪問者是管理員。

管理菜單頁面

管理菜單頁面有一個HTML表單，根據(jù)選擇的按鈕的不同，可以進行5種不同的操作：圖書的歸還、圖書的編輯、圖書的刪除、圖書的添加和類別的添加。不管選擇了哪一個按鈕，該表單都提交人其自身進行處理。

要進行圖書的歸還、圖書的編輯、圖書的刪除三種操作，須先進行搜索，找到該書后，由圖書Book.asp返回一個鏈接：

% If Session(Manager)= 1 then % A HREF=..htmlmanagement_menu.asptitle=% response.write RSBooks(Title)%&BOOKID=% response.write RSBooks(BOOKID)%管理員菜單A % end if %

而管理者頁面通過下列語句

%=request.querystring(title)% inputzztype=hidden name=BOOKID1value=%=request.querystring(BOOKID)%

這樣就將所找到的書的書號BookID、書名Title傳遞管理者頁面。再進行所須操作。共有3個不同的銨紐，可以進行3種操作。若單擊“修改”鈕： 則重定向到編輯圖書頁面，同時把Bookid 傳遞給該頁面。Response.Redirect.edit_book.aspBOOKID=&request(BOOKID1)將其他的情況需要建立到數(shù)據(jù)庫的連接：

set conn = server.createobject(adodb.connection)Conn.Open(FILEDSN=cProgram 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 BookID=&Request(BOOKID1)end if

頁面中的添加新的種類部分包含一個文本控件和一個選擇控件。其中選擇控件是用所有已經(jīng)存在的類別列表進行填充的，包括特殊類別 Top level，該類別表明當前類別是處于類別層次結構中的最頂層。代碼如下：

先用一個記錄集來填充父類別選擇控件：

set

checkedoutto=

0，status=

'Available'

where

By 25175.com set RSCategories = conn.Execute(select CategoryName from LibCategories order by CategoryName)再用下列循環(huán)語句： %

Do Until RSCategories.EOF %

OPTION VALUE=% response.write RSCategories(CategoryName)%% response.write RSCategories(CategoryName)%OPTION %

RSCategories.MoveNext

Loop %

遍歷RSCategories記錄集中的每個記錄，并作為一個選項添加到列表中，而記錄集中CategoryName 同時作為顯示值和傳遞值： 本頁面還包含一個指向添加圖書頁面的鏈接。搜索結果頁面

搜索頁面的代碼獲取與訪問者查找規(guī)則相匹配的圖書，然后將這些圖書顯示給訪問者。搜索頁面上的表單包含一個選擇控件和一個文本控件。選擇控件中的選項是用可搜索 的字段填充的：

需要用一個記錄集來保存與訪問者的查找規(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 %

TR VALIGN=top ALIGN=left

TD WIDTH=40% height=20B書名B A HREF=..htmlbook.aspBookID=% Response.Write RSBooks(BookID)%% Response.Write RSBooks(Title)%ATD

td width=20% height=20B著者B % Response.Write RSBooks(Author)%td td width=30% height=20B主題B % Response.Write RSBooks(Subject)% td % RSBooks.MoveNext Loop % 圖書頁面

圖書頁面的代碼顯示圖書的有關信息，以及管理圖書的出借操作。該頁面通過Querystring 傳遞BookID if isempty(Request.QueryString(BookID))then Response.Redirect.search.html end if

如果其中不存在，則訪問者將被重定向到搜索頁面：

如果同時傳遞表單中包含的變量Action不為空，則表明訪問者正借閱該圖書：

By 25175.com 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 = A HREF=..htmlbook.aspAction=CheckOut&BookID= _ & Request.QueryString(BookID)& 借這本書A 如果圖書已經(jīng)借出，就創(chuàng)建一個不同的消息，并將鏈接設置為指向Library menu 頁面： LinkText = A HREF=..htmllibrary_menu.asp圖書已出借，返回主菜單。A 最后根據(jù)是否是管理員，顯示管理員菜單鏈接。

% If Session(Manager)= 1 then %A HREF=..htmlmanagement_menu.asptitle=% response.write RSBooks(Title)%&BOOKID=% response.write RSBooks(BOOKID)%管理員菜單A% end if %

3.3網(wǎng)上評優(yōu)投票系統(tǒng)

3.3.1功能：

能實現(xiàn)全校性的評選，快捷、公平，且有效，不允許做票。3.3.2組成構造

這個系統(tǒng)由3個部分組成——投票頁面vote.htm，處理投票結果的腳本，顯示投票頁面。3．3．3數(shù)據(jù)表的設計：

3．3．4界面設計與重點、難點代碼設計 投票頁面

該頁面是一個純HTML文件，它讓用戶選擇自己想選舉的候選人，并填寫自己的詳細資料，以確認投票的有效性。頁面顯示如圖所示。

表單處理腳本

在vote.htm中各項數(shù)據(jù)都填寫完畢后，單擊確定投票按鈕，表單的數(shù)據(jù)就被提交，本次評優(yōu)共有4個候選人，但只能選兩個。故用復選框。投票的有效性通過是否是本校學生，且是否投過票來判斷。if request(passno)then sql=select from stud where password=&'&request(passno)&' &and yitu=0 set rs=cn.execute(sql)if rs.eof then% h2 align=center%response.write你無權投票%h2

By 25175.com 本設計允許少選，不允許多選。通過判斷Vote投票界面?zhèn)鬟f過來的復選按紐值的長度看是否多選。

vo=request(cand)if len(vo)4 then% h2 align=center%response.write 多選了，無效%h2

然后根據(jù)所投的票將對應候選人的投票結果字段加1，同時將該投票人的已投字段置為1。sqq=update stud set yitu=1 where password=&'&request(passno)&' cn.execute(sqq)if instr(vo,1)then cn.execute(update stud set result=result+1 where name='李寧')end if if instr(vo,2)then

cn.execute(update stud set result=result+1 where name='楊蘭')end if if instr(vo,3)then cn.execute(update stud set result=result+1 where name='江道明')end if if instr(vo,4)then cn.execute(update stud set result=result+1 where name='段啟文')end if% 顯示當前投票情況show.asp 由于投票處理頁面已經(jīng)完成了絕大部分的工作，所以 顯示結果頁面就很簡單了，其功能是從 Stud表文件中讀取候選人所得票數(shù)，顯示在頁面上。頁面顯示如圖

值得注意的代碼主要有以下幾處：

該頁面有自動刷新功能，使在線用戶可以盡快的看到最新的選舉情況。我們這里設定每隔30秒鐘自動刷新一次。

meta http-equiv=refresh content=10;URL=show.asp

顯示投票時，我們采用了while循環(huán)，把候選人及其得票數(shù)，整齊地顯示在一個表格中，這種技術在數(shù)據(jù)庫查詢結果的顯示中也經(jīng)常用到。代碼如下： %while not hs.eof % tr td width=100%center font color=#8000ffbig %=hs(name)& &hs(result)&票% big font center td tr %hs.movenext%

By 25175.com %wend% 3．4達級考試在線查分系統(tǒng)與計數(shù)器的制作 3．4．1功能：

它提供了在線查看成績。考生可以在網(wǎng)上使用這一系統(tǒng)，通過輸入準考證編號來查詢達級考試的結果。

3．4．2數(shù)據(jù)表的設計

與評優(yōu)系統(tǒng)共用STUd表，表設計同上。

3．4．3界面設計與重點難點代碼的設計

該模塊需要查詢者輸入準考證號后來查看結果。若ID1不為空時，表示有表單輸入，開始查詢數(shù)據(jù)庫。使用 SELECT的SQL指令查詢數(shù)據(jù)庫的數(shù)據(jù)。先設定SQL指令，查詢ID符合準考證編號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=cProgram 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ù)。配合 Table 表格的HTML語法，將結果填入表格的各單元格中。若還有下一個數(shù)據(jù)，就使用RS.MoveNext 移到下一個位置。

3.4.4頁面訪問計數(shù)器的制作

利用文件處理組件FILESYSTEM的強大功能來制作，比用Application對象計數(shù)器要好，Application計數(shù)器當有20分鐘沒有人連上該網(wǎng)頁或關機時，計數(shù)器會被歸零。而文件計數(shù)器卻不會因時間而消失。我用Count.txt存放訪問人次。代碼如下： whichfile=server.mappath(piccount.txt)set myfile=server.createobject(scripting.filesystemobject)創(chuàng)建一個 set thisfile=myfile.opentextfile(whichfile)組件對象

visit=thisfile.readline thisfile.close 讀取計數(shù)器數(shù)據(jù)文件Count.txt中的計數(shù)數(shù)據(jù) visit=visit+1 記錄自加一次 length=len(visit)for i=1 to length response.write img src=&mid(visit,i,1)&.jpgimg 將記錄的數(shù)據(jù)用圖片顯示出來 next set thisfile=myfile.createtextfile(whichfile,1)將新計數(shù)數(shù)據(jù)寫入文件thisfile.writeline(visit)set myfile=nothing 數(shù)字圖片我利用PHOTOSHOP中的文字特效制作了9個立方數(shù)字：

等

By 25175.com

四．系統(tǒng)的使用說明與安裝 4．1運行環(huán)境要求

Windows98 Personal Web Server 3.0（PWS）Microsoft Access 2000(9.0.2812)

4．2安裝設置

A.將本網(wǎng)站拷貝到硬盤上的某一目錄下，如：拷貝至cy1下。

B.運行PWS，將默認的Web站點主目錄設置為該目錄，如上例應為cy1； 具體步驟：

a.選擇“高級”項；

b.單擊“編輯屬性”按鈕，在出現(xiàn)的“編輯屬性”對話框中的“目錄”項中填入“cy1”，其他不變，確定；

C.設置啟動默認文檔為：yy.asp

致謝

通過這次畢業(yè)設計，使我感到高科技、新知識的力量。這次畢業(yè)設計過程中，得到了長沙市工商職業(yè)中專學校的大力支持，給我提供了舒適的工作學習環(huán)境，也得到了科大老師、教授的精心指導，在此表示衷心的感謝！

五．參考文獻

[1]李世杰 Active Server Pages(ASP)3.0 網(wǎng)頁設計手冊 北京清華大學出版社 1999 [2]前沿電腦圖像工作室 巧學巧用Dreamweaver、Fireworks、Flash制作網(wǎng)頁 北京人民郵電出版社

[3]ASP入門與實例演練薄 小志編著 中國青年出版社

第五篇：個人網(wǎng)站設計(動態(tài))畢業(yè)論文

個人網(wǎng)站設計與實現(xiàn)（動態(tài)）

俸亞雄

（湖南交通職業(yè)技術學院物流管理學院，湖南423000）

摘要：網(wǎng)站伴隨著網(wǎng)絡的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡的頻繁而變得非常的重要，其中個人網(wǎng)站作為其對外展示自己的窗口，在現(xiàn)代互聯(lián)網(wǎng)時代是推銷自己的不二選擇工具。本文將簡單介紹個人網(wǎng)站在社會生活中對人們生活產(chǎn)生的影響，說明個人網(wǎng)站在互聯(lián)網(wǎng)時代對個人的重要性，其次介紹網(wǎng)站個人網(wǎng)站的色調搭配，設計風格，重點介紹個人網(wǎng)站的功能模塊以及文字內(nèi)容和圖片展示；最后解釋一些網(wǎng)站設計的重要代碼以及其實現(xiàn)功能。

關鍵詞：個人網(wǎng)站、網(wǎng)站設計、功能模塊、程序代碼

目錄

摘要-------------I

第一章 文獻綜述----------------------------1．網(wǎng)頁設計行業(yè)現(xiàn)狀----------------------2．網(wǎng)站設計條件-----------------------------3．網(wǎng)站建設入門門檻（大專）-----------

第二章 設計部分------------------------------1．設計愿望----2．設計預期成果-----------------------------3．數(shù)據(jù)庫和環(huán)境的配置--------------------4．設計工具和設計語言---------------------第三章 網(wǎng)站模塊功能--------------------------1．個人簡介模塊 2．興趣愛好模塊------------------------------3．家鄉(xiāng)模塊------4．個人相冊模塊------------------------------

第四章 總結-------

第一章 文獻綜述 互聯(lián)網(wǎng)是社會發(fā)展的必然趨勢，很多人已經(jīng)意識到網(wǎng)絡的強大生命力和它在未來將處于的重要地位。他們鉆研并且努力進入到這一個新的空間，新的領域。以個人為中心，淡化了傳統(tǒng)中心地位，使得我們的世界向多元化加速發(fā)展，人人都有話語權，人人都是中心。

互聯(lián)網(wǎng)是一個互動性極強的平臺，它自由、寬容、平等、共享，并使來自民間的聲音參與到了構建主流話語的行動中來。Internet飛速發(fā)展使得網(wǎng)站不再僅僅為企業(yè)或公司等大型結構所擁有，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設在Internet應用上的地位顯而易見，一個家庭甚至個人都可以擁有屬于自己的網(wǎng)站，而在這其中，個人網(wǎng)站已經(jīng)日漸普及，而且發(fā)展到今天，創(chuàng)建一個能充分體現(xiàn)自我風格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。

1.1網(wǎng)頁設計師就業(yè)現(xiàn)狀

1.中國網(wǎng)民數(shù)量多

中國的網(wǎng)民數(shù)量已超過5億，處于全球網(wǎng)民數(shù)量最多的位置。整個互聯(lián)網(wǎng)處于快速發(fā)展階段，每個人，每個企業(yè)都想要一個網(wǎng)站，網(wǎng)頁設計師就業(yè)前景良好。網(wǎng)頁設計師培訓成為了許多人進修以及進入網(wǎng)頁設計師行業(yè)的首選。

2.社會這類人才需求大，發(fā)展空間大 根據(jù)權威的人才招聘網(wǎng)站顯示，每年全國各類企業(yè)對網(wǎng)頁設計師的人才需求缺口在50萬人左右，而實際需求遠遠大于這個數(shù)字，網(wǎng)頁設計師不僅IT專業(yè)企業(yè)需要，廣大的非IT企業(yè)也需要，一個基本的企業(yè)都需要一個網(wǎng)站作為展示自己產(chǎn)品的平臺，有能力維護企業(yè)網(wǎng)站的網(wǎng)頁設計師就變得非常吃香。就業(yè)前景是非常樂觀的，同時網(wǎng)頁設計師和其他一些專業(yè)比起來具有一些特點：工作起點高，發(fā)展空間大，職業(yè)壽命長，越老越吃香，性別無偏好，工作最穩(wěn)定，不用頻繁跳槽，前景年年好，薪水待遇高!3.薪水待遇高

隨著國內(nèi)信息化工作的迅速推進、互聯(lián)網(wǎng)業(yè)的蓬勃發(fā)展及網(wǎng)絡技術的日新月異，市場對網(wǎng)頁設計師、網(wǎng)站開發(fā)人員等技術人員的需求不斷看漲。網(wǎng)頁設計師的就業(yè)范圍相當寬廣，幾乎所有的企業(yè)都需要網(wǎng)頁設計師幫助企業(yè)設計網(wǎng)站和建設客戶交互式系統(tǒng);幾乎所有有前瞻意識的企業(yè)都需要網(wǎng)頁設計師負責運行和維護工作。因此，網(wǎng)頁設計師的就業(yè)機會比IT專業(yè)多，而且，薪酬待遇也不錯，統(tǒng)計數(shù)據(jù)顯示，網(wǎng)頁設計師平均月薪約3500～7000元，高的則在15000元以上。1.2個人網(wǎng)站設計條件

想要獨立設計網(wǎng)頁，需要具備一些必要條件，否則就不能勝任這份工作。1.軟件基礎

網(wǎng)頁設計軟件三劍客：Flash、Dreamweaver、Fireworks熟練掌握其中之一 輔助軟件：Photoshop 2.技術需求(1)基礎內(nèi)容

網(wǎng)頁設計概述、網(wǎng)站設計制作的基本流程、色彩搭配在網(wǎng)站中的應用、網(wǎng)站在用戶界面的設計、網(wǎng)站廣告的設計、網(wǎng)站中表格的使用、網(wǎng)站中層的應用、框架網(wǎng)站的制作、模板網(wǎng)站的制作、javascript特效制作、使用CSS樣式表設計網(wǎng)頁等(2)技術內(nèi)容

HTML語法、CSS語法、javascript語法(3)圖像處理

Flash動畫創(chuàng)意、gif動畫制作、網(wǎng)頁圖片處理(4)行業(yè)網(wǎng)站實例 個人網(wǎng)站、企業(yè)宣傳網(wǎng)站、新聞資訊網(wǎng)站、教育網(wǎng)站、電子政務網(wǎng)站、電子商務網(wǎng)站、旅游網(wǎng)站、免費資源網(wǎng)站、門戶網(wǎng)站等(5)后臺編程

數(shù)據(jù)庫：SQLServer設計、MySQL設計、Access設計 編程語言：ASP、JSP、VBScript、Javascript、PHP等一種

編程實例：文章發(fā)布系統(tǒng)、留言板、BBS、會員注冊系統(tǒng)、在線購物網(wǎng)站 1.3網(wǎng)站建設入門門檻（大專）我們是大專學生，所以針對我們電子商務的同學實踐操作特點，我們下面和大家探討一下學習的建站技術的基本步驟和具體的時間安排：

1、html（3天）

是最簡單易學的，不需要過多的時間，一天就能了解，三天就能掌握。

2、學習ps（7天）

能用ps切圖設計出漂亮的table頁面。什么？不符合web標準?不是div+css?

因為表格做的網(wǎng)頁很直觀，新手很容易理解，ps網(wǎng)頁界面，只要有一點平面設計基礎的都能很快掌握，結合代碼能更加熟悉html的相關細節(jié)。這個過程大概需要7-10天時間，具體地，可以每天做一個網(wǎng)站首頁，從簡單的做起，如果能做的像網(wǎng)頁截圖那樣。那就完美了，中間可以參雜著做網(wǎng)站導航欄、按鈕效果、等等。要是沒有ps基礎的朋友，可以適當延長時間安排。

3、學習css（重點10天）

特別是想做職業(yè)站長的新手們，div+css技術是必學的，也是最要下功夫來學的，這里我說一下，css入門很容易，就是那么幾個屬性，而且在網(wǎng)頁編輯軟件里都有直接輸入數(shù)值的面板，我個人認為css的難點在于頁面的整體性，要從整個頁面甚至整個站點的高度設計規(guī)劃css，并能熟練的運用各種技巧實現(xiàn)網(wǎng)頁樣式與布局的變化，包括考慮到瀏覽器的兼容性，這些都還是需要一定的時間的，一定熟練的作品才能學成。學習css可以考慮買本書來學習，書中的理論知識能幫助你理解每個布局代碼的含義。

4、學習javascript+flash（7天）

javascript就是常說的js，如網(wǎng)頁的調用幻燈片、調用最新記錄、調用評論數(shù)等等，這些“調用”都是通過javascript來實現(xiàn)的，javascript是運行與客戶端的腳本，學習它能做出很多網(wǎng)頁特效，而且它相對簡單易學（不包括ajax的高級功能），對于想學習程序代碼的朋友，從javascript入手是個不錯的選擇。我們并不需要很熟練，只要相對了解就行了。能看懂一般的js代碼，并能自己寫出一小段js的程度就基本夠用了。學習完js和photoshop之后再學習一下flash的制作和使用，以便能制作出banner或其它廣告條，并不需要達到制作動畫片的水平。[中國站長站]

5、學習cms程序（8天）

學完以上技術之后，你的網(wǎng)頁基本知識應該算比較牢固了，動態(tài)網(wǎng)頁需要程序的支持，程序相對比較復雜，要從零基礎到用自寫程序開發(fā)網(wǎng)站，那對于新手站長來說技術門檻太高了，所以現(xiàn)在源碼下載站人氣比較高。提倡的解決方案就是利用時下比較流行的cms建站程序，用他們可以自定義出幾乎任何類型的站點。這里的學習方法，就是到各大cms論壇去找相關教程和幫助文件了。

第二章 設計部分

個人網(wǎng)站要發(fā)展，要么是從我的需求出發(fā)，要么是從我周圍人的需求出發(fā)。每個人設計網(wǎng)頁都希望自己的網(wǎng)站能夠達到自己的期望要求。2.1設計愿望

我所制作的個人網(wǎng)站在完成時，希望能夠給瀏覽者一種簡約，時尚的感覺的，這是我的設計愿望。網(wǎng)站大體可以分為以下幾大部分：(1)首頁

個人網(wǎng)站首頁板塊布局，采用一個簡單的DIV容器，容器左側設計一個圖片滾動AD插件，其目的是將4張大圖片做一個輪顯特效效果，右側設計一個垂直導航欄，導航欄分為4個欄目，分別是個人簡介、興趣愛好、家鄉(xiāng)、個人相冊。(2)個人簡介

個人簡介板塊布局，采用一個簡單的DIV容器，容器左側包括一個DIV，右側也包括一個DIV容器，左側容器方一張自己頭像的圖片，右側容器顯示關于自己的專業(yè)、學校、年紀、性格等的文字信息，用來簡單的介紹自己（特效）(3)興趣愛好

興趣愛好板塊布局，在一個的DIV容器里采用float方式鑲嵌2個小的DIV，左側里面再分5個DIV，1、3、5的DIV板塊作為欄目分別顯示動漫、軍事、游戲3個內(nèi)容，右側DIV模塊當作個子容器，容器分為左右2個DIV模塊，右側模塊再分為上下2個DIV模塊 上面一個模塊是放圖片的，左側大的模塊和右側下面的DIV模塊內(nèi)嵌入一個表格，用了展示相應的文字信息。(4)家鄉(xiāng)

家鄉(xiāng)板塊布局，采用一個大的DIV容器，容器里嵌入一個小的DIV塊，這個DIV塊里采用圖片滾動特效AD插件，和首頁圖片滾動AD插件的區(qū)別是圖片較小并且有相關的文字展示區(qū)域，用來介紹家鄉(xiāng)風景名勝的文字信息。(5)個人相冊

個人相冊板塊布局，采用一個大的DIV容器，容器里嵌入一個小的DIV快，這個DIV塊里，采用圖片居中放大插件，用來顯示相冊的每張圖片。2.2設計預期成果

在完成網(wǎng)站的風格和色調以后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設計和數(shù)據(jù)庫設計。網(wǎng)站最后完成發(fā)到網(wǎng)上后，能夠充分吸引瀏覽者的目光，能夠瀏覽我個人網(wǎng)站的瀏覽者能夠立刻體會到我網(wǎng)站的簡約，時尚絢麗的風格。2.3數(shù)據(jù)庫和環(huán)境的配置

(1)數(shù)據(jù)庫連接網(wǎng)站(ACCESS)運用ASP把數(shù)據(jù)庫和網(wǎng)站連接起來

做一個“conn.asp”文件，每次連接數(shù)據(jù)庫時候都調用這個文件即可 <% response.buffer=true '啟用緩沖處理 dim conn,db dim connstr db=“%%%%%%%%%%%%.mdb”'數(shù)據(jù)庫鏈接路徑

connstr=“DBQ=”+server.mappath(“"&db&”“)+”;DefaultDir=;DRIVER={Microsoft Access Driver(*.mdb)};“ set conn=server.createobject(”ADODB.CONNECTION“)conn.open connstr If Err Then err.Clear Set Conn = Nothing Response.Write ”數(shù)據(jù)庫連接出錯，請檢查數(shù)據(jù)庫連接文件中的數(shù)據(jù)庫參數(shù)設置。“ Response.End End If

sub Chkhttp()server_vv=len(Request.ServerVariables(”SERVER_NAME“))server_v1=left(Cstr(Request.ServerVariables(”HTTP_REFERER“)),server_vv)server_v2=left(Cstr(”http://“&Request.ServerVariables(”SERVER_NAME“)),server_vv)if server_v1<>server_v2 or server_v1=”“ or server_v1=”“ then response.Charset=”utf-8“ response.write(”“)response.end end if end sub %>(2)window 7環(huán)境(IIS配置)操作步驟(啟動IIS)：

點擊開始-------控制面板----------默認程序--------------程序和功能--------------打開或關閉windows功能----------------internet信息服務-------------Web管理工具--------然后勾選所有的 選項

操作步驟(配置IIS)：

點擊開始-------控制面板------------管理工具------------internet信息服務(iis)管理器-------------打開后進行相關設置

2.4設計工具和設計語言

我制作網(wǎng)站的網(wǎng)頁編輯工具軟件是Dreamweaver 8、設計語言：web前端采用HTML5、CSS+DIV、編程語言：javascript+jQuery、服務器語言：ASP

第三章 網(wǎng)站功能模塊

3.1首頁模塊

(1)首頁設計板塊圖：

(2)代碼：

1.0

Transitional//EN“