摘 要

隨著我國(guó)經(jīng)濟(jì)迅速發(fā)展，人們對(duì)手機(jī)的需求越來(lái)越大，各種手機(jī)軟件也都在被廣泛應(yīng)用，但是對(duì)于手機(jī)進(jìn)行數(shù)據(jù)信息管理，對(duì)于手機(jī)的各種軟件也是備受用戶(hù)的喜愛(ài)，微信小程序被用戶(hù)普遍使用，為方便用戶(hù)能夠可以隨時(shí)進(jìn)行小程序的相應(yīng)信息內(nèi)容的管理，特開(kāi)發(fā)了基于微信小程序的商品展示系統(tǒng)小程序。
商品展示系統(tǒng)的設(shè)計(jì)主要是對(duì)系統(tǒng)所要實(shí)現(xiàn)的功能進(jìn)行詳細(xì)考慮，確定所要實(shí)現(xiàn)的功能后進(jìn)行界面的設(shè)計(jì)，在這中間還要考慮如何可以更好的將功能及頁(yè)面進(jìn)行很好的結(jié)合，方便用戶(hù)可以很容易明了的找到自己所需要的信息，還有系統(tǒng)平臺(tái)后期的可操作性，通過(guò)對(duì)信息內(nèi)容的詳細(xì)了解進(jìn)行技術(shù)的開(kāi)發(fā)。
商品展示系統(tǒng)平臺(tái)開(kāi)發(fā)使系統(tǒng)能夠更加方便快捷，同時(shí)也促使商品展示系統(tǒng)變的更加系統(tǒng)化、有序化。系統(tǒng)界面較友好，易于操作。具體在系統(tǒng)設(shè)計(jì)上，微信端使用微信開(kāi)發(fā)者，后臺(tái)也使用java技術(shù)在動(dòng)態(tài)頁(yè)面上進(jìn)行了設(shè)計(jì)，Mysql數(shù)據(jù)庫(kù)，是一個(gè)非常優(yōu)秀的商品展示系統(tǒng)

關(guān)鍵詞：商品展示系統(tǒng) ；微信開(kāi)發(fā)者 java語(yǔ)言 Mysql 數(shù)據(jù)庫(kù) SSM框架

Abstract

With the rapid development of China's economy, people's demand for mobile phones is increasing, and all kinds of mobile phone software are widely used. WeChat Mini Program is widely used by users. In order to facilitate users to manage the corresponding information content of Mini Programs at any time, WeChat Mini Program based commodity display system Mini Program is developed.

The design of the commodity display system is mainly to consider the functions to be realized in detail, to determine the functions to be realized, and to design the interface. It is easy for users to find the information they need, and the later maneuverability of the system platform.
The development of commodity display system platform makes the system more convenient and fast, and also makes the commodity display system more systematic and orderly. The system interface is friendly and easy to operate. Specifically in the system design, WeChat end uses WeChat developers, backstage also uses java technology to design on the dynamic page, Mysql the database, is a very good commodity display system
Keywords: commodity display system; WeChat developer java language Mysql database SSM framework

目 錄

商品展示系統(tǒng) I
摘 要 I
Abstract 2
1 系統(tǒng)概述 4
1.1 概述 4
1.2課題意義 4
1.3 主要內(nèi)容 4
2 系統(tǒng)開(kāi)發(fā)環(huán)境 5
2.1微信開(kāi)發(fā)者工具 5
2.2小程序框架以及目錄結(jié)構(gòu)介紹 5
2.3 JAVA簡(jiǎn)介 5
2.4 MySQL數(shù)據(jù)庫(kù) 6
2.5 SSM三大框架 7
3 需求分析 1
3.1 系統(tǒng)設(shè)計(jì)目標(biāo) 1
3.2需求分析概述 1
3.3 系統(tǒng)可行性分析 2
3.4經(jīng)濟(jì)可行性 3
3.5操作可行性： 3
3.6系統(tǒng)流程和邏輯 3
4系統(tǒng)概要設(shè)計(jì) 7
4.1 概述 7
4.2 系統(tǒng)結(jié)構(gòu) 7
4.3. 數(shù)據(jù)庫(kù)設(shè)計(jì) 9
4.3.1 數(shù)據(jù)庫(kù)實(shí)體 9
4.3.2 數(shù)據(jù)庫(kù)設(shè)計(jì)表 10
5系統(tǒng)詳細(xì)設(shè)計(jì) 13
5.1管理員服務(wù)端功能界面 13
5.1用戶(hù)微信端功能模塊 17
6 系統(tǒng)測(cè)試 26
6.1 測(cè)試?yán)碚?26
6.2 測(cè)試方法及用例 27
6.3測(cè)試結(jié)果 28
結(jié)論 29
致　謝 30
參考文獻(xiàn) 31

1 系統(tǒng)概要設(shè)計(jì)

4.1 概述
本系統(tǒng)基于Web服務(wù)模式，是一個(gè)適用于Internet環(huán)境下的模型結(jié)構(gòu)。只要用戶(hù)能連上Internet,便可以在任何時(shí)間、任何地點(diǎn)使用。系統(tǒng)工作原理圖如圖4-1所示：

圖4-1 系統(tǒng)工作原理圖
4.2 系統(tǒng)結(jié)構(gòu)
本系統(tǒng)架構(gòu)網(wǎng)站，本系統(tǒng)的具體功能如下：

圖4-2系統(tǒng)功能結(jié)構(gòu)圖
3C產(chǎn)品售賣(mài)微信小程序操作系統(tǒng)的結(jié)構(gòu)，功能模塊如下圖4-3。

圖4-3系統(tǒng)結(jié)構(gòu)圖

4.3. 數(shù)據(jù)庫(kù)設(shè)計(jì)
4.3.1 數(shù)據(jù)庫(kù)實(shí)體
用戶(hù)信息實(shí)體屬性圖如圖4-4所示。

圖4-4用戶(hù)信息實(shí)體屬性圖
商品信息實(shí)體屬性圖如圖4-5所示。

圖4-5商品信息實(shí)體屬性圖
訂單信息實(shí)體屬性圖如圖4-6所示。

圖4-6訂單信息實(shí)體屬性圖
4.3.2 數(shù)據(jù)庫(kù)設(shè)計(jì)表
此系統(tǒng)需要后臺(tái)數(shù)據(jù)庫(kù)，下面介紹數(shù)據(jù)庫(kù)中的各個(gè)表的詳細(xì)信息。
表4.1 album表
列名 數(shù)據(jù)類(lèi)型 長(zhǎng)度 約束
id int 11 PRIMARY KEY
des varchar 255 DEFAULT NULL
name varchar 255 DEFAULT NULL
privilege varchar 255 DEFAULT NULL
pubren varchar 255 DEFAULT NULL
tupian varchar 255 DEFAULT NULL
xtype varchar 255 DEFAULT NULL
表4.2 albumitem表
列名 數(shù)據(jù)類(lèi)型 長(zhǎng)度 約束
id int 11 PRIMARY KEY
albumid varchar 255 DEFAULT NULL
tupian bigint 255 DEFAULT NULL
表4.3 attachement表
列名 數(shù)據(jù)類(lèi)型 長(zhǎng)度 約束
id int 11 PRIMARY KEY
belongfileldname varchar 255 DEFAULT NULL
belongid varchar 255 DEFAULT NULL
belongtable varchar 255 DEFAULT NULL
filename varchar 255 DEFAULT NULL
title varchar 255 DEFAULT NULL
type varchar 255 DEFAULT NULL
url varchar 255 DEFAULT NULL
表4.4 bankuai表
列名 數(shù)據(jù)類(lèi)型 長(zhǎng)度 約束
id int 11 PRIMARY KEY
creator varchar 255 DEFAULT NULL
des varchar 255 DEFAULT NULL
ishow int 11 DEFAULT NULL
isleaf int 11 DEFAULT NULL
name varchar 255 DEFAULT NULL
parentid int 11 DEFAULT NULL
表4.5 comment表
列名 數(shù)據(jù)類(lèi)型 長(zhǎng)度 約束
id int 11 PRIMARY KEY
belongid varchar 255 DEFAULT NULL
commentren varchar 255 DEFAULT NULL
photo varchar 255 DEFAULT NULL
xtype varchar 255 DEFAULT NULL
表4.6 friendlink表
列名 數(shù)據(jù)類(lèi)型 長(zhǎng)度 約束
id int 11 PRIMARY KEY
href varchar 255 DEFAULT NULL
title varchar 255 DEFAULT NULL
表4.7 indexcolumns表
列名 數(shù)據(jù)類(lèi)型 長(zhǎng)度 約束
id int 11 PRIMARY KEY
coldes varchar 255 DEFAULT NULL
colid varchar 255 DEFAULT NULL
layout varchar 255 DEFAULT NULL
showstyle varchar 255 DEFAULT NULL
width varchar 255 DEFAULT NULL
xtype varchar 255 DEFAULT NULL
表4.8 jiaodiantu表
列名 數(shù)據(jù)類(lèi)型 長(zhǎng)度 約束
id int 11 PRIMARY KEY
href varchar 255 DEFAULT NULL
pindex varchar 255 DEFAULT NULL
title varchar 255 DEFAULT NULL
tupian varchar 255 DEFAULT NULL
xtype varchar 255 DEFAULT NULL
表4.9 lanmu表
列名 數(shù)據(jù)類(lèi)型 長(zhǎng)度 約束
id int 11 PRIMARY KEY
creator varchar 255 DEFAULT NULL
des varchar 255 DEFAULT NULL
isleaf varchar 255 DEFAULT NULL
parentid varchar 255 DEFAULT NULL
title varchar 255 DEFAULT NULL
表4.10 notice表
列名 數(shù)據(jù)類(lèi)型 長(zhǎng)度 約束
id int 11 PRIMARY KEY
clickcount varchar 255 DEFAULT NULL
pubren varchar 255 DEFAULT NULL
pubtime varchar 255 DEFAULT NULL
title varchar 255 DEFAULT NULL

2 系統(tǒng)詳細(xì)設(shè)計(jì)

本系統(tǒng)使用了微信開(kāi)發(fā)者結(jié)合java和mysql結(jié)合的結(jié)構(gòu)開(kāi)發(fā)了商品展示系統(tǒng) 應(yīng)用，系統(tǒng)中所有和數(shù)據(jù)庫(kù)有關(guān)系的操作都通過(guò)一個(gè)通用類(lèi)來(lái)實(shí)現(xiàn)，大大提高了代碼的耦合性，當(dāng)數(shù)據(jù)庫(kù)類(lèi)型等信息變化后直接修改類(lèi)文件就可以了，不再需要每個(gè)頁(yè)面都修改。另外本系統(tǒng)解決了中文的問(wèn)題，也是在配置文件中添加了編碼方式的形式解決的，本系統(tǒng)另外一個(gè)大的特點(diǎn)是系統(tǒng)對(duì)數(shù)據(jù)庫(kù)的操作都單獨(dú)的寫(xiě)在了一個(gè)類(lèi)里，這樣對(duì)系統(tǒng)的所有數(shù)據(jù)庫(kù)操作都只訪問(wèn)這個(gè)類(lèi)就可以了，不要每個(gè)頁(yè)面都去寫(xiě)數(shù)據(jù)庫(kù)的操作，提高了系統(tǒng)的集成性。
5.1管理員服務(wù)端功能界面

管理員通過(guò)填寫(xiě)賬號(hào)、密碼、角色進(jìn)行登錄如圖5-7所示。

圖5.1管理員登錄界面圖

管理員進(jìn)入到首頁(yè)界面，通過(guò)界面的任務(wù)大廳，進(jìn)入到系統(tǒng)可以進(jìn)行查看個(gè)人中心、用戶(hù)管理、商品分類(lèi)管理、商品信息管理、系統(tǒng)管理、訂單管理等功能模塊，進(jìn)行相對(duì)應(yīng)操作。
用戶(hù)管理：通過(guò)列表可以獲取賬號(hào)、用戶(hù)、性別、年齡、手機(jī)、郵箱、照片等信息，進(jìn)行查看詳情、修改或刪除操作，或通過(guò)新增進(jìn)行查看或刪除操作，并通過(guò)輸入賬號(hào)進(jìn)行查詢(xún)操作，如圖5-2所示。

圖5.2用戶(hù)管理界面圖
商品分類(lèi)管理：通過(guò)列表可以獲取分類(lèi)等信息，進(jìn)行查看詳情、修改或刪除操作，并通過(guò)新增進(jìn)行添加分類(lèi)或輸入分類(lèi)進(jìn)行查詢(xún)操作，如圖5-3所示。

圖5.3商品分類(lèi)界面圖

商品信息管理：通過(guò)列表可以獲取商品名稱(chēng)、商品類(lèi)型、商品圖片、商品介紹、價(jià)格等信息，進(jìn)行查看詳情、修改或刪除操作，并查看評(píng)論操作，并通過(guò)輸入商品名稱(chēng)進(jìn)行查詢(xún)操作，如圖5-4所示。

圖5-4商品信息界面圖

購(gòu)物資訊管理：通過(guò)列表可以獲取標(biāo)題、簡(jiǎn)介、圖片等信息，進(jìn)行詳情、修改、刪除操作，并通過(guò)新增進(jìn)行添加信息，或輸入標(biāo)題進(jìn)行查詢(xún)，如圖5-5所示。

圖5-5購(gòu)物資訊管理界面圖

訂單管理：通過(guò)列表可以獲取已取消訂單、以支付訂單、已退款訂單、已完成訂單、已發(fā)貨訂單、未支付訂單等信息，進(jìn)行查看訂單的訂單編號(hào)、商品名稱(chēng)、商品圖片、購(gòu)買(mǎi)數(shù)量、價(jià)格、折扣價(jià)格、總價(jià)格、折扣總價(jià)格、支付類(lèi)型、狀態(tài)、地址等信息，進(jìn)行在線查看或刪除操作，并通過(guò)輸入訂單編號(hào)、商品名稱(chēng)進(jìn)行查詢(xún)，如圖5-6所示。

圖5-6訂單管理界面圖

5.1用戶(hù)微信端功能模塊
用戶(hù)注冊(cè)，在用戶(hù)注冊(cè)頁(yè)面可以填寫(xiě)用戶(hù)名、姓名、性別、聯(lián)系電話等信息，進(jìn)行注冊(cè)如圖5-7所示。

圖5-7用戶(hù)注冊(cè)界面圖
用戶(hù)登錄，在用戶(hù)登錄頁(yè)面填寫(xiě)賬號(hào)、密碼進(jìn)行登錄，如圖5-8所示。

圖5-8用戶(hù)登錄界面圖

首頁(yè)、用戶(hù)登錄到商品展示系統(tǒng)客可以查看首頁(yè)、商品信息、購(gòu)物資訊、我的等功能模塊，進(jìn)行相對(duì)應(yīng)操作，如圖5-9所示。

圖5-9用戶(hù)首頁(yè)功能界面圖

商品信息詳情頁(yè)面：通過(guò)列表可以獲取商品圖片、商品價(jià)格、商品名稱(chēng)、商品類(lèi)型、贊、踩、商品介紹、、評(píng)論等信息，進(jìn)行查看信息詳情或加入購(gòu)物車(chē)或立即訂購(gòu)、在線評(píng)論操作，如圖5-10所示。

圖5-10商品詳情界面圖
用戶(hù)通過(guò)購(gòu)物車(chē)可以進(jìn)行查看商品名稱(chēng)、價(jià)格、圖片等信息進(jìn)行添加減少數(shù)量等信息，進(jìn)行查看總價(jià)并進(jìn)行立即下單操作，如圖5-11所示。

圖5-11購(gòu)物車(chē)界面圖
訂單確認(rèn)：通過(guò)列表可以選擇地址、購(gòu)買(mǎi)清單、圖片、商品名稱(chēng)、價(jià)格、總價(jià)等信息進(jìn)行確認(rèn)支付操作，如圖5-12所示。

圖5-12訂單確認(rèn)界面圖
我的訂單：通過(guò)頁(yè)面可以進(jìn)行獲取以支付、已發(fā)貨、已完成、已取消等訂單信息，通過(guò)查看訂單編號(hào)、商品名稱(chēng)、價(jià)格、地址、合計(jì)等信息，進(jìn)行查看訂單或取消訂單操作，如圖5-13所示。

圖5-13我的訂單界面圖
我的：通過(guò)頁(yè)面可以進(jìn)行獲取商品信息、我的收藏管理、用戶(hù)充值、客服售后、購(gòu)物車(chē)、我的訂單等信息，進(jìn)行相對(duì)應(yīng)操作，如圖5-14所示。

5-14我的界面文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-801331.html

到了這里，關(guān)于基于微信小程序的商品展示系統(tǒng)+ssm的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！