基于ASP技術(shù)的購物網(wǎng)站的設(shè)計與實踐_畢業(yè)論文.doc

綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 (2015)屆本科生畢業(yè)論文 題 目 _基于 asp 技術(shù)的購物網(wǎng)站的設(shè)計與實踐_ 專 業(yè) _ _ _數(shù)字媒體技術(shù)_ _ 院 系 _ _數(shù)學與計算機科學學院_ _ 學 號 _ _1108070616_ _ _ 姓 名 _ _陶 媛_ _ 指 導 教 師 _ _ _魯英春_ _ _ 答 辯 時 間 _ _2015 年 5 月 12 日_ 論文工作時間： 2014 年 12 月 至 2015 年 5 月 基于 asp 技術(shù)的購物網(wǎng)站的設(shè)計與實踐 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 學生：陶媛 指導老師：魯英春 摘摘 要：要： 隨著計算機和網(wǎng)絡(luò)在各行各業(yè)日益廣泛和深入的應用，網(wǎng)購的概念早已深 入人心,網(wǎng)上購物讓人類的生活更便捷更豐富，從而促進全球人類社會的進步， 網(wǎng)購，如此快速的生活和購物方式，豐富著人們的精神生活和物質(zhì)生活。另一方 面，網(wǎng)絡(luò)在各行各業(yè)的宣傳戰(zhàn)略中占據(jù)了重要的位置，成為商家不可分割的部 分。商品的宣傳已不只局限于電視和公交臺、商場等，網(wǎng)絡(luò)已成為商品宣傳的 主流，現(xiàn)在很多成功案例中，例如淘寶、亞馬遜等，商品琳瑯滿目，品牌更是 多如牛毛，自家的各個商品不能很好的得到宣傳，于是商家建立自己的獨立網(wǎng) 購商城已迫在眉睫。擁有自己獨立的網(wǎng)購商城，使商家能更全面的宣傳與展現(xiàn) 獨特服務(wù)優(yōu)勢于網(wǎng)站中，通過購物網(wǎng)站更可實現(xiàn)如對商品的宣傳、網(wǎng)上購物、 信息查尋直接與商家面對面等功能，省去很多中間代理環(huán)節(jié)，這些在改變我們 原有經(jīng)營方式理念與宣傳的同時，也為商家?guī)砹烁叩男б妗Ｒ虼?，對于?在網(wǎng)絡(luò)宣傳上占有一席之地的商家來說，擁有一個屬于自己的購物網(wǎng)站是至關(guān) 重要的。 本論文研究的是基于 asp 技術(shù)的網(wǎng)上購物系統(tǒng)的開發(fā)，結(jié)構(gòu)主要包括后臺 管理以及前臺頁面的 web 設(shè)計。經(jīng)分析，使用 microsoft 公司的 asp（active server pages）和 dw（adobe dreamweaver cs3）等相關(guān)網(wǎng)頁開發(fā)工具，利用 微軟提供的 asp 服務(wù)和 iis 建立運行環(huán)境。 本網(wǎng)站的設(shè)計特點在于簡單， “因為信任，所以簡單”就是商家的宣傳口號， 所以采用簡潔大氣的頁面，產(chǎn)品主要是居家生活方面的，兒童裝玩具，爸爸媽 媽裝以及旅行用品、配飾等，價格實惠質(zhì)量優(yōu)越，適合于中低端消費人群，直 接與商家聯(lián)系，讓每個人都能放心安全的購買。 關(guān)鍵詞：關(guān)鍵詞：網(wǎng)上購物網(wǎng)上購物 aspasp 技術(shù)技術(shù) 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 design and practice of asp technology based on shopping website undergraduate:tao yuan supervisor:lu yingchun abstract: with the development of computer and network application in all walks of life more and more widely and deeply, the concept of online shoppingonline shopping has win support among the people, make human lifemore convenient and more abundant, thus contributing to the global human society, online shopping, so fast living and shopping, enrich peoples spiritual and material life. with the other hand， network occupy an important position in all walks of life propaganda strategy, has become an integral part of business. the merchandise has not only limited to television and bus station, shopping malls, the network has become the mainstream of commercial pu.blicity. now many success stories, such as taobao, amazon and other goods, the brand is a superb collection of beautiful things, innumerable, their various goods cannot get publicity, so businessmen set up their own independent online shopping mall is imminent. with its own independent online shopping mall, businesses can make more comprehensivepublicity and show the unique advantage of service on the website, through the website can achieve such as online shopping, information search and other functions directly face to facewith the business, these changes in our original mode of operation and management concepts at the same time, also bring more benefits for businesses. therefore, for the business, own a website is very important. with the research of this paper is the development of online shopping system based on asp technology, the structure mainly includes the backstage management and front page of the web design. according to the analysis, the use of microsofts asp (active server pages) and dw (adobe dreamweaver cs3)and other related web development tools, provided by microsoft asp service and iis running environment. the design features of this website is simple, “because the trust, so simple“ is the slogan businesses, so the simple atmosphere of the page, the product is mainly home life, children with toys, mom and dad and travel goods, accessories, affordable, superior quality, suitable for low-end consumer groups, and direct business contact, so that everyone can buy safe. key words:shopping system asp technology. 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 1 目 錄 第 1 章 緒論.1 1.1 研究背景與意義 1 1.1.1 課題來源 1 1.1.2 主要工作.1 1.2 論文涉及內(nèi)容和目標 2 1.2.1 論文的目的.2 1.2.2 論文的內(nèi)容.2 1.3 網(wǎng)上購物系統(tǒng)的構(gòu)成 2 第 2 章 網(wǎng)站系統(tǒng)開發(fā)基礎(chǔ)簡介.4 2.1html .4 2.2 asp .5 2.3 macromedia dreamweaver cs3 5 第 3 章 網(wǎng)站系統(tǒng)分析.7 3.1 網(wǎng)站的設(shè)計目標 7 3.2 網(wǎng)站的可行性分析 7 3.3 網(wǎng)站的深入調(diào)查 8 3.4 網(wǎng)站設(shè)計的特點 8 3.5 網(wǎng)站開發(fā)的設(shè)計思想 8 3.6 系統(tǒng)設(shè)計的總體規(guī)則 9 第 4 章 網(wǎng)站的功能設(shè)計10 4.1 網(wǎng)站功能分析 .10 4.2 平臺功能模塊的設(shè)計 .10 4.3 系統(tǒng)流程分析 .11 4.3.1 前臺購物流程圖11 4.3.2 后臺操作流程圖12 4.3.3 購物車流程圖12 4.3.4 商品管理流程圖12 4.3.5 用戶注冊流程圖13 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 2 4.3.6 用戶登錄流程圖14 第 5 章 網(wǎng)站各模塊的功能與實現(xiàn)演示18 5.1 注冊登陸模塊的實現(xiàn) .18 5.2 會員修改密碼模塊的實現(xiàn) .21 5.3 后臺登陸、修改密碼、添加管理員、模塊的實現(xiàn) .23 5.4 用戶訂單的實現(xiàn) .29 結(jié) 束 語.33 參考文獻.34 致 謝.35 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 1 第1章 緒論 1.1 研究背景與意義 1.1.1 課題來源 1999 年底，隨著互聯(lián)網(wǎng)高潮來臨。中國網(wǎng)絡(luò)購物的用戶規(guī)模持續(xù)上升。21 世紀以來，網(wǎng)絡(luò)購物市場呈現(xiàn)用戶規(guī)模、交易規(guī)模雙增長態(tài)勢。2013-2017 中 國網(wǎng)絡(luò)購物行業(yè)市場前瞻與投資預測分析報告統(tǒng)計數(shù)據(jù)顯示：2012 年中國網(wǎng) 絡(luò)購物市場交易規(guī)模高達 6000 億，占到社會消費品零售總額的 4.6%；占到社會 消費品零售總額的 4.6%；同時，網(wǎng)絡(luò)購物用戶規(guī)模達到 2 億，在網(wǎng)民中的滲透 率達 35.2%，并且呈持續(xù)快速的增長態(tài)勢。對于一些傳統(tǒng)企業(yè)而言，通過一些傳 統(tǒng)的營銷手段已經(jīng)很難對現(xiàn)今的市場形成什么重大的改變了。如果想將企業(yè)的銷 售渠道和宣傳模式完全打開，企業(yè)就必需引進新的思維和新的方法，例如擁有自 己的網(wǎng)購網(wǎng)站，專為自己商品宣傳。網(wǎng)絡(luò)購物正好為現(xiàn)今的傳統(tǒng)企業(yè)提供了一個 很好的銷售渠道與宣傳平臺，傳統(tǒng)企業(yè)通過借助第三方平臺（例如淘寶，亞馬遜 等）或者建立自有平臺紛紛試水網(wǎng)絡(luò)購物，構(gòu)建合理的網(wǎng)絡(luò)購物平臺、整合新興 渠道、完善產(chǎn)業(yè)布局成為傳統(tǒng)企業(yè)未來發(fā)展重心和出路。亞馬遜、淘寶等購物網(wǎng) 站的商品卻是琳瑯滿目，商家苦于為自己的產(chǎn)品做宣傳而苦惱，想在千萬中鶴立 雞群真是難上加難，所以很多商家想到了獨立的購物網(wǎng)站，可以為自己的產(chǎn)品宣 傳不予余力，又增加商品的可信度，更能方便快捷的與買家溝通。本網(wǎng)站就是致 力于為現(xiàn)在的人提供更優(yōu)質(zhì)的更便捷的購物選擇。 1.1.2 主要工作 隨著經(jīng)濟快速的發(fā)展，人們生活水平的提高，生活也越來越快節(jié)奏，對于這 個忙碌的多元的世紀，年輕人大多工作繁忙，足不出戶完成日常生活必須品的購 買已經(jīng)不是少部分人的愿望了，商家也希望自己能有獨立的購物網(wǎng)站，本網(wǎng)站就 是致力于為現(xiàn)在的人提供更優(yōu)質(zhì)的更便捷的購物選擇。 前期在同學的幫助下，對人們現(xiàn)在的購物需求和商家宣傳需求進行了一個調(diào) 查，同時對商品，商家理念與設(shè)計有個整體的融合，主體的確定，吸取大多數(shù)購 物網(wǎng)站的成功經(jīng)驗，選取一部分好的適合的進行取材借鑒，套用一些現(xiàn)成的模版， 中期就是一個豐富的過程，期間也遇到很多問題，還好有老師同學的幫助，解決 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 2 了大部分問題，當然也存在不足，后期就是成品展示給老師和商家看，再進行一 些細致的修改 與商家的接洽： 網(wǎng)站設(shè)計的整體思路： 1，需求分析：主要分為購物者的購物需求和商家的宣傳需求，這些是通過 調(diào)查取樣的方式進行整理分析的； 2.設(shè)計思路：主要是設(shè)計主題的確定和流程的分析整合； 3.軟件的運用：microsoft 提供的 iis 服務(wù)和 asp 拓展是很必不可少的，另 外再運用 dreamweaver cs3 進行代碼的編寫，網(wǎng)站的搭建，圖片的整理設(shè)計，輔 助一些 ps 等設(shè)計軟件； 4.后期整理修改：將成品展示給商家和指導老師，聽取商家和老師的意見， 進行小量的修改。 1.2 論文涉及內(nèi)容和目標 1.2.1 論文的目的 撰寫本論文是為了讓使用者和老師對本網(wǎng)站的編寫開發(fā)有一個總體設(shè)計流程 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 3 和主題的說明，讓使用者和老師對系統(tǒng)的編寫開發(fā)工作有一定了解，從而進一步 更好的掌握本網(wǎng)站的使用和運營。同時，是我對整個設(shè)計過程的一個回顧，再次 明確設(shè)計思路，查驗是否符合設(shè)計主體，是否符合現(xiàn)下大多數(shù)消費者的消費需求， 是否符合商家的宣傳需求。 1.2.2 論文的內(nèi)容 本網(wǎng)站系統(tǒng)是一個產(chǎn)品信息發(fā)布及銷售網(wǎng)站,其開發(fā)主要包括購物者的購物 需求調(diào)查，商家的宣傳需求的調(diào)查，然后是商品資料和圖片的收集整理，最后是 編寫過程。 在下面的各章節(jié)將以如何運用線購物網(wǎng)站來談?wù)務(wù)麄€開發(fā)過程涉及到的軟件 的運用以及整個網(wǎng)站的特點特色。 1.3 網(wǎng)上購物系統(tǒng)的構(gòu)成 現(xiàn)在流行的網(wǎng)上購物系統(tǒng)不僅要有漂亮的頁面，更要符合產(chǎn)品的風格，為商 家和商品更好的宣傳，因此要做到整體風格一致都非常重要。同時編寫網(wǎng)站，需 要嚴謹?shù)囊?guī)劃，這樣才能使得在電子交易時避免錯誤發(fā)生。我們將使用 html、asp 等技術(shù)來編輯網(wǎng)頁，并運用 asp 技術(shù)把數(shù)據(jù)庫和動態(tài)網(wǎng)頁相關(guān)聯(lián)。傳 統(tǒng)的信息管理模式是通過手動錄入數(shù)據(jù)庫，這樣就造成工作量大、信息冗余，且 得不到及時的更新和整合。本網(wǎng)站系統(tǒng)在實際應用開發(fā)中解決方案是建立網(wǎng)站自 己的數(shù)據(jù)庫，使得通過管理員形式將所需商品信息可以及時的保存、更新，同時 能在統(tǒng)計銷量，更好的及時了解商品買賣和庫存的情況。 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 4 第2章 網(wǎng)站系統(tǒng)開發(fā)基礎(chǔ)簡介 2.1html html（hyper text markup language 超文本標記語言）是萬維網(wǎng)的核 心語言、標準通用標記語言下的一個應用超文本標記語言（html） 。它的格式是： 無標題文檔 其中，是整個頁面的名稱， 是代碼部分，是整個文檔的身體。 html 其實是文本，它需要瀏覽器的解釋，它的編輯器大體可以分為三種， 1.基本文本、文檔編輯軟件，使用微軟自帶的記事本或?qū)懽职宥伎梢跃帉?當然，如果你用 wps 來編寫，也可以。存盤時要使用.htm 或.html 作為擴 展名，這樣瀏覽器就能認出并且直接解釋執(zhí)行了，本購物系統(tǒng)是使用 dreamweaver cs3 編寫。 2.半所見即所得軟件， 如：fck-editer、e-webediter 等在線網(wǎng)頁編輯器； 尤其推薦：sublime text 代碼編輯器（由 jon skinner 開發(fā)，sublime text 2 收費但可以無限期試用） 。 3.簡單的語言，使用最廣泛的編輯器，完全可以一點不懂 html 的知識就 可以做出網(wǎng)頁，如： amaya（出品單位：萬維網(wǎng)聯(lián)盟） ； frontpage（出品單位：微軟） ； 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 5 dreamweaver（出品單位：adobe） 。 2.2 asp asp 是動態(tài)服務(wù)器頁面（active server page）的英文縮寫。它是微軟公司 開發(fā)的代替 cgi 腳本程序的一種應用，它可以與數(shù)據(jù)庫和其它程序進行交互簡單 方便快捷，是一種簡單、方便的是時下必不可少的編程工具。asp 的網(wǎng)頁文件的 格式是 .asp。下面簡介一些基礎(chǔ)的 asp 語言： 1）時間命令 即可 each item request.from(“input“) repomse.write item &“ next % 2) asp 取得表格(from)數(shù)據(jù)輸入的方法，是使用一個內(nèi)置的對象(object)requect,它 以 get,post 而 3) 若要自己用 vb 或其它語言編寫，.dll 文件供 asp 使用需將 dll 文件注冊方可： dos 下輸入 regsbr32 *.dll 4) 傳送字符串到用戶端 response.write string 5) 鏈接到指定的 url 地址 6) 其他語言與 asp 的結(jié)合： +#12:00:00 am# and time 2.3 macromedia dreamweaver cs3 dreamweaverdreamweaver cs3cs3 是 adobe（奧多比）公司收購 macromedia 公司后聯(lián)合前面 網(wǎng)頁制作各個優(yōu)點的一款網(wǎng)頁設(shè)計與制作的軟件。剛面世半年立即成為了全球最 流行，最優(yōu)秀的所見即所得的網(wǎng)頁編輯器，dreamweaver 可以輕而易舉地與其他 技術(shù)相結(jié)合，制作出或美麗或高端或其他任何想要的網(wǎng)頁形式，是目前制作 web 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 6 網(wǎng)頁和 web 應用程序開發(fā)的首選軟件。它和 fireworks，flash 是網(wǎng)頁制作的 “三劍客” ，這三款工具交相呼應，是目前市面上制作網(wǎng)站的最佳選擇。與其他 網(wǎng)頁編輯工具相比， dreamweaver 軟件主要特點有： 1.形式靈活：dreamweaver 可以說是傻瓜式的網(wǎng)頁編輯軟件，他整合了“設(shè) 計”和“代碼”頁面，還可以一起顯示，添加對象等方便快捷，十分實用。 2.可視化編輯環(huán)境：dreamweaver 是一種所見即所得的網(wǎng)頁編輯器，既有效 的減少了代碼編寫的工作量，他可以直接方便快捷的以插入形式，不用繁雜的使 用代碼編寫，同時也和其他軟件和文檔有很好的兼容性。 3.強大的 css 功能：css（層疊樣式表）可以編輯文字樣式、字體大小、頁 面格式、排列方式等，這樣節(jié)約了大量的時間，減少冗余。 4站點管理功能完善：dreamweaver 要使用站點管理功能，設(shè)置站點，可 以讓編寫者在開發(fā)過程中隨時實時的查看當前的進度。 5.集成性高：dreamweaver 與大部分網(wǎng)頁編寫工具具有良好的集成性，例如 fireworks，flash，shockwave 等，可以在這些軟件中任意的切換使用。 6.媒體支持功能強：在 dreamweaver 中，可以靈活插入 flash，shockwave，activex 等大量的媒體元素，也可以對各種多媒體文件進行 處理，另您編寫出網(wǎng)頁生動，具有動感。 7.擴展能力強：dreamweaver 可以實現(xiàn)功能的擴展。網(wǎng)上有很多正版免費提 供的 dreamweaver 插件，可以豐富 dreamweaver 的編寫方式和處理能力。 第3章 網(wǎng)站系統(tǒng)分析 3.1 網(wǎng)站的設(shè)計目標 本購物系統(tǒng)主要是要體現(xiàn)與居家生活品一致的風格：簡約，所以頁面沒有 其他購物網(wǎng)站的華麗的頁面設(shè)計，而是以中低端的價格，高端的質(zhì)量來說話，網(wǎng) 上購物省去很多中間環(huán)節(jié)，使購物者能買到真正的價廉物美的商品。 3.2 網(wǎng)站的可行性分析 網(wǎng)購已成為這個忙碌社會的主元素，商家擁有自己的購物網(wǎng)站更能為自己 的商品做到很好的宣傳，不用在第三方網(wǎng)站上去你爭我奪，同時能更好的和客戶 達到交流溝通，所以現(xiàn)在商家擁有自己的購物網(wǎng)站已經(jīng)是迫不容緩了。 3.3 網(wǎng)站的深入調(diào)查 對成功案例的要素的分析例如亞馬遜，淘寶等，還有就是對網(wǎng)購者消費者的 心里分析和現(xiàn)實廣泛的調(diào)查，再結(jié)合商家需求，進行一個大體的流程設(shè)計。 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 7 3.4 網(wǎng)站設(shè)計的特點 本網(wǎng)站系統(tǒng)主要面向中低端消費人群，適合居家旅行的必需品，有孩子的玩具， 童裝，爸爸媽媽的舒適的居家裝，出門旅游的行李箱，遮陽傘等，而且價格都很 低廉，是真正的物美價廉，家居時尚的商品。整個設(shè)計版面也貫徹了商品的簡約 之風，商家口號正是“因為信任，所以簡單” ，前臺版面安排合理，不花哨，但 是很大氣，不夸張，但是很華貴。這正是符合了設(shè)計理念。 3.5 網(wǎng)站開發(fā)的設(shè)計思想 設(shè)計思想是圍繞商家商品的簡約實用的風格，頁面設(shè)計也比較簡單，但是給 人一種溫馨的氛圍。 3.6 系統(tǒng)設(shè)計的總體規(guī)則 總體設(shè)計凸顯商品的實用價廉物美的特點，同時留有廣告欄，為商家做宣傳 之用，前臺與后臺通過管理員管理數(shù)據(jù)庫連接，并且后臺管理員系統(tǒng)也是很簡單 的，就算不會任何代碼基礎(chǔ)的都能很好的操作，這是本系統(tǒng)的又一大特點。 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 8 第4章 網(wǎng)站的功能設(shè)計 4.1 網(wǎng)站功能分析 經(jīng)過前期的對購物者需求和商家宣傳需求的深入調(diào)查和了解，總結(jié)出該購物 系統(tǒng)需要完成的一些具體功能，分析如下： 1)會員注冊和自我管理 用戶能夠完成用戶基本信息的注冊、修改、改密和 訂單的生成查詢等。 2)管理員管理 通過管理員的后臺登陸實現(xiàn)管理員對商品的管理，如商品上 架、商品下架、商品審查，對會員的訂單管理、會員查看與修改和操作管理（管 理員添加、管理員改密、管理員退出）的功能。 3)搜索功能 能過商品的名稱，對商品分類進行搜索，也可以通過編號搜索， 用訂單編號或者買家名稱對訂單的搜索。 4)購物功能 能夠通過查看商品詳情進行篩選貨物，還可以在購物車對所選 商品進行進一步的確定、挑選，通過訂單的形式對支付費用以及收貨信息進行確 定。 5）在線客服功能 設(shè)置在線客服，令商家和客戶可以及時的在線的溝通。 4.2 平臺功能模塊的設(shè)計 網(wǎng)上購物系統(tǒng)平臺主要包括四大功能模塊，會員管理、商品管理、管理員管 理、搜索等功能模塊。其中會員管理模塊，主要包括會員注冊、會員基本信息修 改、會員刪除等功能；管理員管理主要包括商品詳情（商品上架、商品下架、商 品審查） 、訂單管理、會員查看與修改和操作管理（管理員添加、管理員改密、 管理員退出）等功能；搜索功能主要包括（商品名稱、商品類別） 。 在系統(tǒng)功能的分析基礎(chǔ)上，得到前臺模塊示意圖如下： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 9 圖 4-1 網(wǎng)上購物系統(tǒng)前臺模塊示意圖 4.3 系統(tǒng)流程分析 本系統(tǒng)是為在線購物的商家與購買者雙方提供的一個交互平臺，能實現(xiàn)商家 對商品的上架下架和用戶的信息查詢、產(chǎn)品訂購等功能。編寫購物系統(tǒng)需要分為 前臺購物流程和后臺訂單處理流程。 4.3.1 前臺購物流程圖 顧客在前臺購物流程如圖所示： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 10 圖 4-2 前臺購物流程圖 4.3.2 后臺操作流程圖 管理員在后臺對會員訂單進行管理時的流程如下圖所示： 圖 4-3 后臺操作流程圖 4.3.3 購物車流程圖 用 戶 下 單 訂 單 處 理 商 家 發(fā) 貨 訂 單 結(jié) 賬 訂 單 完 成 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 11 圖 4-4 購物車流程圖 4.3.4 商品管理流程圖 圖 4-5 商品管理流程圖 商品管理 查詢商品 修改，刪 除 滿意 否 返回 添加商品 是 否 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 12 4.3.5 用戶注冊流程圖 圖 4-6 用戶注冊流程圖 注冊入口 必選項為空 用戶名有效？ 2 次輸入密碼是否一致？ 密碼長度符合要求？ email 地址有效？ 其他信息有效？ 注冊成功 否 否 否 否 否 是 是 否 是 否 是 是 是 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 13 4.3.6 用戶登錄流程圖 圖 4-7 用戶登錄流程圖 第5章 網(wǎng)站各模塊的功能與實現(xiàn)展示 購物系統(tǒng)由前臺系統(tǒng)和后臺管理系統(tǒng)組成。前臺系統(tǒng)就是面向 internet 上 用戶的網(wǎng)站。后臺系統(tǒng)則是商家管理員對網(wǎng)站及所有的信息進行管理和維護的系 統(tǒng)，也可以說是一個專職的 intranet 系統(tǒng)。 5.1 注冊登陸模塊的實現(xiàn) 首頁(index.asp)：是直接展示給網(wǎng)購用戶的前臺部分，界面顯示如下圖所 示。 登錄入口 取得用戶名和密碼 將 userid 存入 session 中 查詢用戶是否存在 密碼是否正確 登錄成功 是 是 否 否 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 14 圖 5-1 首頁 1）注冊 在主頁的頂部歡迎欄有注冊和登陸模塊，如下圖： 圖 5-2 注冊登陸 當用戶想第一次在本網(wǎng)站購物需要注冊，可以點擊“注冊”進行注冊，當點 擊“注冊”后，也會會跳轉(zhuǎn)到注冊頁面（reg.asp） ，顯示如下圖： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 15 圖 5-3 注冊 上圖中表單獲取用戶注冊信息后把所有信息提交給 reg.asp 頁面進行處理， 注冊成功如下： 圖 5-4 注冊成功 2）登陸 當已經(jīng)注冊過的用戶再次在本網(wǎng)站購物時也是需要登錄的，輸入用戶名和密 碼，頁面跳轉(zhuǎn)到 checkuserlogin.asp 頁面處理，頁面顯示如下圖所示： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 16 圖 5-5 登陸處理 登陸成功如下圖所示： 圖 5-6 登陸成功 用戶名或密碼輸入不正確時，會出現(xiàn)下圖所示的提醒： 圖 5-7 登陸出錯 5.2 會員修改密碼模塊的實現(xiàn) 當用戶需要修改密碼時，可以點擊會員中心(user.asp)的修改密碼如下圖所 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 17 示： （會員可以在會員中心進行一些資料的修改和豐富，例如綁定銀行卡，默認 收貨地址等；） 圖 5-8 密碼修改 當修改成功時會有如下提示： 圖 5-10 修改成功 當修改不成功時會有如下提示： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 18 圖 5-11 修改出錯 5.3 管理員后臺登陸、修改密碼、添加管理員、模塊的實現(xiàn) 1)后臺登陸： 管理員登陸界面如下圖所示（管理員為 admin 密碼為 admin888）： 圖 5-12 后臺登陸界面 當管理員輸入用戶名和密碼正確后，將會跳轉(zhuǎn)到后臺主頁面，如圖： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 19 圖 5-13 登陸后頁面 在線客服的設(shè)置 圖 5-14 在線客服 對版面顯示商品數(shù)的設(shè)置和商品詳情的顯示選擇，如圖： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 20 圖 5-15 版面設(shè)置 管理員可以對貨物的上架、下架、價格、數(shù)量、推薦等進行管理，如圖： 圖 5-16 商品管理 管理員對客戶訂單發(fā)貨情況的處理，如圖 5-15： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 21 圖 5-17 訂單查看與發(fā)貨狀態(tài)管理 會員的管理，管理員可以查看會員普通資料、刪除會員，為會員升級為超級會員 等： 圖 5-18 會員管理 管理員管理，超級管理員可以增加管理員或者修改管理員密碼，設(shè)置管理員權(quán)限 等； 圖 5-19 管理員管理 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 22 5.4 用戶訂單的實現(xiàn) 1）用戶登錄成功后如圖： 圖 5-20 用戶登錄成功 2）在用戶登陸成功后，瀏覽商品，可根據(jù)自己的需求進行商品的選購，并 加入購物車進行結(jié)賬等操作，如圖所示： 圖 5-21 購物車 3）在選擇好物品后，即可提交訂單，訂單界面需要再一次確認收貨方式， 選擇付款方式等，也可留言特殊運送方式，如圖所示： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 23 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 24 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 25 圖 5-22 訂單界面 4）單擊某個訂單號或者通過查詢可查看自己的具體訂單情況，完成后還可 以在留言處可對該網(wǎng)站貨商家進行評價，如圖所示： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 26 圖 5-23 具體訂單 5）為客戶提供點擊排行商品以供客戶選購商品時參考 圖 6-24 最新人氣排行商品 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 27 6）同時提供商品的最新銷售排行并且能看到之前買家的對商品或服務(wù)的評 價，為客戶的購物選擇提供實時參考，如圖所示： 圖 5-25 最新銷售排行 7）為了使會員能對同一類商品選擇，以便進行篩選，網(wǎng)站對商品進行了產(chǎn) 品分類，如圖所示： 圖 5-26 產(chǎn)品分類 8）為了使買家更能得到實惠，也為了商品的促銷，網(wǎng)站為客戶提供了特價 商品，如圖所示： 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 28 圖 5-27 特價商品 綿陽師范學院數(shù)學與計算機科學學院 2015 屆本科畢業(yè)生論文 29 結(jié)束語 本購物網(wǎng)站利用 asp 技術(shù)、iis 服務(wù)和簡單的平面設(shè)計，實現(xiàn)了商品的詳情 展示、購物車、訂單生成和多重付款方式等信息，運用了 asp 的基礎(chǔ)知識，在代 碼設(shè)計上采取了綜合性編寫器 dreamweaver cs3 編寫。本網(wǎng)站是以簡單為主體， 它沒有花哨的版面，因為商家的主要商品就是居家簡單的生活化元素，兒童裝， 兒童玩具，爸爸媽媽裝，出門旅游必備，簡單美觀的配飾等，所以它整體給人一 種舒適簡潔的大氣之美。由于本人電腦有點小問題，數(shù)據(jù)庫連不上，所以后臺我 就采用了直接管理，有什么需要發(fā)布的消息，就需要使用管理員和密碼進行后臺 更改。同時還有商家和買家直接的聯(lián)系，購物中途有什么疑惑，買家可以直接詢 問商家，注冊采用實名認證，商家也