網(wǎng)站建設(shè)課程設(shè)計

1、摘 要為即將畢業(yè)的學(xué)長學(xué)姐們解決后顧之憂，幫助他們解決物品處理問題。 為在校學(xué)生提供物品交換的平臺，方便廣大在校學(xué)生的學(xué)習(xí)和生活。 響應(yīng)建立環(huán)保節(jié)約型社會的號召，提高了物品的使用率，減少資源的浪費，提倡“低碳”生活。 引導(dǎo)廣大同學(xué)講節(jié)約，宣傳環(huán)保意識，有利于校園內(nèi)良好風(fēng)氣的養(yǎng)成。它對部分大學(xué)生，尤其是消費水平處于中下等的大學(xué)生帶來了實惠，既適用又便宜。因此我們構(gòu)建了一個校內(nèi)閑置物品交換系統(tǒng)，對物品進行整理、歸類，及時發(fā)布已收集到的二手物品信息，這樣一則幫助同學(xué)們解決物品閑置的問題，二則為想要進行一些二手物品買賣、交換的同學(xué)們提供方便。關(guān)鍵字:物品交換；環(huán)保節(jié)約；閑置；實惠目錄一. 系統(tǒng)設(shè)計分析

2、11.1 需求分析11.2 開發(fā)工具和運行環(huán)境11.2.1 開發(fā)工具11.2.2 運行環(huán)境11.3 可行性分析1二 功能需求22.1 菜單欄模塊22.2 用戶登錄注冊模塊2用戶登錄22.2.2 用戶注冊22.3 欄目模塊32.4 內(nèi)容頁模塊32.5 列表頁模塊3三 詳細設(shè)計33.1 數(shù)據(jù)庫建立33.2 站點建立53.3 上傳物品功能63.4物品交換功能9四 后臺管理104.1 管理員設(shè)置104.2 欄目管理11五 總結(jié)14六 參考文獻15一. 系統(tǒng)設(shè)計分析1.1 需求分析使用Dreamweaver cs5工具配合HTML語言及CSS樣式表制作出網(wǎng)頁的界面以及相關(guān)鏈接，制作出一個美觀、合理、主題

3、突出的前臺頁面。在其中，可運用CSS相關(guān)模板，以及JQuery等JavaScript成熟框架，加快網(wǎng)站的開發(fā)。其次，使用ASP初步實現(xiàn)網(wǎng)頁的基本功能，如用戶登錄與注冊，信息的修改，物品的發(fā)布等功能，實現(xiàn)網(wǎng)站后臺的數(shù)據(jù)庫部分以及數(shù)據(jù)處理，確保用戶與物品信息能夠被有效，有條理的管理。最后，運用相關(guān)測試技術(shù)對網(wǎng)站進行測試與修改，排除可能造成用戶使用不方便的問題，確保用戶的良好操作體驗，保證相關(guān)信息的安全性。本網(wǎng)站的平臺搭建主要是基于Macromedia公司的網(wǎng)頁開發(fā)工具Dreamweaver cs5，主要分為五大模塊：菜單欄模塊、用戶登錄注冊模塊、欄目模塊、內(nèi)容頁模塊、列表頁模塊1.2 開發(fā)工具和運

4、行環(huán)境1.2.1 開發(fā)工具 Dreamweaver cs51.2.2 運行環(huán)境硬件環(huán)境：Cpu: 最低Pentium II以上，建議PIII以上。內(nèi)存：最低128M以上，建議256M。軟件環(huán)境：可在Windows 2000、Windows XP、Windows 7等多種操作系統(tǒng)上使用，構(gòu)建網(wǎng)站時需在PC機上安裝Dreamweaver、Flash和Fireworks等相關(guān)軟件。1.3 可行性分析高校二手物品交換平臺專為大學(xué)生服務(wù)，目標(biāo)明確，較易獲得學(xué)生群體的認可，是大學(xué)生自己的交換平臺。高校的二手交換市場廣闊，每年都有畢業(yè)生要畢業(yè)，每年也都有新生報到。這樣一個涉及大多數(shù)同學(xué)和大量物品的圈子，我們

5、應(yīng)該用一種高效率的方式好好利用起來，為校園里的同學(xué)提供一個二手物品交換的信息平臺，以達到節(jié)儉節(jié)約、物盡其用的目的。 二手物品交換平臺的構(gòu)建，通過集中資源、管理，擴大知名度及二手商品交換范圍，最終達到順利實現(xiàn)物品交換的目標(biāo)。在校園內(nèi)定期舉辦二手物品交換活動，實現(xiàn)二手市場在學(xué)校的宣傳作用，在全校范圍內(nèi)征集到更多的二手物品。利用網(wǎng)絡(luò)技術(shù)建立高校的大型二手物品交換網(wǎng)站也是一個必不可少的環(huán)節(jié)。該系統(tǒng)使用的技術(shù)都是成熟并且是公開的，經(jīng)濟方面可利用現(xiàn)有的計算機軟硬件資源和網(wǎng)絡(luò)資源，僅需在材料費、資料費、調(diào)研費和勞務(wù)費上給予資助。該系統(tǒng)應(yīng)用前景是不言而喻的。因此，此系統(tǒng)的研制是必要并且可行的。二 功能需求在I

6、nternet飛速發(fā)展的今天，互聯(lián)網(wǎng)已成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，正以一種前所未有的沖擊力影響著人類的活動。它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯的格外重要，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分?，F(xiàn)今的社會，人們已經(jīng)離不開了網(wǎng)絡(luò)，網(wǎng)絡(luò)已經(jīng)成為人與人之間交流的一種形式，它能夠把事情的復(fù)雜化轉(zhuǎn)為簡單化，擺脫了時間和空間的限制。網(wǎng)站為很多人提供了一個網(wǎng)絡(luò)生活空間，通過其網(wǎng)頁展示了企業(yè)介紹、城市文化、校園文化介紹、招商信息、加盟程序、商品購買交換、留言等一系列內(nèi)容的介紹。2.1 菜單欄模塊此網(wǎng)站是物品交換網(wǎng)，設(shè)計的

7、菜單欄中的內(nèi)容有首頁、新聞資訊、交換物品、商品發(fā)布和客戶留言等內(nèi)容。另外還設(shè)有QQ留言和加入收藏等功能。2.2 用戶登錄注冊模塊用戶首次進入網(wǎng)站時，如果是未注冊過的新用戶，需要對用戶的身份進行驗證，即驗證用戶是否為本校的學(xué)生，如果不是則繼續(xù)驗證，如果是則可以進入該系統(tǒng)，同時可以免費的注冊。該部分主要是為了保證網(wǎng)站服務(wù)群體的保障性，即只針對服務(wù)于本校的在校大學(xué)生。用戶登錄用戶在進行驗證后，進入用戶登錄頁面，需要手動輸入自己的用戶名以及密碼，方可登錄。 用戶注冊新的用戶在進入首頁進行驗證過后，可以進入到用戶的登錄與注冊頁面，進行注冊。在注冊的過程中，用戶需要輸入自己的用戶名，密碼，確認密碼等。在注

8、冊成功后即可登錄網(wǎng)站，進行瀏覽信息，發(fā)布信息，交換信息等操作。2.3 欄目模塊物品交換網(wǎng)是建立在我校新建工程學(xué)院的一個小型校園物品交換網(wǎng)站。因此對于欄目我們只設(shè)置了電子產(chǎn)品、學(xué)習(xí)用品、生活用品等。其中電子產(chǎn)品中我們有分設(shè)了臺式電腦、筆記本、移動通信設(shè)備、手機及配件、錄音設(shè)備和電腦配件等；生活用品我們分設(shè)了時尚男裝、時尚女裝、飾品配件、文化收藏、日常用品和常用小電器等；學(xué)習(xí)用品我們分設(shè)了書寫類、繪畫類、清潔類、圖書類、裝用品類和輔助學(xué)習(xí)類等。我們也上傳了一些大家閑置的需要處理交換的物品供同學(xué)們選擇。2.4 內(nèi)容頁模塊物品交換網(wǎng)站的內(nèi)容頁上我們把同學(xué)們上傳的物品名稱顯示在上面，是其他同學(xué)能夠輕易的

9、招到自己所需要的東西。內(nèi)容頁上除上述分類外，還增設(shè)了新聞動態(tài)和客戶最新留言兩個內(nèi)容。2.5 列表頁模塊物品交換網(wǎng)站的列表頁上我們把同學(xué)們上傳的物品具體信息顯示在上面，包括物品名稱、物品類別、物品信息、想換物品、估計價格等等。還設(shè)有我要交換等訂購功能。三 詳細設(shè)計3.1 數(shù)據(jù)庫建立數(shù)據(jù)庫（DataBase，DB）是一個長期存儲在計算機內(nèi)的、有組織的、有共享的、統(tǒng)一管理的數(shù)據(jù)集合。它具有界面友好、易學(xué)易用、開發(fā)簡單、接口靈活等特點，是典型的新一代桌面數(shù)據(jù)庫管理系統(tǒng)。其主要特點如下：(1)完善地管理各種數(shù)據(jù)庫對象，具有強大的數(shù)據(jù)組織、用戶管理、安全檢查等功能。(2)強大的數(shù)據(jù)處理功能，在一個工作組級

10、別的網(wǎng)絡(luò)環(huán)境中，使用Access開發(fā)的多用戶數(shù)據(jù)庫管理系統(tǒng)具有傳統(tǒng)的XBASE（DBASE、FoxBASE的統(tǒng)稱）數(shù)據(jù)庫系統(tǒng)所無法實現(xiàn)的客戶服務(wù)器(Cient/Server)結(jié)構(gòu)和相應(yīng)的數(shù)據(jù)庫安全機制，Access具備了許多先進的大型數(shù)據(jù)庫管理系統(tǒng)所具備的特征，如事務(wù)處理/出錯回滾能力等。(3)可以方便地生成各種數(shù)據(jù)對象，利用存儲的數(shù)據(jù)建立窗體和報表，可視性好。 (4)作為Office套件的一部分，可以與Office集成，實現(xiàn)無縫連接。(5)能夠利用Web檢索和發(fā)布數(shù)據(jù)，實現(xiàn)與Internet的連接。 Access主要適用于中小型應(yīng)用系統(tǒng)，或作為客戶機/服務(wù)器系統(tǒng)中的客戶端數(shù)據(jù)庫下面是物品交換

11、網(wǎng)站所要使用的數(shù)據(jù)庫：3.2 站點建立打開：“窗口”下的“新建站點”按“下一步單擊“下一步”單擊“下一步”（出現(xiàn)“你如何連接到遠程服務(wù)器”時選擇“無”）單擊完成3.3 上傳物品功能首頁設(shè)置：最上面是菜單欄，能實現(xiàn)新聞資訊、交換物品、商品發(fā)布和客戶留言等功能，左邊是用戶登錄和注冊和欄目內(nèi)容，中間滾動圖片是商品發(fā)布后首頁推薦的圖片。最主要的是下面的內(nèi)容頁，它會顯示用戶和管理員上傳的所有物品名稱，供用戶選擇和交換。以下用戶上傳物品交換的功能就是在菜單欄中選擇“我要交換”實現(xiàn)的。如下圖所示：要上傳物品首先要注冊，然后用自己的用戶名登錄到界面，才可進行上傳物品并交換。注冊及登錄的界面如下圖所示：用戶注冊

12、成功之后，用自己的用戶名登入界面，進行操作。在網(wǎng)站首頁的菜單欄中有一個“我要交換”的菜單，單擊它便可進入一下界面。其中上傳照片的地方可以從網(wǎng)站的圖片庫里上傳，如下圖所示：物品上傳成功后會顯示在內(nèi)容頁的列表中，點擊那個物品便可進行交換功能。3.4 物品交換功能如果想要交換自己所需要的物品，要在內(nèi)容頁或者列表頁中找到自己要交換的物品，單擊進入另一個頁面，便可看到物品的具體信息，旁邊會有“我要交換”的按鈕，點擊之后它便會加入你的購物車。加入購物車后，可以對你選中的商品進行訂單查詢，并進行簡單修改。確定訂單之后，去收銀臺結(jié)賬。定了多少價值的物品便要支付多少金額。四 后臺管理4.1 管理員設(shè)置后臺視為管

13、理員設(shè)置的，本網(wǎng)站是有我們?nèi)斯餐_發(fā)完成。因此管理員設(shè)置為我們?nèi)?。密碼均為admin。在管理員設(shè)置中，我們可以修改密碼，增加新的管理員。下面是進入后臺進行管理的網(wǎng)址。管理員設(shè)置界面如下圖所示：http:/localhost/WishManage/index.asp4.2 欄目管理對上傳物品的管理是屬于管理員的權(quán)限，是在后臺進行的操作。它可以對用戶和管理員上傳的物品進行增、刪、改、查等功能。如下圖所示：首先，先進入后臺管理界面點擊左邊的欄目管理中心，對我們的欄目分類進行增加、修改和刪除，我們的欄目分為電子產(chǎn)品、生活用品和學(xué)習(xí)用品。如下圖所示：增加類別：修改：刪除類別：操作之后，前臺商品將會發(fā)

14、生改變。以上是我在此網(wǎng)站功能實現(xiàn)中所做的實訓(xùn)。包括數(shù)據(jù)庫建立、站點建立、前臺功能中上傳物品、后臺管理中的欄目管理等。 五 總結(jié)設(shè)計期間，我們自覺獨立進行設(shè)計，有問題時學(xué)生之間會進行討論、爭論，師生之間也常進行研討，通過這種方式，我們覺得收獲很大。我們經(jīng)常能夠主動走進圖書館查閱有關(guān)資料，與其他同學(xué)進行資料的討論。我通過畢業(yè)設(shè)計，普遍感到自己應(yīng)用基礎(chǔ)知識及專業(yè)知識解決問題的能力有了很大的提高，以前所學(xué)的許多課程覺得很零散，也不知道有什么用及怎么用，現(xiàn)在也都找到了用武之地。今后走上社會，我主要還是靠在學(xué)校學(xué)到的只是技能來養(yǎng)活自己，并回報社會，回報父母，所以通過這次的畢業(yè)設(shè)計，我也了解到了自己的很多不足，在今后的工作與學(xué)習(xí)中，我會不斷的提高與改進。通過這次畢業(yè)設(shè)計我收獲良多，獲得了許多珍貴的知識，學(xué)到了在許多書本上不可能收錄的東西。例如一些設(shè)計的具體的規(guī)范，和一些設(shè)計的要求。如何把規(guī)范里的明文規(guī)定運用到實際上去，