基于微信小程序的在線購物商城系統(tǒng)_第1頁
基于微信小程序的在線購物商城系統(tǒng)_第2頁
基于微信小程序的在線購物商城系統(tǒng)_第3頁
基于微信小程序的在線購物商城系統(tǒng)_第4頁
基于微信小程序的在線購物商城系統(tǒng)_第5頁
已閱讀5頁,還剩40頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認(rèn)領(lǐng)

文檔簡介

III目錄TOC\o"1-3"\h\u53021緒論 1235791.1課題的研究背景 185121.2課題的研究目的和意義 2217661.3國內(nèi)外研究現(xiàn)狀 2288041.4論文結(jié)構(gòu)安排 3307932開發(fā)環(huán)境與相關(guān)技術(shù) 456762.1開發(fā)環(huán)境 443882.2軟件系統(tǒng)的技術(shù)選型 414762.2.1JavaScript編程語言 433202.2.2微信web開發(fā)者工具 4181962.2.3SpringBoot框架 5278502.2.4數(shù)據(jù)庫技術(shù) 5302002.2.5Vue界面框架 5184783需求分析 6128563.1系統(tǒng)需求簡介 651943.2系統(tǒng)架構(gòu)分析 617803.2.1系統(tǒng)架構(gòu)設(shè)計 6143403.2.2系統(tǒng)功能設(shè)計 7201263.2系統(tǒng)功能性需求 8324153.2.1小程序端功能 8326683.3.2后臺功能 8174953.4系統(tǒng)非功能性需求 9284133.4.1用戶交互界面 9216883.4.2響應(yīng)時間要求 9168793.4.3系統(tǒng)可維護性和可擴展性 9288654系統(tǒng)概要設(shè)計 9194184.1子系統(tǒng)模塊設(shè)計 9253644.1業(yè)務(wù)流程設(shè)計 10179894.2.1用戶模塊 10314314.2.2管理員模塊 12309614.3數(shù)據(jù)字典設(shè)計 14188314.3.1MySQL數(shù)據(jù)存儲設(shè)計 14235085系統(tǒng)詳細設(shè)計 15103245.1小程序端 15189025.1.1登錄注冊 15239325.1.2商品信息展示 16211135.1.3購物車 16231435.1.4訂單 16271005.1.5商品搜索 17291715.2后臺 17291105.2.1登錄注冊 18143445.2.2商品信息管理 18313405.2.3個人信息管理 19248235.2.4商品類別管理 1914085.2.5訂單發(fā)貨,收貨和退貨 19208286系統(tǒng)運行與測試 20152456.1后臺登錄 20258816.1.1管理員登錄后臺 21316896.1.2后臺首頁界面 21232176.2信息展示 23323216.2.1用戶信息 2359326.2.2公告信息 23133806.2.3商品類別 2534266.2.4商品詳情 26309866.2.5訂單信息 26308406.2.6購物車信息 29319146.2.7評論信息 29193456.3個人信息 29254966.4修改密碼 3119836.5小程序端 31100536.5.1.小程序端首頁 31293636.5.2商品詳情 31267786.5.3商品分類 31152986.5.4購物車界面 32111046.5.5個人中心界面 32189986.5.6關(guān)鍵字檢索商品 35270926.6商品評論功能 3517987總結(jié)與展望 36107487.1論文總結(jié) 36177677.2工作展望 3619058參考文獻 3818648致謝 40PAGE501緒論1.1課題的研究背景近年來,全球的經(jīng)濟快速騰飛,科技網(wǎng)絡(luò)迅速蔓延發(fā)展,對老百姓的消費觀進行沖擊與刷新,其中網(wǎng)購是其中的非常新穎的消費方式,就如同我們生活中經(jīng)常使用的淘寶,京東。在近年疫情時間內(nèi),我們被隔離在家里被地理限制,因此,網(wǎng)絡(luò)購物的模式卻替代了線下的購物商店,讓購物不用再出門選購商品,能足不出戶在網(wǎng)上找到自己需要的商品。(張迪等,2018)。中國普通百姓的購物方式正在逐步轉(zhuǎn)變,越來越多的人選擇在網(wǎng)絡(luò)購物,這種方式便捷、優(yōu)惠,并且可以隨意選擇自己需要的商品。然而,隨著網(wǎng)絡(luò)購物的普及,也帶來了一些問題和挑戰(zhàn),如夸大虛假展示、三無商品、交易矛盾、隱私泄露等等。因此開發(fā)一個安全可靠的在線網(wǎng)絡(luò)購物商城小程序是有助于提高消費者的購物體驗,促進電子商務(wù)的發(fā)展。以后隨著網(wǎng)絡(luò)支付安全的進步,中國的網(wǎng)購不完善和安全存在隱患的情況都得到了極大地改善(閆嬌嬌,2023)。另外,在線購物商城都是24小時全天營業(yè)不會閉店,可以不間斷為客戶提供購買商品的服務(wù)。不管是在中國的最北邊,還是中國的最南邊,只要有送貨的地方,都可以下訂單來在線購物。從最開始的時候,人們只能在電腦主機上享受網(wǎng)購的快樂,到了現(xiàn)在,手機上有了APP,大家只要動動手指,就可以完成全部的購物流程,但是,各種各樣的購物APP,卻讓我們在有些APP的使用率非常低的情況下,依然要把手機的內(nèi)存給占滿,這樣對用戶的手機內(nèi)存有很高的要求。(杜雨荃等,2022)。于是,基于微信小程序的在線購物商城系統(tǒng)應(yīng)運而生。2017年1月中旬,“微信之父”張小龍正式啟動了小程序的發(fā)布。這款小程序被命名為“微信小程序”(簡稱“XCX”),英文名為“miniprogam”,它的優(yōu)點就是不占手機內(nèi)存,在使用小程序之前,用戶不需要從應(yīng)用商店中下載可信的應(yīng)用。(龍芳等,2023)使用該軟件的人只需登陸一部裝有微信的手機,然后通過搜索對應(yīng)的小程序名就可以直接登陸。而且這個小程序的功能,一點都不比其他的網(wǎng)購軟件差,甚至更加的好。微信小程序的內(nèi)存小、使用輕便和與微信APP集合于一體是它最大的亮點。京東商城微信小程序率先在微信網(wǎng)絡(luò)商城小程序以上線,到如今像當(dāng)當(dāng)網(wǎng),唯品會,拼多多以及很多微商平臺成功上架自己的小程序在微信平臺,進一步改變了普通百姓們的購物方式,到現(xiàn)在的眼花繚亂的在線購物平臺,已經(jīng)完全顛覆了普通百姓們的消費模式。(彭守鎮(zhèn),2018)。1.2課題的研究目的和意義一般的網(wǎng)上商城購買商品,要么要下載指定的APP,要么在計算機主機上進行操作,對沒有電腦的用戶不方便。而利用微信小程序進行網(wǎng)上購物,不需要下載復(fù)雜的APP,就能在任何地點、任何地點進行瀏覽、采購商品。另外,微信小程序平臺擁有巨大的用戶基礎(chǔ),可以讓商家與顧客直接溝通、銷售,從而增加銷售量。現(xiàn)在微信小程序商城是一種新興的電商平臺,由于其開發(fā)成本低、進入門檻低、用戶體驗好等特點,已逐漸成為電子商務(wù)領(lǐng)域的一股不可忽視的力量。本項目旨在探索微信小程序商店的發(fā)展趨勢、用戶行為特征和營銷策略,為電子商務(wù)企業(yè)的發(fā)展提供有益的參考,同時也為學(xué)術(shù)界的研究提供一定的理論支撐。微信小程序商城以其快捷、輕便和易用的特性,大大提高了用戶的購物體驗。在此基礎(chǔ)上,對微信小程序商城中的用戶的行為進行分析,能夠讓商家更好地理解顧客的需要,進而為顧客提供更好更舒適的購物體驗,提高顧客的滿意度,增強顧客粘性。此外,可以有效地推動公司品牌建設(shè),提高銷售業(yè)績。微信小程序商城是一種嶄新的市場營銷方式,利用微信小程序購物平臺,可以幫助商家更好的宣傳自己的商品,提高品牌的認(rèn)知度,提高商品的銷量。通過對微信在線購物商城小程序的營銷戰(zhàn)略的研究,能夠幫助企業(yè)制定出更加精準(zhǔn)的營銷計劃,從而提高公司的品牌形象,提高公司的銷售業(yè)績。所以,對以微信小程序為基礎(chǔ)的網(wǎng)上商城進行研究,具有很強的社會和現(xiàn)實意義。(高敏欽,2024)。1.3國內(nèi)外研究現(xiàn)狀小程序(MiniProgram)是一種輕量級的應(yīng)用程序,可以在微信內(nèi)部直接使用,無需下載和安裝。小程序具有體積小、開發(fā)成本低、使用門檻低等特點,成為了移動應(yīng)用開發(fā)的一種新趨勢(Wuetal.,2023)。在中國,微信擁有大量的用戶群,到如今為止,微信這款A(yù)PP的使用人數(shù)已經(jīng)突破了11.2億,微信小程序的使用人數(shù)更是達到了七億不止,占了60%以上。在中國的移動網(wǎng)絡(luò)世界里,小程序已經(jīng)是一個很有影響力的成員。應(yīng)用領(lǐng)域非常廣泛,其中包括電商,生活,教育,醫(yī)療,等等。隨著應(yīng)用范圍的擴大,小程序的使用也越來越方便。開發(fā)人員非常多,截止到2021年六月,小程序的開發(fā)者人數(shù)已經(jīng)突破了三百萬,這當(dāng)中有100多萬的小程序開發(fā)者,每個月都會有一種以上的小程序得到流量的支撐,小程序的開發(fā)者人數(shù)還在持續(xù)增加。(Hongetal.,2023)。隨著海外用戶的增加,海外小程序的使用人數(shù)也越來越多。據(jù)了解,截止到2020年年底,全世界已有1億3千萬的用戶在使用這個軟件。應(yīng)用領(lǐng)域持續(xù)拓展,在海外市場,小程序的應(yīng)用范圍正在擴大,涵蓋了電子商務(wù),旅游,金融,教育,醫(yī)療等各個行業(yè)。它的發(fā)展前景是光明的,海外的小程序有很好的發(fā)展前景?,F(xiàn)在,世界上的一些主要的大廠公司,如蘋果,谷歌,微軟,等等,都在積極地進入這個領(lǐng)域。(Riadietal.,2016)。在國內(nèi),網(wǎng)上購物的出現(xiàn)也只不過有短短幾年時間,但發(fā)展勢頭迅猛。如今中國擁有14億的超大人口基數(shù),在線網(wǎng)絡(luò)購物的消費能力不容小覷。許多公司如阿里巴巴的淘寶,天貓和京東,拼多多等瞄準(zhǔn)著中國的網(wǎng)購市場。于此不難發(fā)現(xiàn),中國之前大部分人不愿意網(wǎng)購到如今越來越多年輕人只愿意網(wǎng)購,人們更愿意網(wǎng)購,網(wǎng)購市場正在急速擴大。據(jù)中國互聯(lián)網(wǎng)絡(luò)信息中心(CNNIC)公布的數(shù)據(jù)報告顯示,中國互聯(lián)網(wǎng)用戶在2020年六月末已多達4億2千萬人。目前中國28%的網(wǎng)民在網(wǎng)上進行購物,這說明在中國發(fā)展網(wǎng)上購物具有良好的群眾基礎(chǔ),雖然中國的網(wǎng)上購物正處于起步階段,隨著可支配收入的提高,增長潛力將大幅增加(陳嬌等,2022)。另外,在一些發(fā)達國家,尤其是美國、日本等信息化程度較高的國家和地區(qū),網(wǎng)購起步較快,發(fā)展速度也很快,世界一流的連鎖超市,比如沃爾瑪(Wal-Mart)、沃爾瑪(Wal-MartHomeStore)、科羅格(Corog)等,都是網(wǎng)上經(jīng)營的成功例子。調(diào)查表明:在美國,網(wǎng)絡(luò)購物早在20世紀(jì)90年代已進入尋常百姓家。在國外對網(wǎng)站可用性研究的開展的比較深入,國外知名網(wǎng)絡(luò)購物平臺亞馬遜在國外已經(jīng)發(fā)展超二十余年,對國外用戶的網(wǎng)購的研究也表明國外的網(wǎng)購市場依然在增長(Jacobsen,2023)。總體來說,小程序和在線購物在國內(nèi)外市場的發(fā)展都非常迅速,應(yīng)用場景不斷擴展,用戶數(shù)量不斷增長。小程序已經(jīng)成為移動互聯(lián)網(wǎng)領(lǐng)域的重要一員,具有廣闊的發(fā)展前景和應(yīng)用前景(劉儀等,2021)。1.4論文結(jié)構(gòu)安排本論文的結(jié)構(gòu)安排可以分為七大部分:詳細展示了課題的研究背景,其次是課題的研究目的和意義,還有國內(nèi)外研究現(xiàn)狀以及論文結(jié)構(gòu)安排。第二章,介紹了在線購物商城系統(tǒng)的開發(fā)過程中需要的開發(fā)環(huán)境,軟件系統(tǒng)的技術(shù)選型包括JavaScript編程語言,微信web開發(fā)者工具,SpringBoot框架,數(shù)據(jù)庫技術(shù),Vue界面框架。第三章,對在線購物商城小程序系統(tǒng)進行需求分析,分析系統(tǒng)的系統(tǒng)架構(gòu),功能性需求包括小程序端和后端后臺,非功能性需求包括用戶交互界面,系統(tǒng)響應(yīng)時間等。第四章,根據(jù)需求劃分多個子系統(tǒng),并劃分多個功能模塊,說明各個功能模塊之間的關(guān)系,與外部的交互方式,確定技術(shù)路線。第五章,對概要設(shè)計進行進一步優(yōu)化和細化,把每個功能模塊所需的算法、數(shù)據(jù)結(jié)構(gòu)、界面設(shè)計、接口詳細設(shè)計和數(shù)據(jù)庫設(shè)計等做出詳細設(shè)計,完善具體實現(xiàn)細節(jié)。第六章,對系統(tǒng)的運行與測試,展示系統(tǒng)每個功能運行的狀態(tài),確保各個系統(tǒng)功能需求都能實現(xiàn)。第七章,總結(jié)本系統(tǒng)主要的研究內(nèi)容,總結(jié)這次研究的不足與問題,并提出對未來工作的展望。2開發(fā)環(huán)境與相關(guān)技術(shù)2.1開發(fā)環(huán)境如表1所示,對系統(tǒng)管理員來說,在使用網(wǎng)上商城的后臺時,只要在Windows或者MacOS上使用Firefox、Chrome等瀏覽器,就可以完成網(wǎng)上的瀏覽以及相應(yīng)的操作。表1平臺運行環(huán)境要求表需求名稱平臺運行環(huán)境要求操作系統(tǒng)Windows、MacOS瀏覽器Safari、Chrome、Firefox其他無2.2軟件系統(tǒng)的技術(shù)選型2.2.1JavaScript編程語言JavaScript(簡稱“JS”)是一種基于輕量級、解釋性以及函數(shù)優(yōu)先的編程語言?,F(xiàn)在最流行的腳本語言是JavaScript,它為在電腦,手機,平板電腦,和大量使用HTML5的移動應(yīng)用程序中提供了良好的互動邏輯。如今,JavaScript不僅能在瀏覽器中運行,還能在服務(wù)臺上運行,而且能在任何裝有JavaScript引擎的裝置上運行。JavaScript早已成長為了一個成熟的編程語言,在軟件開發(fā)領(lǐng)域擁有著廣泛的應(yīng)用,其對前端開發(fā)、后端開發(fā)、數(shù)據(jù)庫管理、網(wǎng)絡(luò)通信等多方面都有著很大的提升。而掌握J(rèn)avaScript就可以編寫云函數(shù),所以本系統(tǒng)采用JavaScript作為微信小程序后端開發(fā)語言(Gregoryetal.,2022)。2.2.2微信web開發(fā)者工具微信開發(fā)者工具是一款針對微信小程序開發(fā)的集成開發(fā)環(huán)境(IDE),提供了一系列的開發(fā)工具和調(diào)試工具,方便開發(fā)者進行小程序開發(fā)、調(diào)試、發(fā)布和管理。支持多種開發(fā)語言:微信開發(fā)者工具支持使用JavaScript、TypeScript、WXML和WXSS等多種開發(fā)語言進行小程序開發(fā)。微信開發(fā)者工具提供了調(diào)試器、性能分析器、網(wǎng)絡(luò)請求分析器、日志查看器等豐富的調(diào)試工具,方便開發(fā)者進行調(diào)試和排查問題。微信開發(fā)者工具提供了模擬器和真機調(diào)試兩種方式,開發(fā)者可以在模擬器上進行調(diào)試測試,也可以將小程序真機運行并進行調(diào)試。集成第三方插件和框架:微信開發(fā)者工具支持集成第三方插件和框架,方便開發(fā)者利用第三方工具和組件進行開。開發(fā)工具選擇了微信開發(fā)者工具,它具有豐富的功能和特點,達到大大提高開發(fā)效率和開發(fā)質(zhì)量的目的。編寫好前端界面通過接口的方式請求后臺數(shù)據(jù),采用了面向接口的編程思想,有利于代碼解耦(謝志奇。2023)。2.2.3SpringBoot框架SpringBoot協(xié)助開發(fā)人員對應(yīng)用程序進行合理的配置管理,對其進行預(yù)設(shè)處理(也就是優(yōu)先于配置),使程序的開發(fā)變得更加簡單,同時也更加方便了應(yīng)用的運行??傊琒pringBoot的目標(biāo)是“簡化”并加“快”的JavaWeb開發(fā),并在開發(fā)期間簡化了與Spring有關(guān)的功能的添加或開始。這樣做的優(yōu)點是,開發(fā)者不用再為框架操心,可以將更多的精力投入到自身的商業(yè)代碼中(周浩,2018)。與此同時,SpringBoot的設(shè)計思想也在不斷地被普及和應(yīng)用,使得SpringBoot是一個非常適合Java微服務(wù)的Java網(wǎng)絡(luò)框架。本系統(tǒng)的后臺管理部分?jǐn)M基于SpringBoot設(shè)計,達成可以采取合適的集成開發(fā)環(huán)境的目的。2.2.4數(shù)據(jù)庫技術(shù)MySQL是一個開源的關(guān)系型數(shù)據(jù)庫管理系統(tǒng),支持多種操作系統(tǒng),包括Windows、Linux、Unix等,并且支持多種編程語言,如Java、PHP、C++等。MySQL具有高性能、可靠性、可擴展性和安全性等特點,成為了許多企業(yè)和組織的首選數(shù)據(jù)庫(楊華等,2023)。因為它的體積小、速度快、成本低,再加上MySQL是一種開源產(chǎn)品,這就降低了許多中小型網(wǎng)站的開發(fā)和維護成本。(閆旭,2012)。本系統(tǒng)的數(shù)據(jù)庫由MySql搭建,以便實現(xiàn)高效的開發(fā)。2.2.5Vue界面框架Vue支持多種編程語言,如JavaScript、Python、C#等,與其說是一種網(wǎng)絡(luò)應(yīng)用程序,不如說是一種組件庫。在這種情況下,Vue被設(shè)計成了一個組件化的系統(tǒng),并且可以不斷地進行擴展和演化。它不僅是一個組件,更是一組規(guī)則和協(xié)議,它讓我們能夠更方便的開發(fā)出各種類型的應(yīng)用程序。本系統(tǒng)前端框架采用Vue框架,達到可以減少代碼的書寫,并且Vue的第三方組件庫豐富,使用起來方便,提高了開發(fā)效率的目的(黃岐桂等,2022)。3需求分析3.1系統(tǒng)需求簡介本系統(tǒng)該在線購物商城小程序系統(tǒng)需要具備以下功能和特點,商品瀏覽和商品搜索功能:用戶在首頁可以看到商品展示、用戶輸入關(guān)鍵詞,系統(tǒng)通過關(guān)鍵詞檢索商品展示給用戶,此外還有物品分類幫助用戶分類查找商品。商品詳情展示:商品展示商品的圖像,金額,名稱,庫存量,銷售量還有之前已購買此商品的用戶對此商品的評價。購物車功能:用戶瀏覽商品后選擇心儀商品加入購物車,可以再購物車對商品進行增加或刪除,清空購物車操作以及進行結(jié)算操作。個人中心功能:用戶可以查看自己的訂單、收貨地址、優(yōu)惠券等個人信息,并進行相應(yīng)的管理和操作。數(shù)據(jù)統(tǒng)計功能:商城可以對用戶的行為、商品銷售情況等進行數(shù)據(jù)統(tǒng)計和分析,以優(yōu)化商城的運營和管理。3.2系統(tǒng)架構(gòu)分析3.2.1系統(tǒng)架構(gòu)設(shè)計(1)在線購物商城小程序核心架構(gòu)如圖1所示,在線購物商城小程序核心架構(gòu)從上而下主要包括三個層次:頂層應(yīng)用、核心層和底層服務(wù)。圖SEQ圖\*ARABIC1在線購物商城小程序核心架構(gòu)在線購物商城小程序系統(tǒng)的架構(gòu)設(shè)計包括以下幾個方面:前端設(shè)計:前端設(shè)計采用輕量級的框架Vue.js,以提高頁面的加載速度和用戶體驗。同時,需要采用響應(yīng)式布局,以適應(yīng)不同尺寸的設(shè)備。后端設(shè)計:后端設(shè)計使用SpringBoot等框架,以提高系統(tǒng)的可擴展性和穩(wěn)定性。將系統(tǒng)拆分成多個微服務(wù),分別處理不一樣的業(yè)務(wù)邏輯。數(shù)據(jù)庫設(shè)計:數(shù)據(jù)庫設(shè)計使用MySQL數(shù)據(jù)庫集群方案,采用分布式數(shù)據(jù)庫,以提高系統(tǒng)的可擴展性和性能。緩存設(shè)計:緩存設(shè)計使用Redis等緩存方案,采用分布式緩存,以提高系統(tǒng)的性能和可擴展性。選擇上面的系統(tǒng)架構(gòu),可以提高在線購物商城小程序系統(tǒng)的可擴展性、性能、可靠性和安全性,以滿足用戶的不斷增長的需求。3.2.2系統(tǒng)功能設(shè)計本文的主題是在線購物商城小程序系統(tǒng)功能的設(shè)計。對比微信小程序與如今的其他眾多的網(wǎng)絡(luò)購物平臺,得到了本在線購物商城小程序系統(tǒng)的主要功能模塊,即前端小程序、后端后臺網(wǎng)頁兩個功能模塊。在線購物商城系統(tǒng)功能模塊如圖2所示。圖SEQ圖\*ARABIC2在線購物商城小程序功能結(jié)構(gòu)圖3.2系統(tǒng)功能性需求3.2.1小程序端功能小程序端功能大體上分為四個板塊:用戶基本信息管理,商品展示功能,購物車功能,訂單結(jié)算功能分析如下:用戶基本信息管理用戶進入微信小程序后成功進入本在線購物商城系統(tǒng),可以對個人的資料進行修改??梢孕薷挠脩裘?、登錄密鑰、年齡大小、性別、中國手機號碼等資料商品展示展示的資料包括商品名字、商品金額、商品圖像、商品詳細資料、銷售量,商品評價等,根據(jù)這些資料幫助用戶挑選自己所需要的商品。購物車當(dāng)用戶在選擇了自己喜歡的物品后,就可以點擊加入購物車按鈕。網(wǎng)絡(luò)商城系統(tǒng)的就會將商品加入購物車功,就像線下超市將商品加入手推的購物車一般,用戶可以在在線購物商城系統(tǒng)購物車?yán)镌黾踊蛘邷p少數(shù)量,如果手滑加錯不需要的商品,也可以選擇清空購物車。于線下購物車對比,在線購物商城系統(tǒng)中的購物車更加輕便,操作更加靈活。它能羅列出每一項商品的單價,數(shù)量,小計,舉辦的操作,優(yōu)惠活動的總數(shù)等。訂單結(jié)算用戶需要在小程序中查看自己的訂單信息,包括訂單狀態(tài)、訂單詳情等。當(dāng)用戶結(jié)算購物車時,生成訂單信息包括用戶信息,商品信息等,生成付款界面與取消界面,付款成功則扣庫存。3.3.2后臺功能后臺功能整體上分為三個部分:登錄,商品信息管理,系統(tǒng)信息管理分析如下: (1)登錄在線購物商城系統(tǒng)登錄后為管理員提供身份管理的相關(guān)功能,包括注冊、登錄、商品信息管理等。商品信息管理增加新種類商品,就是管理員在線購物商城系統(tǒng)后臺增加新商品的資料,包括對商品命名,定價,存貨,添加真實圖像等等。更改商品,是指在后臺更改商品的資料,包括物品名稱,價格,存貨,圖片等等。刪除商品,就是在線購物商城系統(tǒng)后臺將商品的資料全部刪除。商品歸類,是指將商品在后臺進行歸類,讓使用者能夠更好的進行瀏覽與查找。商品推薦,指的是在后臺為商品推薦,增加商品的曝光度和銷量。系統(tǒng)信息管理管理員需要在后臺查看自己的銷售數(shù)據(jù),包括銷售額、銷售量、銷售排名等。需要在后臺查看自己的用戶數(shù)據(jù),包括用戶數(shù)量、用戶行為等。管理員要能夠在后端查詢自己的訂單的詳細信息,包括訂單的數(shù)目、訂單的金錢數(shù)額、訂單的退發(fā)貨狀態(tài)等。訂單信息管理在線購物商城訂單信息管理是指對商城所有訂單信息進行管理、處理、查詢和統(tǒng)計的過程。主要包括訂單創(chuàng)建、付款、發(fā)貨、退貨等環(huán)節(jié)的處理和記錄。訂單信息管理的重要性在于能夠提高商城的運營效率,提供更好的客戶服務(wù),同時也能夠為商城提供更準(zhǔn)確的銷售數(shù)據(jù)和統(tǒng)計分析。3.4系統(tǒng)非功能性需求3.4.1用戶交互界面在功能完備的狀態(tài)下,系統(tǒng)應(yīng)具有良好的用戶交互界面。界面操作流程應(yīng)簡單化,減輕用戶操作負(fù)擔(dān),并提供明確的反饋,反饋用戶購物的執(zhí)行結(jié)果。人機交互接口的主動權(quán)應(yīng)該在使用者手中,使用者有權(quán)在任何時候結(jié)束目前的作業(yè),并提供防錯與驗證的功能。3.4.2響應(yīng)時間要求評估一個系統(tǒng),首要的是反應(yīng)速度。如果消費者在網(wǎng)上購物商城的小程序中出現(xiàn)了很大的卡頓,就會影響到用戶的體驗,對小程序的宣傳也是不利的。所以,在對網(wǎng)上商城的小程序進行研究和開發(fā)的時候,必須考慮到響應(yīng)時間的需要。(曹艷琴,2021)。3.4.3系統(tǒng)可維護性和可擴展性在開發(fā)的時候,需要將前后端分離開來,彼此之間是獨立的。在前端,微信小程序支持采用本地的小程序框架,同時還采用了Vue.js、React等主流前端框架。其中,Vue采用組件化的開發(fā)方式,將頁面劃分為多個組件,每個組件獨立開發(fā)、測試和維護,方便代碼的重用和維護。后端中組件化開發(fā):SpringBoot采用組件化的開發(fā)方式,將應(yīng)用程序劃分為多個組件,每個組件獨立開發(fā)、測試和維護,方便代碼的重用和維護。后端易于擴展:SpringBoot提供了擴展點和接口,方便開發(fā)者進行自定義開發(fā)和擴展,同時提供了豐富的文檔和社區(qū)支持。例如,SpringCloud可以用于構(gòu)建微服務(wù)架構(gòu)等。因此提高系統(tǒng)的的可維護性與可擴展性。4系統(tǒng)概要設(shè)計4.1子系統(tǒng)模塊設(shè)計如圖3所示,依據(jù)小程序的需求分析,本小程序根據(jù)參與者分為兩個子系統(tǒng),每個參與者分別有不同業(yè)務(wù),業(yè)務(wù)之間相對獨立卻又緊密聯(lián)系。圖SEQ圖\*ARABIC3子系統(tǒng)設(shè)計用例模型圖4.1業(yè)務(wù)流程設(shè)計本系統(tǒng)主要面向用戶和管理員兩個參與者,業(yè)務(wù)主要集中在對于用戶在線購物的相關(guān)操作。4.2.1用戶模塊用戶模塊主要是瀏覽商城中提供的商品,選擇用戶所需要的商品進入購物車進行訂單結(jié)算。如圖4所示,用戶點擊在線購物商城小程序登錄后就可以瀏覽商城中的商品也可以根據(jù)商品分類比如用戶想購買蘋果即可點擊水果分類來找到自己所需要的蘋果、瀏覽商品詳情來讓用戶更好的了解商品、用戶還可以通過輸入關(guān)鍵詞來查找所要的商品,用戶找到多件自己想要購買的商品時可以把該商品添加到購物車中以便可以一并一起結(jié)算訂單。在線購物商城小程序為顧客提供的服務(wù),包括首頁商品展示,商品分類,購物車界面,個人中心界面。第一次使用本小程序時,在商品顯示界面上瀏覽商品,然后再進行一系列的操作。因此,在對這套網(wǎng)上商城小程序進行研究的過程中,要想吸引更多的顧客,就必須要盡量的取悅顧客,因此,使用了商品首頁的設(shè)計,包括商品的名稱、圖片、價格等細節(jié)。在設(shè)計界面的時候,就是要給用戶提供一種非常豐富的體驗。圖SEQ圖\*ARABIC4用戶瀏覽商品功能圖如圖5所示,在線商城購物車功能模塊,用戶在瀏覽商品后選擇是否要購買商品,是則點擊“加入購物車”按鈕,否則返回瀏覽商品。同時用戶也可以直接搜索所需商品加入購物車。加入到用戶的購物車后,用戶在購物車界面中可以查看選擇了什么商品和多少數(shù)目,用戶也可以修改商品數(shù)目或刪除又不需要的商品。如果用戶挑選完畢商品后選擇結(jié)算,用戶點擊“結(jié)算”按鈕,則訂單確認(rèn),進入訂單代發(fā)貨。系統(tǒng)根據(jù)用戶的購物車中的商品資料生成訂單,并計算出訂單金額然后發(fā)給用戶查看。用戶支付金額后,系統(tǒng)收到支付確認(rèn)后,將訂單信息發(fā)送給管理員進行處理。管理員根據(jù)訂單信息準(zhǔn)備商品并安排發(fā)貨,自此完成商品的購買。圖SEQ圖\*ARABIC5購物車模塊業(yè)務(wù)流程圖4.2.2管理員模塊在線購物商城小程序的后臺管理員查看訂單是否支付,如果已經(jīng)支付繼續(xù)查看是否發(fā)貨,如果是發(fā)貨則點擊“發(fā)貨“按鈕為用戶發(fā)貨,完成對用戶的發(fā)貨操作。另外用戶在小程序端如果購買商品后對商品不滿意,可以對商品選擇退貨操作,管理員在后臺查看訂單,如果有退貨訂單則是否退貨,點擊“退貨按鈕”,則可為用戶退貨,小程序端用戶也會收到退貨成功消息,如圖6所示;商品信息管理系統(tǒng)里可以對在線購物商城小程序里的商品進行添加、刪除以及修改等操作。用戶信息管理模塊管理員可以添加、刪除、修改用戶信息,包括用戶名、密碼、權(quán)限等。設(shè)置首頁商品功能可以將商品設(shè)置為首頁商品以方便消費者并且提高該商品的曝光率,可以帶動滯銷商品的銷量。商品銷售信息功能,管理員可以對在線購物商城小程序中的數(shù)據(jù)進行統(tǒng)計和分析,包括數(shù)據(jù)的數(shù)量、分布情況等,以便于進行決策和規(guī)劃。后臺管理員在這個小程序中起著舉足輕重的作用,其功能大概為五大部分。本小程序后臺管理員具體功能設(shè)計如圖7所示。圖6訂單模塊業(yè)務(wù)流程圖圖7管理員具體功能圖4.3數(shù)據(jù)字典設(shè)計4.3.1MySQL數(shù)據(jù)存儲設(shè)計如表2所示,MySQL數(shù)據(jù)庫中需要存儲用戶的基本信息,如手機號碼、加密后密碼、頭像等信息。表2用戶表user列名數(shù)據(jù)類型主鍵描述idint(64)是用戶編號phonevarchar(11)用戶手機號碼passwordvarchar(50)加密后的登錄密碼addressvarchar(60)地址emailvarchar(100)電子郵箱sexvarchar(5)性別birthdayvarchar(50)出生日期nicknamevarchar(60)用戶名如表3所示,對于商品的基本信息,如商品名,商品價格,商品庫存商品分類等信息。表3商品表goods列名數(shù)據(jù)類型主鍵描述idint(64)是商品編號namevarchar(60)商品名pricedecimal(4,2)

商品價格countint(64)商品庫存typledint(64)商品分類descriptionvarchar(60)商品描述如表4所示,對于商品分類表,如分類名稱,分類描述。表4商品分類表type列名數(shù)據(jù)類型主鍵描述idint(64)是分類編號namevarchar(60)分類名稱descriptionvarchar(60)分類描述如表5所示,對于商品訂單信息表,如訂單編號,訂單總價,用戶id,訂單創(chuàng)建時間等。表5訂單信息表order列名數(shù)據(jù)類型主鍵描述idint(64)是Keyordernumbervarchar(50)訂單編號totalpricedecimal(4,2)訂單總價useridint(64)用戶idcreatetimeint(64)創(chuàng)建時間phonevarchar(11)電話號碼addressvarchar(60)收貨地址statevarchar(5)訂單狀態(tài)5系統(tǒng)詳細設(shè)計5.1小程序端5.1.1登錄注冊(1)功能描述用戶可進行登錄操作,以獲得在在線購物商城系統(tǒng)進行購物操作的身份權(quán)限。(2)具體實現(xiàn)當(dāng)用戶在主頁上單擊“登錄”,向網(wǎng)站后臺發(fā)送注冊信息,網(wǎng)站后臺檢查用戶名稱、密碼的正確性后,再返回是否登陸成功的消息。一般的用戶只需要在主頁上點擊“注冊”,就可以把注冊信息發(fā)送到網(wǎng)站的后臺,后臺會對其進行形式檢查,然后把一些用戶的資料提交到網(wǎng)站后臺保存,如果保存好了,就會把網(wǎng)頁上的回復(fù)信息反饋回來,然后,網(wǎng)站就會把這個消息反饋給小程序。5.1.2商品信息展示(1)功能描述將商品的圖像,名稱,金額等信息展示給用戶瀏覽,以便用戶找到自己所需要的商品。同時可以看到其他已購買該商品用戶留下的評論,以便用戶得到商品客觀評價。(2)具體實現(xiàn)publicResult<GoodsInfo>add(@RequestBodyGoodsInfogoodsInfo){goodsInfoService.add(goodsInfo);returnResult.success(goodsInfo);}//新增商品PutMappingpublicResultupdate(RequestBodyGoodsInfogoodsInfo){goodsInfoService.update(goodsInfo);returnResult.success();}//更新商品DeleteMapping("/{id}")publicResultdelete(PathVariableLongid){goodsInfoService.delete(id);returnResult.success();}//刪除商品5.1.3購物車(1)功能描述用戶將自己心儀的商品加入購物車一并結(jié)算。具體實現(xiàn)用戶選好心儀商品將其添加進購物車。getCartInfo(){letuser=wx.getStorageSync('user');//獲取購物車的商品列表;.cart_content.cart_main.cart_item.cart_info_wrap.goods_price_wrap.cart_num_tool.num_edit{//增添購物車商品數(shù)量;data-id="{{item.id}}"data-operation="{{-1}}">-</view>//顯示‘-’號按鍵;data-id="{{item.id}}"data-operation="{{1}}">+</view>//顯示‘+’號按鍵;handleItemNumEdit(e){//刪除購物車內(nèi)商品;5.1.4訂單(1)功能描述用戶購物選購?fù)晟唐泛蠼Y(jié)算購物車生成訂單。具體實現(xiàn)handlePay(){if(this.data.cart.length===0){//購物未添加任何商品,提示無法下單;title:'購物車空空如也~',//提示用戶添加購物車;letuser=wx.getStorageSync('user');//獲取訂單用戶;Letdata={userid:user.id,level:user.level,totalprice:this.data.totalPrice,goodsList:this.data.cart};//獲取訂單詳情包括用戶id,等級總價日期等等;5.1.5商品搜索(1)功能描述通過商品查詢,用戶可以迅速地查找到所需物品。當(dāng)使用者在搜尋欄位中鍵入關(guān)鍵字時,該系統(tǒng)將會依據(jù)關(guān)鍵字與商品名稱等資訊進行比對,并傳回所需的商品清單。(2)具體實現(xiàn)FunctiongetGoodsInfoGoodsList(name){//如果name為空,則將其設(shè)置為'all'if(name為空或name為空字符串或name為''){name='all';}//向服務(wù)器端發(fā)送請求,獲取商品信息列表從服務(wù)器端獲取商品信息列表(url:'/goodsInfo/page/'+name+'?pageNum=1&pageSize=100'),并將返回結(jié)果命名為res如果返回結(jié)果中的code為0,則執(zhí)行以下操作:將返回結(jié)果中的商品信息列表命名為goodsInfoGoodsList對商品信息列表中的每個商品信息進行處理:如果該商品信息沒有附帶圖片,則將其url設(shè)置為默認(rèn)圖片否則,將該商品信息附帶的圖片url設(shè)置為附帶的第一張圖片將處理后的商品信息列表展示給用戶否則,顯示錯誤提示信息search:function(e){Varname=e.detail.value;this.getGoodsInfoGoodsList(name);}});//當(dāng)用戶在搜索框中輸入商品名稱時,觸發(fā)search函數(shù):獲取用戶輸入的商品名稱,命名為name調(diào)用getGoodsInfoGoodsList函數(shù),傳入name參數(shù),實現(xiàn)搜索功能5.2后臺5.2.1登錄注冊(1)功能描述在線購物商城后臺可進行登錄注冊操作,獲得在在線購物商城進行相關(guān)操作的身份權(quán)限。(2)具體實現(xiàn)網(wǎng)上商城管理員在主頁上單擊“登錄”按鈕,向網(wǎng)站后臺發(fā)送注冊信息,網(wǎng)站后臺對用戶名稱、密碼進行校驗后,再返回是否登陸成功的消息。網(wǎng)上商城的管理員會在主頁上點擊“注冊”,然后向網(wǎng)站后臺發(fā)送注冊信息,后臺對網(wǎng)站進行形式檢查,并保存好之后,再將網(wǎng)站的回復(fù)信息反饋給網(wǎng)站。5.2.2商品信息管理(1)功能描述在線購物商城管理者登錄后,可對商品基本信息進行修改。(2)具體實現(xiàn)在線購物商城管理者在首頁登錄后,查看商品信息,在此基礎(chǔ)上,通過HTTP請求,對所述部分可更改的信息項目進行修改,并通過HTTP請求向Web后端傳送所需的信息,然后由Web后端對所述信息進行驗證,從而對MySQL數(shù)據(jù)庫進行更新。publicGoodsInfoadd(GoodsInfogoodsInfo){convertFileListToFields(goodsInfo);goodsInfoMapper.insertSelective(goodsInfo);returngoodsInfo;}//新增商品publicvoidupdate(GoodsInfogoodsInfo){convertFileListToFields(goodsInfo);goodsInfoMapper.updateByPrimaryKeySelective(goodsInfo);}//修改商品publicvoiddelete(Longid){goodsInfoMapper.deleteByPrimaryKey(id);}//根據(jù)id刪除商品publicGoodsInfofindById(Longid){List<GoodsInfo>list=goodsInfoMapper.findByName(null,id);if(list==null||list.size()==0){returnnull;}returnlist.get(0);}//根據(jù)id獲取商品5.2.3個人信息管理(1)功能描述在線購物商城管理者登錄后,可對個人基本信息進行修改。包括用戶的信息與管理者的信息。(2)具體實現(xiàn)打開“在線購物商城”后臺后,查看用戶或管理者信息,對部分可修改信息項進行修改,并將更新后的組織信息以HTTP請求發(fā)送至Web后端,Web后端進行信息正確性校驗后,更新MySQL數(shù)據(jù)庫信息。5.2.4商品類別管理(1)功能描述管理者可以將商品分類,以便用戶挑選所需要的的商品。(2)具體實現(xiàn)在商品分類界面時,在線購物商城管理者填寫所商品分類的詳細信息,將分類信息以HTTP請求發(fā)送至Web后端,Web后端進行信息正確性校驗后,返回響應(yīng)信息,Web后端將分類ID、分類名稱存儲在MySQL數(shù)據(jù)庫后,向客戶端返回響應(yīng)信息。publicinterfaceTypeInfoMapperextendsMapper<TypeInfo>{List<TypeInfo>findByName(@Param("name")Stringname);//根據(jù)類別名稱查詢publicTypeInfoadd(TypeInfotypeInfo){typeInfoMapper.insertSelective(typeInfo);returntypeInfo;}//新增商品類別publicvoidupdate(TypeInfotypeInfo){typeInfoMapper.updateByPrimaryKeySelective(typeInfo);}//修改商品類別publicvoiddelete(Longid){typeInfoMapper.deleteByPrimaryKey(id);}//根據(jù)id刪除商品類別publicTypeInfofindById(Longid){returntypeInfoMapper.selectByPrimaryKey(id);}//根據(jù)id獲取商品類別5.2.5訂單發(fā)貨,收貨和退貨(1)功能描述小程序端下單后,后端根據(jù)訂單發(fā)貨并減少相應(yīng)庫存。(2)具體實現(xiàn)在發(fā)貨界面時,在線購物商城管理者需要發(fā)貨的商品,將發(fā)貨信息以HTTP請求發(fā)送至Web后端,Web后端進行信息正確性校驗后,返回響應(yīng)信息。小程序端確認(rèn)收貨。小程序端如申請退貨則退貨請求發(fā)送至Web后端,Web后端進行信息正確性校驗后,返回響應(yīng)信息,確認(rèn)退貨后,退貨完成。publicOrderInfoadd(OrderInfoorderInfo){//生成最基本的訂單信息,用戶信息,放到orderInfo里L(fēng)onguserId=orderInfo.getUserid();//訂單id:用戶id+當(dāng)前年月日時分+4位流水號StringorderId=userId+DateUtil.format(newDate(),"yyyyMMddHHmm")+RandomUtil.randomNumbers(4);orderInfo.setOrderid(orderId);//用戶相關(guān)UserInfouserInfo=userInfoService.findById(userId);orderInfo.setLinkaddress(userInfo.getAddress());orderInfo.setLinkman(userInfo.getNickname());orderInfo.setLinkphone(userInfo.getPhone());//保存訂單表orderInfo.setCreatetime(DateUtil.formatDateTime(newDate()));orderInfoMapper.insertSelective(orderInfo);List<OrderInfo>orderInfoList=orderInfoMapper.findByOrderId(orderId);GoodsInfogoodsDetail=goodsInfoService.findById(goodsId);if(goodsDetail==null){continue;}IntegerorderCount=orderGoodsVO.getCount()==null?0:orderGoodsVO.getCount();//想買多少IntegergoodsCount=goodsDetail.getCount()==null?0:goodsDetail.getCount();//有多少庫存//扣庫存if(orderCount>goodsCount){thrownewCustomException(ResultCode.ORDER_PAY_ERROR);}goodsDetail.setCount(goodsCount-orderCount);//增加銷量intsales=goodsDetail.getSales()==null?0:goodsDetail.getSales();goodsDetail.setSales(sales+orderCount);goodsInfoService.update(goodsDetail);6系統(tǒng)運行與測試6.1后臺登錄6.1.1管理員登錄后臺管理員登陸后臺見圖8,管理員只需輸入正確的用戶名稱和正確的登陸密碼,就可以登陸網(wǎng)上商城的小程序后臺。如果沒有使用者名稱,則會出現(xiàn)「使用者不存在」的提示。如果出現(xiàn)不正確的密碼,將出現(xiàn)“密碼錯誤”的提示。圖8管理員登錄后臺界面6.1.2后臺首頁界面如圖9圖10所示,后臺首頁界面展示了左側(cè)任務(wù)欄分別有系統(tǒng)首頁,信息展示包括用戶信息、公告信息、商品信息、商品詳情、訂單信息、購物車信息、評論信息、個人信息,修改密碼、退出登錄。頁面主要有一些基本的信息包括用戶總數(shù)、評論總數(shù)、總交易額、總銷量、關(guān)于商品分類的總銷售額的餅圖、關(guān)于商品分類的總銷售量的餅圖。并且可以調(diào)節(jié)選項將商品分類的總銷售額的餅圖轉(zhuǎn)換為柱狀圖、關(guān)于商品分類的總銷售量的餅圖轉(zhuǎn)化為柱狀圖。這些圖形很清楚明了告訴了管理員各個商品的熱銷程度。圖9后臺系統(tǒng)首頁界面圖10后臺系統(tǒng)首頁界面6.2信息展示6.2.1用戶信息在線商城后臺用戶信息是商城管理人員進行管理和操作的重要數(shù)據(jù),用戶信息展示用戶ID、用戶賬號、用戶昵稱、用戶性別、用戶年齡、用戶手機號、用戶的收貨地址、以及管理員操作,如圖11所示。管理選擇編輯可以進行對用戶信息的編輯,選擇新增可以增添新用戶信息,如圖12所示。用戶信息可以幫助商城管理人員了解用戶的基本信息,以便進行用戶的管理和服務(wù)。同時,用戶信息也可以幫助商城進行用戶行為的統(tǒng)計和分析,以不斷優(yōu)化和改進商城的運營和管理。6.2.2公告信息商品公告是在線商城中用于宣傳和介紹商品的重要信息之一,公告信息展示管理員所想要公告的信息,以及公告時間,如圖13所示??梢跃庉嬇c新增公告信息,如圖14所示。商品公告信息可以幫助商城宣傳和介紹商品的特點和價值,提高用戶對商品的認(rèn)知和信任度。同時,商品公告信息也可以幫助商城進行商品的促銷和營銷,增加商品的銷售量和收益。圖11用戶信息展示圖12用戶信息編輯圖13公告信息圖14公告信息編輯6.2.3商品類別管理員可以對商品進行分類,商品類別展示了商品類別的名稱與商品類別的介紹,如圖15所示。管理員可以對商品類別進行編輯與新增,如圖16所示。圖15商品類別界面圖16商品類別新增界面6.2.4商品詳情在線商城商品詳情頁是管理員了解和管理商品的重要界面,展示所有商品的相關(guān)情況,商品名稱,商品描述等等,如圖17所示。并且管理員可以對商品信息進行增添、刪除、查找進行操作,保證網(wǎng)絡(luò)商城小程序內(nèi)商品的豐富性,如圖18所示。6.2.5訂單信息(1)當(dāng)小程序端有訂單生成,訂單信息界面就會生成訂單,管理員進行發(fā)貨操作,訂單界面展示了訂單編號,總價格,收貨人,收貨地址,連線電話以及訂單狀態(tài),如圖19所示。(2)當(dāng)小程序端有用戶應(yīng)貨不滿意發(fā)生退貨申請,則會反映到后端生成退貨申請。如圖20所示。圖17商品詳情界面圖18新增商品詳情界面圖19訂單信息發(fā)貨界面圖20訂單信息退貨界面6.2.6購物車信息展示用戶的購物車信息,包括用戶購買商品的名稱,商品的數(shù)量,商品購買的時間,管理員有權(quán)刪除購物車?yán)镥e誤的商品信息,如圖21所示。圖21購物車信息界面6.2.7評論信息在線購物商城管理者可以管理用戶的購買商品后對商品評論的信息,可以看到全部的商品評論信息包括哪一位用戶評論的哪一件商品,以及評論時間和評論的內(nèi)容,可以刪除不符合規(guī)定或者對商品描述不屬實的評論信息內(nèi)容。如圖22所示。6.3個人信息在線購物商城管理者可以修改自己的個人信息,包括自己的姓名、昵稱、性別、年齡、手機號、地址,點擊保存即可更改信息。以便微信在線購物商城管理者管理自己的信息如圖23所示。圖22評論信息界面圖23個人信息界面6.4修改密碼為了增加用戶賬號的安全性,用戶可以不定期修改自己的密碼,來確保自己的賬號不會泄露,如圖24所示。圖24修改密碼界面6.5小程序端6.5.1.小程序端首頁小程序端首頁展示了商品的大圖,以及推薦商品的列表。首頁的商品可以吸引用戶購買商品的欲望,從而增加商品的銷量,如圖25(a)所示。6.5.2商品詳情用戶看到心儀的商品,單擊商品即可瀏覽商品的詳細信息,包括商品的圖片,價格,名稱,商品描述,商品評論等。如圖25(b)所示。6.5.3商品分類為方便用戶挑選自己所需商品,系統(tǒng)將商品分為不同品類可供用戶方便挑選。用戶選擇自己所需分類即可迅速找到自己所需要的商品。如圖25(c)所示。(a)小程序端首頁界面(b)商品詳情界(c)商品分類界面圖25商品界面6.5.4購物車界面網(wǎng)上商城的購物車,是指消費者在購買了產(chǎn)品之后,在一個臨時的存儲空間,用戶可以將所要購買的物品放入購物車,從而實現(xiàn)對商品的統(tǒng)一結(jié)算與管理。當(dāng)使用者將自己喜歡的物品加入到購物車中的時候,當(dāng)使用者完成了對物品的購買后,就會選擇物品的數(shù)目和規(guī)格。即可到購物車界面結(jié)算訂單。如圖26(a)所示。在加入購物車之后,當(dāng)用戶不再需要物品時,可以將自己不需要的物品刪除,并可以在購物車中點擊“+”或“-”號調(diào)節(jié)自己需要的物品的數(shù)量。如圖26(b)所示。用戶可以在購物車中清空所有已經(jīng)添加的商品,以便重新選擇和購買。6.5.5個人中心界面在線商城個人中心是用戶進行個人信息管理和訂單管理的重要界面,在個人中心界面如圖27(a),可以充值金額如圖27(b),看到自己的全部訂單如圖28(a)的信息,代付款訂單如圖28(b)的信息,待收貨訂單如圖28(c),退貨訂單如圖28(d)以及客服電話。(a)購物車界面(b)購物車刪除物品界面圖26購物車功能圖(a)個人中心界面(b)充值金額界面圖27個人中心與充值金額界面待付款訂單界面(b)待付款訂單界面(c)待收貨訂單界面(d)退貨訂單界面圖28訂單界面6.5.6關(guān)鍵字檢索商品關(guān)鍵字檢索是在線購物商城小程序中非常重要的功能之一,進入在線購物商城小程序后,為了避免用戶找不到自己所需要的的商品,用戶可通過輸入關(guān)鍵字快速查找自己需要的商品的詳細信息,可以幫助用戶快速找到需要的商品。當(dāng)使用者在商場內(nèi)輸入關(guān)鍵詞進行查詢時,該系統(tǒng)會依據(jù)關(guān)鍵詞與該物品的名字相匹配,并在搜索結(jié)果中顯示出與之相匹配的物品中如圖29(a)所示。6.6商品評論功能當(dāng)用戶成功購買商品并且無退貨退款情況下,用戶可以選擇對該商品進行評論如圖29(b)所示,可以幫助用戶了解商品的質(zhì)量、服務(wù)等方面的情況,同時也可以幫助商城了解用戶的需求和反饋。用戶的評論將會商品詳情中展示如圖29(c)所示,為其他用戶購買此商品時提供建議。利用上述產(chǎn)品評論功能的細節(jié),商場能夠提升產(chǎn)品的品質(zhì)和服務(wù)水平,增強顧客的信任度與忠誠度,還能讓商場及時掌握顧客的需要與反饋,從而對商場的運營與管理進行持續(xù)的優(yōu)化與改善。(a)關(guān)鍵字檢索商品界面(b)商品評論界面(c)商品詳情中評論界面圖29商品評論功能展示

7總結(jié)與展望7.1論文總結(jié)本文以微信小程序為基礎(chǔ),設(shè)計和開發(fā)了一個網(wǎng)上商城。本論文的主要研究工作如下:1.研究和分析了目前人們網(wǎng)購的行為習(xí)慣,并對其進行了梳理和總結(jié),提出了適合于網(wǎng)絡(luò)購物商城微信小程序發(fā)展的有關(guān)數(shù)據(jù)信息。并對目前微信小程序的發(fā)展?fàn)顩r進行了分析,由此得出論文所要研究的內(nèi)容的心得體會;2.結(jié)合小程序的發(fā)展,整理并總結(jié)了目前在小程序研發(fā)過程中所運用到的相關(guān)理論與技術(shù)。3.從系統(tǒng)的功能要求、系統(tǒng)的性能要求以及系統(tǒng)的可行性等方面,對網(wǎng)絡(luò)購物平臺的應(yīng)用進行了系統(tǒng)的需求分析;4.基于系統(tǒng)的架構(gòu)、系統(tǒng)的邏輯結(jié)構(gòu),并結(jié)合微信小程序的發(fā)展特點,具體說明了在線購物商城小程序的系統(tǒng)設(shè)計與實現(xiàn),實現(xiàn)了小程序的各項前端功能和后臺功能。5.根據(jù)系統(tǒng)功能,系統(tǒng)兼容性,系統(tǒng)性能,分析各項試驗的結(jié)果,初步證明,在線購物商城小程序的各種功能都滿足了需求分析和系統(tǒng)設(shè)計的有關(guān)要求,并對該系統(tǒng)進行了測試,確保了該

溫馨提示

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

評論

0/150

提交評論