《床上用品網(wǎng)上商城的開發(fā)與實現(xiàn)8800字(論文)》_第1頁
《床上用品網(wǎng)上商城的開發(fā)與實現(xiàn)8800字(論文)》_第2頁
《床上用品網(wǎng)上商城的開發(fā)與實現(xiàn)8800字(論文)》_第3頁
《床上用品網(wǎng)上商城的開發(fā)與實現(xiàn)8800字(論文)》_第4頁
已閱讀5頁,還剩30頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

床上用品網(wǎng)上商城的開發(fā)與實現(xiàn)目錄TOC\o"1-3"\h\u83261前言 6256392系統(tǒng)分析 6290722.1需求分析 6107242.2可行性分析 8253293相關技術簡介 9180793.1PHP技術 941633.2B/S三層結構 9127363.3MySQL數(shù)據(jù)庫 9319303.4IntelliJIDEA和PHPSTORM 9198213.5VUE概述 9180784系統(tǒng)設計 10226874.1系統(tǒng)目標 10111504.2系統(tǒng)功能模塊設計 10212134.3數(shù)據(jù)庫設計 10263035系統(tǒng)的實現(xiàn) 12197825.1連接數(shù)據(jù)庫操作 12229585.2登錄注冊模塊的實現(xiàn) 13170705.3前臺模塊的實現(xiàn) 15129225.3.1前臺主頁 1588015.3.2普通商品模塊 1755605.3.3前臺折扣商品模塊 20122185.3.4前臺積分換購模塊 2035995.3.5前臺購物車模塊 2052985.3.6前臺我的訂單模塊 21265795.3.7前臺修改密碼模塊 2455085.3.8前臺修改個人信息模塊 25170615.3.9前臺退出登錄模塊 25221025.4后臺管理模塊 26207255.4.1管理設置模塊 27274455.4.2用戶管理模塊 27155015.4.3商品管理模塊 28278815.4.4訂單管理模塊 2983465.4.5換購管理模塊 29249375.4.6進購管理模塊 30196565.4.7同城配送模塊 30319935.4.8統(tǒng)計報表模塊 31251935.4.9后臺修改密碼模塊 32105575.4.10后臺退出登錄模塊 3291616系統(tǒng)的測試 33270676.1普通用戶登錄 33202446.2管理員登錄 34127136.3會員注冊 34270036.4商品加入購物車 3574216.5將商品移出購物車 35175366.6訂單的檢索以及訂單列表的顯示 36202416.7測試床上用品商城前臺修改密碼修改個人信息退出登錄功能 3657666.7.1修改密碼 3629086.7.2修改個人信息 3723426.7.3退出登錄 372786.8測試訂單管理功能 37293916.8.1訂單信息的篩選及訂單列表的展示 37186156.8.2撤銷訂單 37242496.9測試同城配送功能 38191226.9.1配送單的檢索以及配送列表的展示 38238696.9.2前往配送 38166126.9.3配送單詳情 3810248參考文獻 391前言計算機技術依靠它迅猛的發(fā)展速度及成熟的技術,逐漸為人們接受及廣泛使用,改變和影響著人們的生活。到了今天,互聯(lián)網(wǎng)己經(jīng)成為了為各個行業(yè)領域收集,存儲,處理和提取信息的最佳方法,為各個領域行業(yè)提供數(shù)據(jù)支撐并加速了他們的發(fā)展。這也電子商務流行于我們的社會生活中,其中最突出的是網(wǎng)上購物商店,為消費者方便快捷的購物方式提供了可能。網(wǎng)上商店作為新型的銷售產業(yè),他的的多種優(yōu)點已然被多數(shù)人熟知和接受。然而從時間上來看,電商平臺的提出到發(fā)展的時間還不是很久,但是它卻以一個驚人的速度發(fā)展著并達到了一定高度。許多國外的大型網(wǎng)站,不僅為消費者了提供商品瀏覽,篩選,購入等等,更是利用數(shù)字圖像處理的相關技術,為消費者提供了在線試穿等新穎功能,使人們可以先體驗,再購買。讓消費者感到,利用網(wǎng)絡購物非但感覺不到無趣反而覺得奇特和新穎。在中國大陸,基于網(wǎng)站的電商購物起步比國外的晚,但其發(fā)展速度迅猛,在短時間內,猶如雨后春筍涌現(xiàn)出各大電商企。而且在近幾年來國家企業(yè)幫扶政策的支持下,我國的電商網(wǎng)站也逐步走向成熟。有統(tǒng)計報告顯示,如果按照目前的大體趨勢來看,未來的網(wǎng)上商城勢將會在市場上占據(jù)一定地位,成為一種主流的購物方式。與此同時,網(wǎng)上購物的環(huán)境隨著技術的發(fā)展和幾年的沉淀,已經(jīng)取得一定成果并趨于穩(wěn)定,具體表現(xiàn)在物流運輸?shù)目旖莺豌y行資金結算時間的縮短,以及市場方面的規(guī)范運作和國家對電商購物政策法律規(guī)則的進一步完善。同時人們越發(fā)察覺到網(wǎng)購帶來的便捷,逐步開通網(wǎng)上賬戶加入到網(wǎng)購的進程中,就目前來說,線上平臺網(wǎng)購的理念也得到多數(shù)網(wǎng)絡民眾的認可。不管是為了順應大勢,還是為了方便商家對商店進行管理,還是為了方便用戶購買商品,建立床上用品商城就顯得尤為重要。2系統(tǒng)分析2.1需求分析床上用品商城,非網(wǎng)站用戶通過注冊,方能登錄并使用本網(wǎng)站,同時網(wǎng)站分前臺后臺,前臺提供了用戶選擇購買商品的功能,后臺則提供了網(wǎng)店管理員對店內商品進行管理的功能,在登錄時會根據(jù)不同的身份加載不同的界面。以下則是系統(tǒng)的一些功能需求:1.用戶注冊登錄功能,在用戶登錄頁,尚未注冊的用戶可以根據(jù)需求進行注冊,注冊完成后可以登錄網(wǎng)站,同時系統(tǒng)需要區(qū)分登錄人的身份渲染出相應的界面。2.普通用戶通過登錄來到前臺界面,在前臺界面用戶可以查看當前網(wǎng)站已經(jīng)上架了的床上用品、折扣商品、換購商品,可以通過商品名稱,價格區(qū)間對商品進行檢索,看到商品可以加入購物車,在自己的購物車中操作這些商品、付款生成訂單等,生成訂單后,用戶可在我的訂單查看當前訂單情況,可對商家未處理的訂單進行撤銷操作,可對商家處理后的訂單進行簽收或者提出退貨申請,同時在前臺界面網(wǎng)站用戶也可以進行修改個人信息、密碼或退出登錄等操作;3.管理員登錄后到達后臺管理頁面,它包含管理設置、會員用戶信息管理、店內商品信息管理、商品訂單信息管理、商品換購管理的功能、商品進購管理的功能、同城配送的功能、統(tǒng)計報表的功能、以及修改密碼和退出登錄,在后臺界面系統(tǒng)首先會判定當前管理管理員所擁有的權限,除了統(tǒng)計報表、修改密碼和退出登錄三個功能為所有管理員公有的功能以外,其他功能則會根據(jù)管理員的權限進行相應的配置渲染,其中超級管理員可使用上述全部功能,普通管理員只能對用戶信息管理功能、店內商品信息管理功能、商品訂單信息管理的功能、商品換購管理的功能,權限為采購員的則擁有進購管理等功能進行操作使用,權限為配送員的則擁有配送管理等功能;4.管理員設置功能,該模塊僅憑超級管理員權限進行操作,在該模塊可以新增設置管理員不同身份的管理員對網(wǎng)站進行管理,同時也可以編輯刪除當前系統(tǒng)其他管理員的信息。5.用戶管理模塊,它的目的就是對用戶的信息進行有效的管理,在這個模塊可以對網(wǎng)站會員信息進行增刪改查等操作。6.商品管理模塊,可以管理網(wǎng)站內所有的商品,可以將那些暫時不打算出售的商品進行下架操作,下架后的商品在前臺頁面無法找到,下架后的商品也可以再次上架,針對庫存不足的商品可選擇進購商品生成進購單待采購員進行采購,同時也可將選中的商品加入換購列表或者移出換購列表。7.訂單管理模塊,在這個模塊我們可以查看訂單,可以進行發(fā)貨處理,在發(fā)貨處理過程中發(fā)現(xiàn)某些商品庫存不足可以進行點擊商品進購生辰進購單待采購員進行采購,當庫存滿足時方可進行發(fā)貨,針對發(fā)貨方式當用戶與商家同城時發(fā)貨方式會多出一個同城配送,選擇同城配送則由配送員進行配送;當狀態(tài)為申請退貨時,可以對該申請進行同意或駁回等操作。8.換購管理模塊,在這個模塊,可以根據(jù)商品名查找換購列表內的商品,同時可以編輯該商品所需的換購積分,也可上架下架商品,下架的商品在前臺界面則無法顯示,同時也可以將相應的商品移除換購列表。9.進購管理模塊,在進購管理模塊,可以根據(jù)商品名稱查找相應的進購單,領取進購單,根據(jù)領取的進購單進行商品采購,采購完成后進行入庫記錄等操作。10.同城配送模塊,在同城配送模塊,可以根據(jù)訂單編號、訂單狀態(tài)進行查詢,針對未配送的訂單可以點擊配送進行商品配送,針對已配送的訂單可以查看訂單詳情。11.對于統(tǒng)計報表模塊,則展現(xiàn)以柱狀圖的形式展示當前系統(tǒng)用戶數(shù)量,管理員用戶數(shù)量,給類型管理數(shù)量,當前銷售額前十的商品,當前銷售量前十的商品;對于修改密碼模塊則可通過該模塊修改密碼,對于退出登錄模塊,則可通過此功能退出系統(tǒng)。2.2可行性分析《床上用品商城》這個系統(tǒng)主要采用了MySQL、PHP、VUE、PhpStorm、idea這些技術和工具,對于這個系統(tǒng)的結構的話,我選擇的是采用B/S的結構來進行開發(fā)的,在設計和開發(fā)的整一個過程中嚴格遵守軟件工程的思想以及方法來設計開發(fā)的。所以呢,它確保了開發(fā)的規(guī)范性和系統(tǒng)的穩(wěn)定性。首先,對上述技術和工具我都有一定的了解,所以說對于技術方面并不存在太大的技術問題,使用這些技術可以極大的滿足該系統(tǒng)的功能需求和性能需求,因此該網(wǎng)站的開發(fā)在技術可行性方面是完全可以實現(xiàn)的。其次,針對上述技術都是開源免費使用的。開發(fā)這個網(wǎng)站,只需要一臺電腦,并且在這一臺電腦上搭載好網(wǎng)站的開發(fā)環(huán)境和網(wǎng)站的運行環(huán)境,即可進行完整的有效的開發(fā),該網(wǎng)站對于電腦的硬件方面是沒有太大的要求,對于開發(fā)用到的軟件的話我所選用的也都是可以免費試用的,所以基本不需要什么成本投入,所以,對于這個網(wǎng)站的開發(fā)的話它在經(jīng)濟可行性方面是可行的。再次,該網(wǎng)站簡單易用,操作簡單,用戶經(jīng)過簡單的學習即可熟練使用該網(wǎng)站,所以說對于網(wǎng)站的操作可行性方面是完全可行的。最后,由于該網(wǎng)站是采用B/S結構進行開發(fā)的,所以對網(wǎng)站的管理方面的話,我們只需要通過瀏覽器來登錄網(wǎng)站后臺即可對網(wǎng)站進行相應的管理,所以說在管理可行性方面呢也是可行的。3相關技術簡介3.1PHP技術PHP它是一種HTML嵌入式的動態(tài)腳本語言。和其它開發(fā)語言進行比較的話,它有著輕量級的、服務器端的、可跨躍平臺的等等眾多特點,同時也支持MYSQL、Oracle等主流數(shù)據(jù)庫,非常適合用于網(wǎng)站的開發(fā)。3.2B/S三層結構B/S結構用通俗的話來講的話就是“瀏覽器-服務器”結構。這個結構它的特點呢是用戶通過瀏覽器發(fā)送請求。這些請求會傳輸?shù)椒掌髦羞M行相應的處理后再響應用戶。正因為這種結構,當用戶想要使用網(wǎng)站服務的時候可以不用下載其他軟件,通過電腦或手機上的瀏覽器充當客戶端即可使用網(wǎng)站服務。雖然這樣服務器它會面臨很大負擔,但是這樣的話很多工作我們只需要在服務器上進行操作,就能很方便地完成了。3.3MySQL數(shù)據(jù)庫MySQL可以免費為人們使用,而且是當前主流的數(shù)據(jù)庫管理系統(tǒng),深受開發(fā)者喜歡。這無異于是因為它開源,具有很良好的跨平臺性,同時也支持分布式,性能方面也是相當不錯的。另外MySQL數(shù)據(jù)庫可以很好的與PHP進行完美的配合,所以這里我選擇MySQL數(shù)據(jù)庫作為本網(wǎng)站的數(shù)據(jù)庫。3.4IntelliJIDEA和PHPSTORMIntelliJIDEA和PHPSTORM兩種編程軟件。能夠幫助我們非常方便地進行網(wǎng)站開發(fā)和測試,通過使用這兩個軟件我們可以很方便地快速創(chuàng)建和構建網(wǎng)站。3.5VUE概述VUE框架是當前國內前端主流的框架之一,它小而靈巧,非常容易入手,在擁有一定靜態(tài)網(wǎng)頁開發(fā)的基礎知識的情況下,我們就可以很快速的入手使用這一種框架,同時它也支持當前比較流行的各種類庫,對各種類庫調用起來很方便,所以在這網(wǎng)站的前端的開發(fā)我選擇了用VUE來開發(fā)。4系統(tǒng)設計4.1系統(tǒng)目標系統(tǒng)的目標是為用戶提供一個方便、快捷、靈活的床上用品購物平臺,能讓用戶通過平臺即可買到想要的生活用品,在方便的用戶的同時,也給商家方便對平臺進行管理。4.2系統(tǒng)功能模塊設計根據(jù)網(wǎng)站所使用的用戶的身份,可將床上用品商城為前臺和后臺。網(wǎng)站的普通用戶通過注冊登錄后進入前臺界面,此時他們可以瀏覽以及選購商品,對選中的商品進行付款生成訂單,對生成的訂單進行撤銷簽收等操作,同時也可修改個人信息,退出登錄等。想要成為系統(tǒng)管理員,需要系統(tǒng)超級管理員在網(wǎng)站后臺進行注冊操作,管理員們登錄進入后臺,在本網(wǎng)站的后臺中他們可以對網(wǎng)站進行管理操作,本網(wǎng)站的功能結構。4.3數(shù)據(jù)庫設計為了滿足本網(wǎng)站的總體設計需求以及它的功能需求,本網(wǎng)站設計了七個表。下面分別展示各個表的結構:表4.1userinfo用戶信息表表4.2admininfo管理員信息表表4.3productinfo商品信息表表4.4purchaseorder商品進購信息表表4.5swapcommodity換購商品信息表表4.6shoppingcart購物車信息表表4.7userorder用戶訂單信息表根據(jù)需求分析,數(shù)據(jù)庫E-R圖如下:圖4.1系統(tǒng)E-R圖5系統(tǒng)的實現(xiàn)5.1連接數(shù)據(jù)庫操作系統(tǒng)的數(shù)據(jù)都是存儲在數(shù)據(jù)庫中,不管是登錄校驗,或者是瀏覽商品購買商品亦或管理網(wǎng)站都是需要對數(shù)據(jù)庫中的數(shù)據(jù)進行查詢或修改的,而想要獲取或對數(shù)據(jù)進行校驗都需要先連接上數(shù)據(jù)庫才能實現(xiàn)這些操作,所以說呢數(shù)據(jù)庫連接操作對于整個系統(tǒng)來說是至關重要的,以下是連接數(shù)據(jù)庫的關鍵代碼:5.2登錄注冊模塊的實現(xiàn)不管是普通用戶亦或管理員,都需要通過登錄頁進行登錄,通過登錄成功后才能使用網(wǎng)站的服務,沒有賬號但是又想要使用網(wǎng)站服務的訪客們呢,他們可以去注冊,這樣就可以成為網(wǎng)站的會員了,網(wǎng)站登錄注冊頁如下圖所示:圖5.1登錄注冊頁登錄注冊頁部分代碼如下:5.3前臺模塊的實現(xiàn)5.3.1前臺主頁前臺是面向普通用戶提供服務的,提供給用戶瀏覽購買商品的功能,前臺分為頭部和主體,頭部主要用于設置一些導航欄,主體則是根據(jù)用戶所選擇的導航進行變化。前臺的部分代碼如下所示:5.3.2普通商品模塊普通商品模塊主要是向用戶展示普通商品信息,用戶可以在該模塊瀏覽該類型的商品,同時用戶可以根據(jù)檢索要素來進行檢索,例如商品名亦或價格區(qū)間,同時可以把相中的商品放進購物車,在本模塊里采用了antdesign的a-list組件來展示商品信息,通過重寫每一個商品(a-list-item)項中的renderItem插槽,向用戶展示商品圖片、商品名稱、商品描述、商品價格等要素,同時每件商品配上一個按鈕用于加入購物車,該模塊的核心代碼如下:5.3.3前臺折扣商品模塊前臺折扣商品模塊與普通商品類型,唯一不同點是折扣商品模塊只會檢索出折扣類商品,在這里我就不過多展示,代碼詳情可以參照5.3.2。5.3.4前臺積分換購模塊用戶在購買商品時都會根據(jù)商品價格累計一定的積分,而這些積分能用來干嘛呢,那么積分換購的用處就顯現(xiàn)出來了,在積分換購模塊,它向用戶展示了當前商城有哪些商品可以憑借積分換購,換購積分是多少,用戶可以通過瀏覽該模塊換購所需的商品,同時該模塊的實現(xiàn)與前邊的床上用品以及折扣商品大體上是一樣的,在這里我就不過多的展示了,代碼詳情可以參照5.3.2。5.3.5前臺購物車模塊前臺購物車模塊主要是向用戶展示當前用戶購物車內商品信息,在該模塊會根據(jù)購買類型檢索出存放在購物車內當前類型的商品,用戶可把那些不打算購買的商品移出購物車,也可以選擇想要購買的商品,編輯購買數(shù)量,付款生成訂單等操作,在這里我采用了antdesign的a-table組件對購物車商品信息進行展示,該模塊部分代碼如下所示:5.3.6前臺我的訂單模塊在前臺我的訂單模塊,頂部采用文本輸入框和下拉選擇框相結合的形式,向用戶提供檢索條件,用戶可以憑借輸入訂單編號或者選擇訂單狀態(tài),亦或者兩者想結合檢索出本人所滿足條件的訂單,對于訂單檢索出的訂單列表的展示,在該模塊我則是采用table的形式向用戶展示,對于一些用戶可能看不懂的字段,我則是采用VUE插槽的形式對這些字段進行處理,對不同狀態(tài)的訂單進行不同的處理方式,如對訂單進行查看詳情、取消購買、退貨申請、簽收等操作,下面是該模塊的部分代碼:5.3.7前臺修改密碼模塊對于前臺的修改密碼模塊,我采用的是一個彈窗的形式,當點擊修改密碼時彈出一個modal,用戶通過填寫modal中的表單來修改密碼,對于新密碼的校驗則采用正則的形式,用于對新密碼進行強度校驗,如果不滿足條件則對用戶進行提示,滿足的話即可點擊修改按鈕對密碼進行修改,當修改完成后,則是強制路由到登錄頁要求用戶重新登錄,下面是該模塊的部分代碼:5.3.8前臺修改個人信息模塊對于前臺修改個人信息模塊,這個模塊的實現(xiàn)方式則是與修改模塊想一致,都是采用modal彈窗加表單的形式進行修改,同時對修改的數(shù)據(jù)進行校驗,校驗成功放能進行修改,由于這個模塊與修改密碼模塊相似,則代碼可參看5.3.6,在這就不過多描述。5.3.9前臺退出登錄模塊對于前臺退出登錄模塊的實現(xiàn)時,用戶點擊退出登錄時會清空之前用戶登錄時所存留的個人信息、session以及VUEX緩存的用戶信息,并路由到登錄頁,下面是前臺退出登錄模塊的部分代碼:5.4后臺管理模塊本網(wǎng)站的后臺管理主要包含管理設置的功能,用戶管理的功能、商品管理的功能、換購管理的功能、進購管理的功能、訂單管理的功能、同城配送的功能、統(tǒng)計報表的功能以及修改密碼和退出登錄等功能,這個模塊是用于對網(wǎng)站進行管理,對于后臺的布局則是是由頭部信息欄加上左側的菜單欄以及主體三個部分組成,當管理員登錄成功進入后臺后,自動路由到統(tǒng)計報表的功能模塊,同時系統(tǒng)也會根據(jù)當前所登錄的管理員的權限對左側菜單導航列表進行渲染,渲染出對應管理員權限的菜單導航列表,當管理員單擊左側菜單按鈕時,后臺界面的主體部分會根據(jù)管理員選中的菜單對主體部分進行渲染出相應的功能模塊界面。后臺界面如下圖所示:圖5.4前臺主頁5.4.1管理設置模塊對于管理設置模塊,我在頂部設定一個文本框,一個查詢按鈕,一個新增按鈕,根據(jù)設定的文本框中輸入的管理名稱,點擊設定的按鈕進行信息檢索,接著采用table對檢索出的管理員信息進行展示,利用table插槽給每個項增加編輯刪除功能,當管理員想要新增亦或編輯管理員信息時,則是采用彈出modal的形式,供用戶輸入表單信息對管理進行新增/編輯。以下是管理設置模塊部分代碼:5.4.2用戶管理模塊用戶管理模塊即是對用戶信息進行管理亦或維護的模塊,大體上是需要對用戶信息進行增刪改查等操作,在模塊我提供一個文本框用于輸入用戶姓名用于對用戶進行檢索,對于檢索出的用戶信息采用的是table進行展示,當點擊新增或編輯時則是彈出一個modal附帶一個表單,管理員則通過填寫表單來完成用戶信息的增加/編輯,以下是該模塊的部分代碼:5.4.3商品管理模塊商品管理模塊則是對本網(wǎng)站的商品進行管理的模塊,該模塊采用table展示商品基本信息,采用插槽的方式給商品增加上架、下架、編輯、刪除、添加換購、取消換購以及進購商品等操作,同時提供輸入框、按鈕等,供管理員根據(jù)商品名稱對檢索商品,新增商品等,以下則是該模塊的部分代碼:5.4.4訂單管理模塊訂單管理模塊提供訂單編號文本框、訂單狀態(tài)下拉選擇框給管理員用于對訂單進行檢索,采用table展示檢索出的訂單列表的基本信息,利用插槽對訂單列表中的個別字段進行處理,添加詳情查看、撤銷訂單、發(fā)貨、退貨處理等操作,選擇這些操作則彈出相應窗體進行處理。以下是該模塊部分代碼:5.4.5換購管理模塊換購管理相對來說功能比較少,對于換購商品采用table進行展示,也是利用插槽給每件商品添加上編輯移除的功能,在選擇編輯時則彈出一個modal附帶表單供管理員編輯,以下是該模塊部分代碼:5.4.6進購管理模塊進購管理是對網(wǎng)站進貨方面的管理,在這個模塊首先采用table展示進購單基本信息,其次提供文本框供管理員根據(jù)商品名稱對進購單進行檢索,然后利用插槽給沒個進購單增加上領取進購單、放回進購單、撤銷進購單、商品入庫以及查看進購單詳情等操作,以下我該模塊的部分代碼:5.4.7同城配送模塊同城配送模塊主要是用于對同城待配送的訂單的管理,這里與其他后臺管理模塊的設計時候大體上是一樣的不同的是檢索條件以及操作功能有所不同,當訂單處于待配送情況下,提供配送功能,當訂單處于已配送情況下僅允許查看訂單詳情,同時這個模塊主要是根據(jù)訂單編號、訂單狀態(tài)進行檢索的,其中訂單編號采用的是輸入框,訂單狀態(tài)則采用選擇框,以下是該模塊的部分代碼:5.4.8統(tǒng)計報表模塊統(tǒng)計報表的目的就是統(tǒng)計網(wǎng)站銷售情況,網(wǎng)站用戶情況,用圖像化的形式向用戶展示,在統(tǒng)計報表模塊我主要采用了echarts插件做圖,先在項目中引入echarts插件,然后利用它做成一個柱形圖組件,在統(tǒng)計報表模塊進行調用,并給柱形圖組件傳入數(shù)據(jù),這樣就完成了銷售量前十商品、銷售額前十商品、系統(tǒng)管理員量、系統(tǒng)用戶量的圖形化展示,其部分代碼如下所示:5.4.9后臺修改密碼模塊在后臺修改密碼模塊,我采用的是modal+表單的形式來實現(xiàn)的,用戶通過填寫modal中的表單,填寫的數(shù)據(jù)通過校驗后點擊修改即可完成密碼修改操作,在修改密碼操作完成后系統(tǒng)會強制退出登錄自動路由到登錄頁。以下為本模塊的部分代碼:5.4.10后臺退出登錄模塊后臺退出登錄模塊,點擊后會自動清空之前登錄用戶的session以及VUEX緩存的用戶信息,并跳轉到登錄頁。以下為該模塊部分代碼:6系統(tǒng)的測試一個項目從一開始的設計研發(fā)到最后的測試上線,每一個步驟都是十分的重要,測試通常是我們用來尋找和發(fā)現(xiàn)項目問題的關鍵方法,對項目進行測試,我們可以盡可能的發(fā)現(xiàn)預先沒有想到的問題,暴露出當前系統(tǒng)存在的某些缺陷,找出這些問題以及缺陷解決掉他們,在項目上線后才不會因為這些漏洞,導致一些不可想向的后果,提高項目的穩(wěn)定性,可用性,確保項目在上線后可以平穩(wěn)運行。因此在此我也對項目進行了相應的測試,為了能夠發(fā)現(xiàn)開發(fā)過程中可能忽略的問題,我在開發(fā)的時候也對各個子模塊進行了相應單元測試以及階段性階段性測試,當項目開發(fā)完成后,我也對整個項目進行了集成測試,在這一測試過程中,我主要采用黑盒測試來對項目進行測試,具體測試過程如下:6.1普通用戶登錄普通用戶輸入用戶名和密碼進行登錄,選擇普通用戶身份,然后再點擊登錄按鈕即將登錄的信息與網(wǎng)站所存的用戶信息表進行比對,如果該賬號存在于表內且一致的話,進入網(wǎng)站前臺界面。測試結果如下:圖6.1普通用戶登錄6.2管理員登錄管理員登錄,需要輸入用戶名和密碼,在身份上選擇管理員,然

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論