基于Springboot+Vue實現(xiàn)前后端分離商城管理系統(tǒng)

2022-06-29 09:25 作者:指南針畢業(yè)設(shè)計 0人讀過 | 我要投稿

?作者主頁：編程指南針

作者簡介：Java領(lǐng)域優(yōu)質(zhì)創(chuàng)作者、CSDN博客專家、掘金特邀作者、多年架構(gòu)師設(shè)計經(jīng)驗、騰訊課堂常駐講師

主要內(nèi)容：Java項目、畢業(yè)設(shè)計、簡歷模板、學(xué)習(xí)資料、面試題庫、技術(shù)互助

文末獲取源碼?

一，項目簡介

?新新商城，一款基于 Springboot+Vue 的電商項目，前后端分離項目。完整的實現(xiàn)了一個商城系統(tǒng)應(yīng)有的基本功能，包括但不限于以下主要功能模塊：

前端商城用戶

用戶注冊登陸
商品信息分類和品牌瀏覽
全文搜索
添加購物車管理
在線購買商品：使用支付寶沙箱在線支付
個人信息管理
個人訂單管理
在線退換貨功能
退款功能

后臺用戶管理功能

商品分類管理
商品品牌管理
商品規(guī)格管理
商品采購管理
供應(yīng)商管理
訂單管理
退貨退款管理
輪播圖設(shè)置管理
用戶管理
權(quán)限角色管理
個人信息管理

????? 項目后臺基于Springboot+MybatisPlus開發(fā)實現(xiàn)，前端使用VUE+Element開發(fā)實現(xiàn)，前后端分離開發(fā)，前端通過調(diào)用后臺接口來進行相應(yīng)的交互處理。

????? 亮點技術(shù)：短信發(fā)送驗證碼、阿里云OSS云存儲商品圖片、郵箱自動發(fā)郵件驗證操作權(quán)限，Shiro權(quán)限管理，數(shù)據(jù)加密處理，支付寶沙箱技術(shù)應(yīng)用，Redis數(shù)據(jù)緩存處理。

??? 項目功能完整，界面優(yōu)雅大方，人機交互流暢，是一個難得的畢業(yè)設(shè)計作品。

二，環(huán)境介紹

語言環(huán)境：Java:? jdk1.8

數(shù)據(jù)庫：Mysql: mysql5.7? Redis:5.0.10

應(yīng)用服務(wù)器：Tomcat:? tomcat8.5.31

開發(fā)工具：IDEA或eclipse

技術(shù)應(yīng)用：

后端技術(shù)

技術(shù)

說明

官網(wǎng)

SpringBoot

容器+MVC框架

https://spring.io/projects/spring-boot

Shiro

認(rèn)證和授權(quán)框架

Apache Shiro Simple. Java. Security.

MyBatis

ORM框架

http://www.mybatis.org/mybatis-3/zh/index.html

MySQL

數(shù)據(jù)庫

https://www.mysql.com/

Redis

分布式緩存

https://redis.io/

Druid

數(shù)據(jù)庫連接池

https://github.com/alibaba/druid

前端技術(shù)

技術(shù)

說明

官網(wǎng)

Vue

前端框架

https://vuejs.org/

Vue-router

路由框架

https://router.vuejs.org/

Vuex

全局狀態(tài)管理框架

https://vuex.vuejs.org/

Element

前端UI框架

https://element.eleme.io

Axios

前端HTTP框架

https://github.com/axios/axios

vue-clipboard2

將內(nèi)容復(fù)制到剪貼板

https://github.com/Inndy/vue-clipboard2

vuex-persistedstate

vuex持久化

https://www.npmjs.com/package/vuex-persistedstate

nprogress

進度條控件

https://github.com/rstacruz/nprogress

開發(fā)環(huán)境

工具

版本號

下載

JDK

1.8

https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Mysql

5.7

https://www.mysql.com/

Redis

5.0.10

https://redis.io/download

第三方技術(shù)

工具

官網(wǎng)

支付寶沙箱技術(shù)

沙箱環(huán)境｜開放平臺

OSS 存儲

阿里云-為了無法計算的價值

阿里云短信服務(wù)

阿里云-為了無法計算的價值

QQ郵箱服務(wù)

登錄QQ郵箱

三，系統(tǒng)展示

下面展示一下項目的主要核心功能：

前端用戶操作

用戶注冊：會對郵箱發(fā)驗證碼驗證，要求必須真實有效郵箱

編輯

用戶登陸

編輯

首頁

編輯

編輯

商品購買

編輯

購物車

編輯

結(jié)算付款

編輯

編輯

我的訂單：可以申請退款、收貨后可以申請退貨等操作

編輯

后臺管理用戶功能

后臺首頁

編輯

商品管理：可以實現(xiàn)商品添加、編輯、刪除、下架、查詢等，另可以對商品分類、品牌、規(guī)則、采購信息進行管理，以及對供應(yīng)商進行管理，不再一一展示。菜單上的功能都是齊全的。

編輯

訂單管理：可以進行發(fā)貨、退貨、退款等相關(guān)操作

編輯

營銷管理

主要對前端展示的廣告輪播圖進行管理

編輯

用戶和權(quán)限管理：可以對管理員、顧客、角色進行管理操作

編輯

四，核心代碼展示

? ? ? ? hljs">package com.qiu.controller;import com.alibaba.fastjson.JSON;import com.qiu.entity.Logistics;import com.qiu.entity.Order;import com.qiu.entity.Product;import com.qiu.service.LogisticsService;import com.qiu.service.OrderService;import com.qiu.service.ProductService;import com.qiu.util.general.CommonResult;import org.apache.commons.lang3.StringUtils;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.data.redis.core.RedisTemplate;import org.springframework.web.bind.annotation.CrossOrigin;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RestController;import java.util.ArrayList;import java.util.List;import java.util.Map;import java.util.concurrent.TimeUnit;/** class="hljs-doctag">@author ZNZ class="hljs-doctag">@email 469603589@qq.com class="hljs-doctag">@date 2022/12/28 18:11 class="hljs-doctag">@description 訂單相關(guān)業(yè)務(wù) class="hljs-meta">@RestController@CrossOriginpublic class OrderController { ? ?private static final String VIP = "Vip"; ? ?private static final String COLLECT_GOODS_STATE = "已收貨"; ? ?@Autowired class="hljs-keyword">private OrderService orderService; ? ?@Autowired class="hljs-keyword">private ProductService productService; ? ?@Autowired class="hljs-keyword">private LogisticsService logisticsService; ? ?@Autowired class="hljs-keyword">private RedisTemplate<String, String> redisTemplate; ? ?@RequestMapping(value = "/order/findById") class="hljs-keyword">public CommonResult findOrderById(Integer orderId) { ? ? ? ?Order order = orderService.selectById(orderId); ? ? ? ?if (orderId != null) { ? ? ? ? ? ?return CommonResult.success("訂單信息查詢成功", order); class="hljs-keyword">return CommonResult.error("訂單信息查詢失敗"); class="hljs-meta">@RequestMapping(value = "/order/findOrderInfo") class="hljs-keyword">public CommonResult findOrderInfo(String userAccount) { Object>> orderMap = orderService.selectAllOrder(userAccount); ? ? ? ?if (orderMap != null) { ? ? ? ? ? ?return CommonResult.success("訂單信息查詢成功", orderMap); class="hljs-keyword">return CommonResult.error("訂單信息查詢失敗"); class="hljs-meta">@RequestMapping(value = "/order/findAll") class="hljs-keyword">public CommonResult findAllOrder() { orders = orderService.selectAll(); ? ? ? ?if (orders != null) { ? ? ? ? ? ?return CommonResult.success("訂單信息查詢成功", orders); class="hljs-keyword">return CommonResult.error("訂單信息查詢失敗"); class="hljs-meta">@RequestMapping(value = "/order/findCount") class="hljs-keyword">public CommonResult findCount() { ? ? ? ?Integer count = orderService.selectCount(); ? ? ? ?if (count != null) { ? ? ? ? ? ?return CommonResult.success("訂單數(shù)量查詢成功", count); class="hljs-keyword">return CommonResult.error("訂單數(shù)量查詢失敗"); class="hljs-meta">@RequestMapping(value = "/order/add") class="hljs-keyword">public CommonResult addOrder(Order order) { ? ? ? ?if (order != null) { ? ? ? ? ? ?if (order.getProductNo().contains(VIP)) { ? ? ? ? ? ? ? ?return handleMemberOrders(order); ? ?return handleMerchandiseOrders(order); class="hljs-keyword">else { ? ? ? ? ? ?return CommonResult.error("訂單數(shù)據(jù)不完整"); class="hljs-meta">@RequestMapping(value = "/order/cartOrder") class="hljs-keyword">public CommonResult cartOrder(String orderNo, String ordersInfo, String cartIds) { cartIdList = JSON.parseArray(cartIds, String.class); orders = JSON.parseArray(ordersInfo, Order.class); ? ? ? ?if (orders != null) { orderInfo = new ArrayList<>(); productInfo = new ArrayList<>(); ? ? ? ? ? ?for (Order order : orders) { ? ? ? ? ? ? ? ?Product product = productService.selectByKey(order.getProductNo()); ? ? ? ? ? ? ? ?Integer productStock = product.getProductStock(); ? ? ? ? ? ? ? ?Integer payAmount = order.getPayAmount(); ? ? ? ? ? ? ? ?if (productStock >= payAmount) { ? ? ? ? ? ? ? ? ? ?Product newProduct = new Product(); .setProductId(product.getProductId()); ? ? ? ? ? ? ? ? ? ?int newStock = productStock - payAmount; .setProductStock(newStock); .setIsStockOut(newStock < product.getLowestStock()); ? ? ? ? ? ? ? ? ? ?// 如果庫存小于等于0，自動下架 .setIsSale(newStock > 0); ? ? ? ? ? ? ? ? ? ?if (productService.updateById(newProduct) && orderService.insertData(order)) { ? ?orderInfo.add(order.getOrderNo()); ? ?productInfo.add(order.getProductNo()); ? ?if (!orderInfo.isEmpty()) { ? ? ? ? ? ? ? ?String cartIdsInfo = StringUtils.join(cartIdList.toArray(), ","); ? ? ? ? ? ? ? ?String orderNoInfo = StringUtils.join(orderInfo, ","); ? ? ? ? ? ? ? ?String productNoInfo = StringUtils.join(productInfo, ","); opsForValue().set(orderNo, orderNoInfo, 24, TimeUnit.HOURS); opsForValue().set("cartId" + orderNo, cartIdsInfo, 24, TimeUnit.HOURS); ? ? ? ? ? ? ? ?return CommonResult.success("創(chuàng)建訂單成功", productNoInfo); ? ?return CommonResult.error("創(chuàng)建訂單失敗，請查看商品庫存是否滿足購買數(shù)量"); class="hljs-keyword">else { ? ? ? ? ? ?return CommonResult.error("訂單數(shù)據(jù)不完整"); class="hljs-meta">@RequestMapping(value = "/order/update") class="hljs-keyword">public CommonResult updateOrder(Order order) { ? ? ? ?if (orderService.updateById(order)) { ? ? ? ? ? ?return CommonResult.success("修改訂單成功", order); class="hljs-keyword">return CommonResult.error("修改訂單失敗"); class="hljs-meta">@RequestMapping(value = "/order/delete") class="hljs-keyword">public CommonResult deleteOrder(Integer orderId) { ? ? ? ?if (orderService.deleteById(orderId)) { ? ? ? ? ? ?return CommonResult.success("刪除訂單成功", "訂單id：" + orderId); class="hljs-keyword">return CommonResult.error("刪除訂單失敗"); class="hljs-meta">@RequestMapping(value = "/order/receipt") class="hljs-keyword">public CommonResult updateOrder(Integer orderId) { ? ? ? ?Order order = new Order(); LLECT_GOODS_STATE); ? ? ? ?if (orderService.updateById(order)) { ? ? ? ? ? ?return CommonResult.success("商品收貨成功", order); class="hljs-keyword">return CommonResult.error("商品收貨失敗"); class="hljs-meta">@RequestMapping(value = "/orderDetail/orderInfo") class="hljs-keyword">public CommonResult orderInfo(String orderNo) { resultList = new ArrayList<>(); ? ? ? ?Order order = orderService.selectByKey(orderNo); ? ? ? ?Logistics logistics = logisticsService.selectOrderNo(orderNo); ? ? ? ?if (order != null) { class="hljs-keyword">if (logistics != null) { class="hljs-keyword">return CommonResult.success("訂單詳情查詢成功", resultList); class="hljs-comment">/** class="hljs-doctag">@param order 訂單信息 class="hljs-keyword">private CommonResult handleMemberOrders(Order order) { ? ? ? ?if (orderService.insertData(order)) { ? ? ? ? ? ?return CommonResult.success("創(chuàng)建訂單成功", order); class="hljs-keyword">else { ? ? ? ? ? ?return CommonResult.error("創(chuàng)建訂單失敗"); class="hljs-comment">/** class="hljs-doctag">@param order 訂單信息 class="hljs-keyword">private CommonResult handleMerchandiseOrders(Order order) { ? ? ? ?Product product = productService.selectByKey(order.getProductNo()); ? ? ? ?Integer productStock = product.getProductStock(); ? ? ? ?Integer payAmount = order.getPayAmount(); ? ? ? ?boolean isOk = productStock >= payAmount; ? ? ? ?if (isOk) { ? ? ? ? ? ?Product newProduct = new Product(); uctId(product.getProductId()); ? ? ? ? ? ?int newStock = productStock - payAmount; uctStock(newStock); ockOut(newStock < product.getLowestStock()); ? ? ? ? ? ?// 如果庫存小于等于0，自動下架 > 0); ? ? ? ? ? ?if (productService.updateById(newProduct)) { ? ? ? ? ? ? ? ?if (orderService.insertData(order)) { ate.opsForValue().set(order.getOrderNo(), order.getOrderNo(), 24, TimeUnit.HOURS); ? ? ? ? ? ? ? ? ? ?return CommonResult.success("創(chuàng)建訂單成功", order); class="hljs-keyword">else { ? ? ? ? ? ? ? ? ? ?return CommonResult.error("創(chuàng)建訂單失敗"); class="hljs-keyword">else { ? ? ? ? ? ? ? ?return CommonResult.error("創(chuàng)建訂單失敗"); class="hljs-keyword">else { ? ? ? ? ? ?return CommonResult.error("商品庫存不足");



package com.qiu.controller;import com.qiu.util.general.CommonResult;import com.qiu.util.oss.AliyunOssUtil;import lombok.extern.slf4j.Slf4j;import org.apache.commons.io.FileUtils;import org.apache.commons.lang3.StringUtils;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.web.bind.annotation.CrossOrigin;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestParam;import org.springframework.web.bind.annotation.RestController;import org.springframework.web.multipart.MultipartFile;import java.io.File;import java.io.FileOutputStream;import java.io.IOException;/**
 * @author ZNZ
 */@Slf4j@CrossOrigin@RestControllerpublic class OssController { ? ?@Autowired
 ? ?private AliyunOssUtil ossUtil; ? ?@RequestMapping("/uploadImage")
 ? ?public CommonResult upload(@RequestParam("name") String folderName, ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? @RequestParam("file") MultipartFile file) throws IOException { ? ? ? ?if (file != null) { ? ? ? ? ? ?String fileName = file.getOriginalFilename(); ? ? ? ? ? ?if (StringUtils.isNotBlank(fileName)) { ? ? ? ? ? ? ? ?File newFile = new File(fileName); ? ? ? ? ? ? ? ?try (FileOutputStream os = new FileOutputStream(newFile)) {
 ? ? ? ? ? ? ? ? ? ?os.write(file.getBytes());
 ? ? ? ? ? ? ? ? ? ?file.transferTo(newFile); ? ? ? ? ? ? ? ? ? ?String path = ossUtil.upload(folderName, newFile);
 ? ? ? ? ? ? ? ? ? ?log.info("文件上傳成功，路徑：{}", path); ? ? ? ? ? ? ? ? ? ?return new CommonResult(200, "上傳成功", path);
 ? ? ? ? ? ? ? ?} catch (Exception e) {
 ? ? ? ? ? ? ? ? ? ?log.error("文件上傳失敗", e); ? ? ? ? ? ? ? ? ? ?return CommonResult.error("上傳失敗");
 ? ? ? ? ? ? ? ?} finally { ? ? ? ? ? ? ? ? ? ?if (newFile.exists()) {
 ? ? ? ? ? ? ? ? ? ? ? ?FileUtils.forceDelete(newFile);
 ? ? ? ? ? ? ? ? ? ?}
 ? ? ? ? ? ? ? ?}
 ? ? ? ? ? ?}
 ? ? ? ?} ? ? ? ?return CommonResult.error("文件不存在");
 ? ?}
}



package com.qiu.controller;import com.qiu.entity.ShoppingCart;import com.qiu.service.ShoppingCartService;import com.qiu.util.general.CommonResult;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.web.bind.annotation.CrossOrigin;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RestController;import java.util.List;import java.util.Map;/**
 * @author ZNZ
 * @email 469603589@qq.com
 * @date 2022/12/31 16:23
 * @description 購物車業(yè)務(wù)類
 */@RestController@CrossOriginpublic class ShoppingCartController { ? ?@Autowired
 ? ?private ShoppingCartService shoppingCartService; ? ?/**
 ? ? * 新增商品到購物車
 ? ? *
 ? ? * @param shoppingCart 購物車商品信息
 ? ? */
 ? ?@RequestMapping(value = "/shoppingCart/add")
 ? ?public CommonResult addShoppingCart(ShoppingCart shoppingCart) { ? ? ? ?if (shoppingCartService.insertData(shoppingCart)) { ? ? ? ? ? ?return CommonResult.success("購物車添加成功", shoppingCart);
 ? ? ? ?} ? ? ? ?return CommonResult.error("購物車添加失敗");
 ? ?} ? ?/**
 ? ? * 更新購物車商品
 ? ? *
 ? ? * @param shoppingCart 購物車商品信息
 ? ? */
 ? ?@RequestMapping(value = "/shoppingCart/update")
 ? ?public CommonResult updateShoppingCart(ShoppingCart shoppingCart) { ? ? ? ?if (shoppingCartService.updateById(shoppingCart)) { ? ? ? ? ? ?return CommonResult.success("購物車修改成功", shoppingCart);
 ? ? ? ?} ? ? ? ?return CommonResult.error("購物車修改失敗");
 ? ?} ? ?/**
 ? ? * 購物車移除商品
 ? ? *
 ? ? * @param cartId 購物車商品編號
 ? ? */
 ? ?@RequestMapping(value = "/shoppingCart/deleteById")
 ? ?public CommonResult deleteShoppingCart(Integer cartId) { ? ? ? ?if (shoppingCartService.deleteById(cartId)) { ? ? ? ? ? ?return CommonResult.success("購物車刪除成功", "cartId: " + cartId);
 ? ? ? ?} ? ? ? ?return CommonResult.error("購物車刪除失敗");
 ? ?} ? ?/**
 ? ? * 根據(jù)用戶移除購物車
 ? ? *
 ? ? * @param account 用戶賬戶
 ? ? */
 ? ?@RequestMapping(value = "/shoppingCart/deleteByUser")
 ? ?public CommonResult deleteByUser(String account) { ? ? ? ?if (shoppingCartService.deleteByUser(account)) { ? ? ? ? ? ?return CommonResult.success("購物車刪除成功", account);
 ? ? ? ?} ? ? ? ?return CommonResult.error("購物車刪除失敗");
 ? ?} ? ?/**
 ? ? * 查詢用戶賬號下的購物車信息
 ? ? *
 ? ? * @param account 用戶賬戶
 ? ? */
 ? ?@RequestMapping(value = "/shoppingCart/findAll")
 ? ?public CommonResult findAllShoppingCart(String account) {
 ? ? ? ?List<Map<String, Object>> shoppingInfo = shoppingCartService.selectAll(account); ? ? ? ?if (shoppingInfo != null) { ? ? ? ? ? ?return CommonResult.success("購物車查詢成功", shoppingInfo);
 ? ? ? ?} ? ? ? ?return CommonResult.error("購物車查詢失敗");
 ? ?} ? ?/**
 ? ? * 根據(jù)購物車商品編號查詢購物車商品信息
 ? ? *
 ? ? * @param cartId 購物車商品編號
 ? ? */
 ? ?@RequestMapping(value = "/shoppingCart/findById")
 ? ?public CommonResult findById(Integer cartId) { ? ? ? ?ShoppingCart shoppingCart = shoppingCartService.selectById(cartId); ? ? ? ?if (shoppingCart != null) { ? ? ? ? ? ?return CommonResult.success("購物車查詢成功", shoppingCart);
 ? ? ? ?} ? ? ? ?return CommonResult.error("購物車查詢失敗");
 ? ?}
}



五，項目總結(jié)
?項目后臺基于Springboot+MybatisPlus開發(fā)實現(xiàn)，前端使用VUE+Element開發(fā)實現(xiàn)，前后端分離開發(fā)，前端通過調(diào)用后臺接口來進行相應(yīng)的交互處理。
????? 亮點技術(shù)：短信發(fā)送驗證碼、阿里云OSS云存儲商品圖片、郵箱自動發(fā)郵件驗證操作權(quán)限，Shiro權(quán)限管理，數(shù)據(jù)加密處理，支付寶沙箱技術(shù)應(yīng)用，Redis數(shù)據(jù)緩存處理。
??? 項目功能完整，界面優(yōu)雅大方，人機交互流暢，是一個難得的畢業(yè)設(shè)計作品。


標(biāo)簽：服務(wù)器java商城管理系統(tǒng)Vue商城前后端分離商城








我喜歡()





本文作者的其他文章

 



基于Springboot+Vue實現(xiàn)前后端分離商城管理系統(tǒng)的評論 (共  條)




 




分享到微博請遵守國家法律

 
 




	
	指南針畢業(yè)設(shè)計
發(fā)短消息
關(guān)注TA






 
你可能也喜歡這些文章 

【明日方舟】鉛灰之影（4）結(jié)局篇
全擬真的硬核射擊體驗，《暗區(qū)突圍》7月13日全平臺上線！
福州治療焦慮癥，福州臺江醫(yī)院精神科治焦慮癥好嗎
一個江西小縣城都能夠培養(yǎng)出高考省狀元，實屬不易啊！
機載校準(zhǔn)解決方案-Labsphere（藍菲光學(xué)）
活著撤離才是第一法則！《暗區(qū)突圍》即將全平臺上線
洗煤廠噴霧降塵設(shè)備價格（每日更新）
【P站搬運】二次元美少女(第二十五期)
【自管理】真正的強者，敢于表現(xiàn)出“脆弱性”
人工智能如何保障工地塔機安全運作？ 






 
最新發(fā)布的文章
 
農(nóng)發(fā)行河津市支行做好年終決算工作
農(nóng)發(fā)行河津市支行持續(xù)加強反洗錢工作管理
農(nóng)發(fā)行河津市支行扎實做好安保工作
農(nóng)發(fā)行河津市支行組織開展憲法主題宣傳活動
農(nóng)發(fā)行河津市支行開展"挺膺擔(dān)當(dāng)，強國復(fù)興"主題團日活動
年終總結(jié)2023，布局2024，挑一個目標(biāo)置頂一整年！
12月20日維護結(jié)束，冰雪嘉年華開啟！
2023掃文—高熱不止 by 黃昏密度
Dive 55 工作的平衡
時尚 | 時尚趨勢是如何做出來的？
三星 Galaxy S24 Ultra，HP2SX兩億像素主攝，驍龍8Gen3超頻版，鈦合金機身，類2K直屏
重慶TOP DECK超牌12月16日游戲王OCG積分賽環(huán)境戰(zhàn)報
致命公司多人聯(lián)機mod，漢化游戲下載使用安裝教學(xué)！
致命公司多人mod，超全MOD模組管理器
戰(zhàn)網(wǎng)下載卡在45%登錄失敗提示2045報錯/戰(zhàn)網(wǎng)一鍵下載注冊教程！

五月天青色头像情侣网名,国产亚洲av片在线观看18女人,黑人巨茎大战俄罗斯美女,扒下她的小内裤打屁股

基于Springboot+Vue實現(xiàn)前后端分離商城管理系統(tǒng)

一，項目簡介

二，環(huán)境介紹

三，系統(tǒng)展示

四，核心代碼展示

五，項目總結(jié)