《基于微信小程序的網(wǎng)上購物系統(tǒng)設計與實現(xiàn)》6200字

PAGE29基于微信小程序的網(wǎng)上購物系統(tǒng)設計與實現(xiàn)摘要 隨著社會的進步，微信的優(yōu)勢和覆蓋面使得開發(fā)網(wǎng)上購物系統(tǒng)成為必要。網(wǎng)上購物系統(tǒng)主要利用微信小程序實現(xiàn)用戶查看商品列表、、按分類、篩選商品、查看商品詳情、將商品添加到購物車、下單和管理訂單等功能，并為管理員提供管理商品信息、商品類別、訂單、關鍵字、促銷和用戶信息等功能。本項目采用java語言、wxss語言、mysql數(shù)據(jù)庫，基于c/s架構，采用自上而下的結構化系統(tǒng)分析方法，展示了一個全功能網(wǎng)上購物系統(tǒng)的設計和運行中的開發(fā)過程、操作步驟及其核心技術。首先，簡要介紹了研究現(xiàn)狀、研究工作的使用價值和理論意義以及需要解決的問題。接下來是系統(tǒng)需求分析功能概述、系統(tǒng)流程、數(shù)據(jù)庫設計、系統(tǒng)功能實現(xiàn)和測試。關鍵詞：網(wǎng)購系統(tǒng)；WXSS語言；MYSQL數(shù)據(jù)庫；C/S架構。摘要 I1概述 41.1課題背景及意義 41.2網(wǎng)上購物系統(tǒng)的研究 42系統(tǒng)開發(fā)技術 52.1小程序介紹 52.2MySQL數(shù)據(jù)庫 52.3JAVA簡介 62.4三層框架簡介 63系統(tǒng)分析 73.1可行性分析 73.1.1技術可行性 73.1.2操作可行性 73.1.3經濟可行性 73.1.4法律可行性 83.2系統(tǒng)流程設計 83.2.1系統(tǒng)開發(fā)流程 83.3概念設計 93.4系統(tǒng)功能設計 93.4.1功能概述 93.4.2系統(tǒng)功能結構 94數(shù)據(jù)庫設計 104.1ER圖 104.2數(shù)據(jù)庫表設計 115系統(tǒng)實現(xiàn) 135.1首頁界面 135.2分類頁面 145.3購物車界面 145.4個人中心界面 155.5首頁界面 175.6用戶管理界面 175.7商場管理界面 185.8商品管理界面 195.9推廣管理界面 205.10系統(tǒng)管理界面 215.11統(tǒng)計界面 22結論 22參考文獻 251概述1.1項目背景和意義近年來，隨著網(wǎng)絡技術的不斷進步，微信的規(guī)模逐漸擴大，用戶數(shù)量逐年增加，微信計劃應運而生。網(wǎng)上購物系統(tǒng)可以方便用戶查找商品信息，查看商品詳情，收集商品，購買商品，查看訂單信息，發(fā)布訂單評價，給用戶帶來方便。本系統(tǒng)的研究意義如下：(1)跨平臺，獨立于安卓蘋果、小米、華為手機，獨立于硬件，獨立于手機操作系統(tǒng)，只要能運行微信就可以使用。(2)解決社會的實際需要。目前很多人需要購買商品，但是實體店一般都比較遠。如果微信銷售可以進行，這種情況是可以避免的。從以上特點可以得出結論，我們需要充分了解微信小程序的特點，以微信小程序為平臺，充分利用其api設計一個依托微信小程序的網(wǎng)上購物系統(tǒng)，并利用技術手段來實現(xiàn)，以滿足在微信上購物的需求。1.2網(wǎng)購系統(tǒng)研究隨著社會信息化的深入，有效的信息管理是管理科學與信息科學交叉融合理論的最新成果之一。并且隨著移動互聯(lián)網(wǎng)的不斷發(fā)展，國內移動互聯(lián)網(wǎng)用戶的不斷提高，以及微信小程序的不斷完善，在人們指尖的微信小程序上購買商品變得更加容易。各大電商平臺如淘寶、京東、亞馬遜等陸續(xù)推出微信小程序商城，微信小程序網(wǎng)上購物系統(tǒng)相對于傳統(tǒng)商城app存在大量優(yōu)勢。方便快捷，不需要下載安裝，點擊即可使用，且不占用手機內存。入口眾多，用戶滲透率高。微信社交圈賦能，基于微信運行的微信小程序商城依靠微信生態(tài)坐擁的數(shù)十億活躍用戶，可以輕松獲得大量優(yōu)勢流量。小程序商城運營成本地可以獲得更大的利潤空間。具備很強的兼容性，不需要為不同的操作系統(tǒng)開發(fā)多套app。2系統(tǒng)開發(fā)技術2.1小程序介紹 微信小程序代碼由四個部分組成：WXSS樣式、WXML模板、JS邏輯交互、JSON。WXSS

可以理解為CSS語言在微信小程序上的變種，微信小程序在

WXSS語言上相比CSS也做了一些修改和擴充。新增了一種尺寸單位rpx可以適配不同尺寸的手機屏幕。通過全局樣式和局部樣式可以完成不同頁面樣式的設置。WXML在微信小程序中扮演了網(wǎng)頁中的HTML一樣的角色，是一套用于小程序前端設計的標簽語言。結合事件系統(tǒng)和基本組件，可以構建小程序頁面的結構。JSON是一種數(shù)據(jù)格式，但不是編程語言，對小程序的文件進行靜態(tài)配置。JS腳本可以與用戶做交互：響應用戶的點擊、獲取用戶的位置等等。2.2MySQL數(shù)據(jù)庫MySQL是一個關系數(shù)據(jù)庫管理系統(tǒng)。MySQL有其獨特的特點，使其成為目前最流行的RDBMS之一。與ORACLE、DB2等其他數(shù)據(jù)庫相比，MySQL是一個小的、數(shù)據(jù)庫，速度很快。重點是符合這個畢業(yè)設計的真實環(huán)境，具有低成本、開源的特點，這也是選擇它的主要原因。從90年代到MySQL的很多系列，經過多年的發(fā)展，中小企業(yè)都可以持續(xù)使用。MYSQL數(shù)據(jù)庫具有以下特征：1、可以在各種編程語言中使用和測試，無需使用專門為MySQL改編的編譯器。2、支持多種操作系統(tǒng)，如AIX、FreeBSD、HP-UX、Linux和MacOS、Novell的Netware、OpenBSD系統(tǒng)、OS/2、Solaris、Windows等。3、為很多語言提供了全面的API，比如C，C，Python，java。4、支持多線程。5、優(yōu)化了查詢SQL算法，搜索速度明顯提高。6、可應用于TCP/IP、ODBC和JDBC數(shù)據(jù)庫，并提供連接。本系統(tǒng)使用MySQL數(shù)據(jù)庫，建立了幾個數(shù)據(jù)庫表來存儲商品、商品類別、訂單、關鍵字、用戶和網(wǎng)購系統(tǒng)相關數(shù)據(jù)。在系統(tǒng)中，查詢、更新、刪除、插入主要用來實現(xiàn)系統(tǒng)功能。2.3JAVA介紹Java擅長開發(fā)互聯(lián)網(wǎng)應用和企業(yè)應用，已經成為互聯(lián)網(wǎng)上最有影響力的編程語言之一。Java語言是面向對象的編程語言，可以用函數(shù)封裝。封裝就是盡量隱藏對象的屬性和方法，讓外界不知道如何實現(xiàn)，外界可以通過接口訪問。繼承是指每個類都會有一個父類，子類會有一個父類的方法。繼承實現(xiàn)了多代碼復用，可以提高軟件開發(fā)效率，減少相同功能代碼的重復編寫，也是多態(tài)的前提。JAVA語言主要用于編寫程序的后臺。系統(tǒng)中的實體類、服務類、接口都是用JAVA語言編寫的，通過配置文件連接到數(shù)據(jù)庫。最后，可以從數(shù)據(jù)庫中查詢和管理系統(tǒng)相關信息。2.4三層框架簡介為了更好的降低系統(tǒng)各層之間的耦合度，出現(xiàn)了三層架構的編程模式，以更好的解耦為目標，采用抽象編程的思想[14]。也就是說，上一層和下一層之間的傳遞是通過接口實現(xiàn)的。下層作為上層真正的服務提供者，成為下層接口的實現(xiàn)類。整個過程的接口都是一樣的，只是實現(xiàn)類可以隨意交換。這樣就實現(xiàn)了層間的解耦。3系統(tǒng)分析3.1可行性分析網(wǎng)購系統(tǒng)的主要目標是實現(xiàn)對微信小程序網(wǎng)購系統(tǒng)及其相關信息的管理。確定目標后，我們計劃從以下四個方面分析實現(xiàn)系統(tǒng)任務的可行性。3.1.1技術可行性網(wǎng)上購物系統(tǒng)主要采用java技術，基于C/S結構、MYSQL數(shù)據(jù)庫和SpringBoot框架，主要包括前端應用的開發(fā)。對于應用程序的開發(fā)，要求功能保持不變，應易于使用。對于數(shù)據(jù)庫的創(chuàng)建和后續(xù)維護，需要創(chuàng)建一個數(shù)據(jù)完整性強的，數(shù)據(jù)安全性好的，數(shù)據(jù)穩(wěn)定性高的數(shù)據(jù)庫。1、基于C/S模式的系統(tǒng)開發(fā)日趨成熟。2、眾所周知，java是一種面向對象的開發(fā)語言。程序開發(fā)完成后，一些已知的解決方案可以很容易地在平臺上使用。

綜上所述：網(wǎng)購系統(tǒng)的開發(fā)技術是完整的，開發(fā)者對開發(fā)技術有一定的交代，所以系統(tǒng)的開發(fā)是可行的。3.1.2操作可行性網(wǎng)購系統(tǒng)界面簡單，易于操作。通用界面窗口用于界面，微信小程序用于訪問系統(tǒng)。用戶只要平時用過微信小程序就可以訪問系統(tǒng)。本系統(tǒng)的開發(fā)采用java語言和小程序語言。這些開發(fā)環(huán)境基于C/S結構，使得系統(tǒng)更加完善。該系統(tǒng)具有操作簡單、和交互功能強的特點，操作非常簡單。所以這個系統(tǒng)是可以開發(fā)的。3.1.3經濟可行性網(wǎng)上購物系統(tǒng)基于C/S模式，使用MYSQL數(shù)據(jù)庫存儲數(shù)據(jù)。所需的硬件和軟件環(huán)境可以在沒有太多成本的情況下構建。程序開發(fā)主要是管理系統(tǒng)的開發(fā)和維護。所以方案對資源要求不高，系統(tǒng)也不是很復雜，開發(fā)周期短，經濟上可行。3.1.4法律可行性這個網(wǎng)購系統(tǒng)是自己設計開發(fā)的微信小程序系統(tǒng)，具有很大的現(xiàn)實意義。所使用的開發(fā)環(huán)境軟件和數(shù)據(jù)庫均為開源代碼，因此本系統(tǒng)的開發(fā)不存在侵權問題，在法律上完全可行。綜上所述，網(wǎng)購系統(tǒng)在技術、經濟、運營、法律四個方面都具有很高的可行性，所以有必要開發(fā)這個程序。3.2系統(tǒng)流程設計3.2.1系統(tǒng)開發(fā)流程 網(wǎng)上購物系統(tǒng)開發(fā)中時，首先進行需求分析，進而對系統(tǒng)進行總體的設計規(guī)劃，設計系統(tǒng)功能模塊，數(shù)據(jù)庫的選擇等，本系統(tǒng)的開發(fā)流程如圖3-1所示圖3-1系統(tǒng)開發(fā)流程圖3.3概念設計 這個設計方案是為了完成一個網(wǎng)上購物系統(tǒng)。既然叫購物系統(tǒng)，主題就是瀏覽和賣貨。一是要保證用戶得到所有的產品信息；第二，要實現(xiàn)購買產品和發(fā)布評論的功能。這兩個功能分為兩個主要部分。前端的主要任務是保證頁面足夠美觀，信息位置分布均勻。因為一個頁面的美觀，可以明顯的吸引用戶的注意力。所有頁面都在一個列表中顯示文本和圖片的效果，使頁面更加飽滿，不那么死氣沉沉。而且這種自由式適合當代大學生和白領。頁面上的所有樣式都由wxsswxmljs控制。編寫后臺時，服務層和控制層的代碼都是用java語言編寫的。為了展示更好的效果，我們計劃以相同的風格展示每個頁面，這樣網(wǎng)站的風格就更令人愉快。頁面之間的跳轉在設計時通過A標簽實現(xiàn)，在后期集成時通過java代碼控制。登錄注冊時，前端頁面由表單通過預先準備好的配置文件傳輸，前端還定義了變量，接受后臺返回值并顯示在前臺頁面上。形成需要傳遞值的窗體，在里面寫一個隱藏按鈕，里面定義的方法會告訴執(zhí)行哪個方法，然后跳轉到頁面，讀取頁面上的數(shù)據(jù)和圖。3.4系統(tǒng)功能設計3.4.1功能概述網(wǎng)購系統(tǒng)主要實現(xiàn)、分類、購物車、個人中心等功能模塊。管理員用戶主要管理商品、商品類別、訂單、關鍵字、推廣和用戶信息。用戶從微信平臺登錄網(wǎng)購系統(tǒng)。登錄后，他們可以查看產品的推薦信息，并根據(jù)關鍵詞搜索產品。列表顯示了產品的圖片、名稱、介紹和價格信息。點擊列表查看相應產品的詳細信息。用戶可以查看分類模塊下商品的分類信息，點擊不同的分類可以查看該分類對應的商品信息，進行快速搜索；購物車模塊顯示用戶添加到購物車的商品信息，可以通過改變數(shù)量進行結算，結算后生成訂單信息。個人中心包括用戶信息、，我的訂單，我的服務等功能。3.4.2系統(tǒng)功能結構根據(jù)以上分析，繪制網(wǎng)購系統(tǒng)的功能結構圖，如圖3-3所示：圖3-3系統(tǒng)功能結構圖4數(shù)據(jù)庫設計4.1ER圖（1）品牌信息實體的E-R圖，如圖4-1所示：圖4-1品牌信息實體圖（2）訂單信息實體的E-R圖，如圖4-2所示：圖4-2訂單信息實體圖（3）商品信息實體的E-R圖，如圖4-3所示：圖4-3商品信息實體圖4.2數(shù)據(jù)庫表設計網(wǎng)購系統(tǒng)需要存儲數(shù)據(jù)庫。本系統(tǒng)使用MYSQL數(shù)據(jù)庫存儲數(shù)據(jù)。數(shù)據(jù)庫中表格的細節(jié)介紹如下。表4-1品牌信息表列名數(shù)據(jù)類型長度是否可空注釋idbigint20否品牌idnamevarchar50是品牌名稱pirctvarchar255是品牌圖片markvarchar255是簡介pricevarchar255是底價表4-2訂單信息表列名數(shù)據(jù)類型長度是否可空注釋idbigint20否訂單號yhidvarchar50是用戶idtypevarchar50是訂單狀態(tài)pricevarchar50是訂單金額moneyvarchar50是付款金額timedate255是付款時間dhvarchar50是物流編號wlvarchar50是物流渠道表4-3商品信息表列名數(shù)據(jù)類型長度是否可空注釋idbigint20否商品編號namevarchar50是商品名稱pirtvarchar255是商品圖片pirtuvarchar255是商品分享圖markvarchar255是商品詳情zpricevarchar255是折前價格pricevarchar255是當前價格sfxpvarchar255是是否新品sfrpvarchar255是是否熱品sfzsvarchar255是是否在售5系統(tǒng)實現(xiàn)5.1首頁界面系統(tǒng)主要實現(xiàn)了首頁、分類、購物車以及個人中心等功能模塊。用戶從微信平臺登錄進入網(wǎng)上購物系統(tǒng)，登錄后可以查看到商品推薦信息，可以根據(jù)關鍵字進行搜索，列表展示商品的圖片，名稱，介紹以及價格信息，點擊列表可以查看商品的詳細信息。其界面如圖5-1所示。圖5-1小程序商城首頁界面if

(options.grouponId)

{

wx.navigateTo({

url:

'../goods/goods?grouponId='

+

options.grouponId

});

}

if

(options.goodId)

{

wx.navigateTo({

url:

'../goods/goods?id='

+

options.goodId

});

}

if

(options.orderId)

{

wx.navigateTo({

url:

'../ucenter/orderDetail/orderDetail?id='

+

options.orderId

});

}5.2分類頁面用戶可以在分類模塊中查看商品的分類信息，點擊不同的分類可以查看該分類對應的商品信息，以便快速搜索。界面如圖5-2所示。圖5-2小程序商城分類界面switchCate:

function(event)

{

var

that

=

this;

var

currentTarget

=

event.currentTarget;

if

(this.data.currentCategory.id

==

event.currentTarget.dataset.id)

{

return

false;

}

this.getCurrentCategory(event.currentTarget.dataset.id);

}})5.3購物車界面購物車模塊展示用戶加入購物車的商品信息，可以更改數(shù)量進行結算，結算后產生訂單信息。其界面如圖5-3所示。圖5-3小程序商城商品詳情界面isCheckedAll:

function()

{

let

that

=

this;

if

(that.data.isMultiOrderModel

===

1){

return

that.data.brandCartgoods.every(function

(element,

index,

array)

{

if

(that.isChildCheckedAll(element.cartList)){

return

true;

}

else

{

return

false;

}

});

}

else

{

return

that.data.cartGoods.every(function

(element,

index,

array)

{

if

(element.checked

==

true)

{

return

true;

}

else

{

return

false;

}

});

}

},5.4小程序商城個人中心界面?zhèn)€人中心包括用戶信息，我的訂單，我的服務等功能。界面如圖5-4所示。圖5-4小程序商城個人中心界面if

(app.globalData.hasLogin)

{

let

userInfo

=

wx.getStorageSync('userInfo');

this.setData({

userInfo:

userInfo,

hasLogin:

true

});

let

that

=

this;

util.request(api.UserIndex).then(function

(res)

{

if

(res.errno

===

0)

{

that.setData({

order:

res.data.order,

totalAmount:

res.data.totalAmount,

remainAmount:

res.data.remainAmount,

couponCount:

res.data.couponCount

});

}

});

}5.5后臺管理首頁界面管理員登錄后可以查看后臺管理首頁界面圖5-5后臺管理首頁界面if

(StringUtils.isEmpty(username)

||

StringUtils.isEmpty(password))

{

return

ResponseUtil.badArgument();

}

Subject

currentUser

=

SecurityUtils.getSubject();

try

{

currentUser.login(new

UsernamePasswordToken(username,

password));

}

catch

(UnknownAccountException

uae)

{

logger.error("系統(tǒng)管理->用戶登錄

錯誤:{}",

AdminResponseCode.ADMIN_INVALID_ACCOUNT_OR_PASSWORD.desc());

return

AdminResponseUtil.fail(AdminResponseCode.ADMIN_INVALID_ACCOUNT_OR_PASSWORD);

}

catch

(LockedAccountException

lae)

{

logger.error("系統(tǒng)管理->用戶登錄

錯誤:{}",

AdminResponseCode.ADMIN_LOCK_ACCOUNT.desc());

return

AdminResponseUtil.fail(AdminResponseCode.ADMIN_LOCK_ACCOUNT);

}

catch

(AuthenticationException

ae)

{

logger.error("系統(tǒng)管理->用戶登錄

錯誤:{}",

AdminResponseCode.ADMIN_LOCK_ACCOUNT.desc());

return

AdminResponseUtil.fail(AdminResponseCode.ADMIN_INVALID_AUTH);

}

("【請求結束】系統(tǒng)管理->用戶登錄,響應結果:{}",

JSONObject.toJSONString(currentUser.getSession().getId()));

return

ResponseUtil.ok(currentUser.getSession().getId());5.6用戶管理界面管理員可以根據(jù)上述條件管理用戶信息，搜索用戶內容。界面如圖5-6所示。圖5-6用戶管理界面public

Object

list(String

username,

String

mobile,

@RequestParam(defaultValue

=

"1")

Integer

page,

@RequestParam(defaultValue

=

"10")

Integer

limit,

@Sort

@RequestParam(defaultValue

=

"add_time")

String

sort,

@Order

@RequestParam(defaultValue

=

"desc")

String

order)

{

("【請求開始】用戶管理->會員管理->查詢,請求參數(shù),username:{},code:{},page:{}",

username,

mobile,

page);

List<DtsUser>

userList

=

userService.querySelective(username,

mobile,

page,

limit,

sort,

order);

long

total

=

PageInfo.of(userList).getTotal();

Map<String,

Object>

data

=

new

HashMap<>();

data.put("total",

total);

data.put("items",

userList);

("【請求結束】用戶管理->會員管理->查詢:響應結果:{}",

JSONObject.toJSONString(data));

return

ResponseUtil.ok(data);

}5.7商場管理界面管理員可以查看用戶購買商品生成的訂單信息，也可以查看商品、用戶、地址等信息。界面如圖5-7所示。圖5-7商場管理界面@RequiresPermissions("admin:order:list")

@RequiresPermissionsDesc(menu

=

{

"商場管理",

"訂單管理"

},

button

=

"查詢")

@GetMapping("/list")

public

Object

list(Integer

userId,

String

orderSn,

@RequestParam(required

=

false)

List<Short>

orderStatusArray,

@RequestParam(defaultValue

=

"1")

Integer

page,

@RequestParam(defaultValue

=

"10")

Integer

limit,

@Sort

@RequestParam(defaultValue

=

"add_time")

String

sort,

@Order

@RequestParam(defaultValue

=

"desc")

String

order)

{

("【請求開始】商場管理->訂單管理->查詢,請求參數(shù):userId:{},orderSn:{},page:{}",

userId,

orderSn,

page);

return

adminOrderService.list(userId,

orderSn,

orderStatusArray,

page,

limit,

sort,

order);

}5.8商品管理界面管理員可以管理系統(tǒng)中的商品信息，并可以根據(jù)商品名稱搜索信息。其界面如圖5-9所示。圖5-8商品管理界面@RequiresPermissions("admin:goods:list")

@RequiresPermissionsDesc(menu

=

{

"商品管理",

"商品管理"

},

button

=

"查詢")

@GetMapping("/list")

public

Object

list(String

goodsSn,

String

name,

@RequestParam(defaultValue

=

"1")

Integer

page,

@RequestParam(defaultValue

=

"10")

Integer

limit,

@Sort

@RequestParam(defaultValue

=

"add_time")

String

sort,

@Order

@RequestParam(defaultValue

=

"desc")

String

order)

{

("【請求開始】商品管理->商品管理->查詢,請求參數(shù):goodsSn:{},name:{},page:{}",

goodsSn,

name,

page);

return

adminGoodsService.list(goodsSn,

name,

page,

limit,

sort,

order);

}5.9推廣管理界面管理員可以查看首頁輪播圖，并進行修改。其界面如圖5-9所示。圖5-9推廣管理界面@RequiresPermissions("admin:ad:update")

@RequiresPermissionsDesc(menu

=

{

"推廣管理",

"廣告管理"

},

button

=

"編輯")

@PostMapping("/update")

public

Object

update(@RequestBody

DtsAd

ad)

{

("【請求開始】推廣管理->廣告管理->編輯,請求參數(shù):ad:{}",

JSONObject.toJSONString(ad));

Object

error

=

validate(ad);

if

(error

!=

null)

{

return

error;

}

if

(adService.updateById(ad)

==

0)

{

("推廣管理->廣告管理->編輯,更新廣告數(shù)據(jù)失敗!");

return

ResponseUtil.updatedDataFailed();

}

("【請求結束】推廣管理->廣告管理->編輯,響應結果:{}",

JSONObject.toJSONString(ad));

return

ResponseUtil.ok(ad);

}5.10系統(tǒng)管理界面管理員可以管理用戶權限。其界面如圖5-10所示。圖5-10系統(tǒng)管理界面@RequiresPermissions("admin:role:list")

@RequiresPermissionsDesc(menu

=

{

"系統(tǒng)管理",

"角色管理"

},

button

=

"角色查詢")

@GetMapping("/list")

public

Object

list(String

name,

@RequestParam(defaultValue

=

"1")

Integer

page,

@RequestParam(defaultValue

=

"10")

Integer

limit,

@Sort

@RequestParam(defaultValue

=

"add_time")

String

sort,

@Order

@RequestParam(defaultValue

=

"desc")

String

order)

{

("【請求開始】系統(tǒng)管理->角色管理->角色查詢,請求參數(shù),name:{},page:{}",

name,

page);

List<DtsRole>

roleList

=

roleService.querySelective(name,

page,

limit,

sort,

order);

long

total

=

PageInfo.of(roleList).getTotal();

Map<String,

Object>

data

=

new

HashMap<>();

data.put("total",

total);

data.put("items",

roleList);

("【請求結束】系統(tǒng)管理->角色管理->角色查詢,響應結果:{}",

JSONObject.toJSONString(data));

return

ResponseUtil.ok(data);

}5.11統(tǒng)計界面管理員可以查看用戶增長數(shù)量。其界面如圖5-11所示。圖5-11統(tǒng)計界面("【請求開始】統(tǒng)計管理->用戶統(tǒng)計->查詢");

List<Map>

rows

=

statService.statUser();

String[]

columns

=

new

String[]

{

"day",

"users"

};

StatVo

statVo

=

new

StatVo();

statVo.setColumns(columns);

statVo.setRows(rows);

("【請求結束】統(tǒng)計管理->