qidao123.com技术社区-IT企服评测·应用市场»论坛 › 数据库 › 分布式数据库 › [免费]SpringBoot+Vue鲜花贩卖商城系统【论文+源码+SQL ...

[免费]SpringBoot+Vue鲜花贩卖商城系统【论文+源码+SQL脚本】

[复制链接]
发表于 2025-6-21 23:52:42 | 显示全部楼层 |阅读模式
大家好，我是java1234_小锋老师，看到一个不错的SpringBoot+Vue鲜花贩卖商城系统【论文+源码+SQL脚本】，分享下哈。
项目视频演示
【免费】SpringBoot+Vue鲜花贩卖商城系统 Java结业设计_哔哩哔哩_bilibili

项目先容

随着互联网突飞猛进的发展及其对人们的生活产生至关重要的影响，线上购花，送货到家的购物方式受到了越来越多顾客的接受与喜爱。线上花卉小铺的设计与实现不仅可以带来更广泛的选择与实惠的价格，提供便利且优质的服务，而且可以更高效地宣传种植造就经验、花束的花语等花卉的相干知识，进步大家的文化素养，丰富精神世界。
本项目基于Web端，接纳了面向对象的头脑，使用的是springboot框架，选用了目前非常流行的Web应用程序开发语言Java，数据的存取接纳MYSQL进行技术支持，前端主要使用jQuery与maven。本设计主要实现了用户前台与管理员后端的相干功能，如用户注册登录、个人信息管理、购物车管理、个人订单管理、用户管理、花卉订单管理、花卉类目管理、活动公告发布等。
此次设计从系统需求分析、系统设计到系统编程和调试测试等过程，综合锻炼了自身对一个系统的设计与开发的能力。本文的工作为更为复杂的线上购花系统的建立打下了根本，完成了线上购花的根本流程，达到所需的功能性要求。

系统展示



部分代码

  1. package com.mall.sys.controller;
  4. import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
  5. import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
  6. import com.mall.common.result.R;
  7. import com.mall.sys.entity.MallGoodsType;
  8. import com.mall.sys.entity.queryVo.MallGoodsTypeQueryVo;
  9. import com.mall.sys.service.MallGoodsTypeService;
  10. import io.swagger.annotations.Api;
  11. import io.swagger.annotations.ApiOperation;
  12. import org.springframework.beans.factory.annotation.Autowired;
  13. import org.springframework.util.StringUtils;
  14. import org.springframework.web.bind.annotation.*;
  15. import org.springframework.web.bind.annotation.RestController;
  17. import java.util.HashMap;
  18. import java.util.List;
  19. import java.util.Map;
  20. import java.util.stream.Collectors;
  22. /**
  23. * 商品类型表 前端控制器
  24. */
  25. @RestController
  26. @RequestMapping("/sys/mallGoodsType")
  27. @Api(tags="商品类型表")
  28. public class MallGoodsTypeController {
  30.     @Autowired
  31.     MallGoodsTypeService iMallGoodsTypeService;
  33.         /**
  34.         * 查询商品类型表列表
  35.         */
  36.         @PostMapping("queryMallGoodsTypeList")
  37.         @ApiOperation("商品类型表列表")
  38.         public R queryMallGoodsTypeList(@RequestBody MallGoodsTypeQueryVo queryVo) {
  39.             QueryWrapper<MallGoodsType> queryWrapper=new QueryWrapper<>();
  40.             Page<MallGoodsType> page = iMallGoodsTypeService.page(queryVo.getPage(), queryWrapper);
  41.             return R.ok().data("dataList",page);
  42.         }
  44.         /**
  45.          * 保存或者更新商品类型表信息
  46.          */
  47.         @PostMapping("saveOrUpdateMallGoodsType")
  48.         @ApiOperation("保存或者更新商品类型表信息")
  49.         public R saveOrUpdateMallGoodsType(@RequestBody MallGoodsType entity) {
  50.             boolean b =true;
  51.             if(StringUtils.isEmpty(entity.getId())){
  52.                 b= iMallGoodsTypeService.save(entity);
  53.             }else{
  54.                 b=iMallGoodsTypeService.updateById(entity);
  55.             }
  56.             return R.th(b);
  57.         }
  60.         /**
  61.          * 根据id查询商品类型表信息
  62.          */
  63.         @GetMapping("getByIdMallGoodsType/{id}")
  64.         @ApiOperation("根据id查询商品类型表信息")
  65.         public R getByIdMallGoodsType(@PathVariable("id") String id) {
  66.              MallGoodsType dataMallGoodsType=  iMallGoodsTypeService.getById(id);
  67.              return R.ok().data("entity",dataMallGoodsType);
  69.         }
  70.         /**
  71.          * 根据id删除商品类型表信息
  72.          */
  73.         @DeleteMapping("removeByIdMallGoodsType/{id}")
  74.         @ApiOperation("根据id删除商品类型表信息")
  75.         public R removeByIdMallGoodsType(@PathVariable("id") String id) {
  76.             boolean effect= iMallGoodsTypeService.removeById(id);
  77.             return R.th(effect);
  79.         }
  81.         @GetMapping("mallGoodsTypeList")
  82.         public R mallGoodsTypeList(){
  83.             List<MallGoodsType> list = iMallGoodsTypeService.list();
  84.             List<Map<String, String>> collect = list.stream().map(res -> {
  85.                 Map<String, String> maps = new HashMap();
  86.                 maps.put("key", res.getTypeName());
  87.                 maps.put("value", String.valueOf(res.getId()));
  88.                 return maps;
  89.             }).collect(Collectors.toList());
  91.             return R.ok().data("dataList",collect);
  92.         }
  94. }
复制代码
  1. <!-- 首页组件-->
  2. <template>
  3.   <div class="home" id="home" name="home">
  4.     <!-- 秒杀测试 -->
  5.     <my-count-down/>
  6.     <!-- 放大镜效果 -->
  7.     <magnifying-glass/>
  8.     <!-- 轮播图 -->
  9.     <div class="block">
  10.       <el-carousel height="500px">
  12.         <el-carousel-item v-for="(item,index) in imgSUrl" :key="index">
  13.           <img style="width:100%;height:100%;" :src="item" >
  14.         </el-carousel-item>
  16.       </el-carousel>
  17.     </div>
  18.     <!-- 轮播图END -->
  19.     <div class="main-box">
  20.       <div class="main" v-for="(item,index) in applianceList" :key="item.id">
  22.         <div class="phone">
  23.           <div class="box-hd">
  24.             <div class="title">{{ item.typeName }}</div>
  25.           </div>
  26.           <div class="box-bd">
  27.             <div class="promo-list">
  28.               <router-link to v-if="phoneList[index]">
  29. <!--                <img :src="$target +phoneList[index].value"/>-->
  30. <!--                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ba7c4eccf6864b9101c28d2ca9cc71e2.jpg?w=1708&h=868"/>-->
  31.               </router-link>
  32.             </div>
  33.             <div class="list">
  34.               <MyList :list="item.goodsList" :isMore="true"></MyList>
  35.             </div>
  36.           </div>
  37.         </div>
  38.         <!-- 手机商品展示区域END -->
  39.       </div>
  40.     </div>
  41.   </div>
  42. </template>
  43. <script>
  44. import MagnifyingGlass from '../components/MagnifyingGlass.vue';
  45. import MyCountDown from '../components/MyCountDown.vue';
  49. export default {
  50.   components: {MyCountDown, MagnifyingGlass},
  51.   data() {
  52.     return {
  53.       carousel: "", // 轮播图数据
  54.       phoneList: "", // 手机商品列表
  55.       miTvList: "", // 小米电视商品列表
  56.       applianceList: [], // 家电商品列表
  57.       applianceHotList: "", //热门家电商品列表
  58.       accessoryList: "", //配件商品列表
  59.       accessoryHotList: "", //热门配件商品列表
  60.       protectingShellList: "", // 保护套商品列表
  61.       chargerList: "", //充电器商品列表
  62.       applianceActive: 1, // 家电当前选中的商品分类
  63.       accessoryActive: 1, // 配件当前选中的商品分类
  64.       imgSUrl:[
  66.         "https://img.tukuppt.com/bg_grid/00/15/30/f0b9cvnnPD.jpg!/fh/350",
  67.           "https://ts1.cn.mm.bing.net/th/id/R-C.79ed075aaedd7cda4ad08bdc364252cd?rik=NtuvWGnL%2bwiwzA&riu=http%3a%2f%2fwww.dmaku.com%2fdemo%2fmoban%2f2017052552491025%2fimages%2fsycase3.jpg&ehk=7P7XTGB%2b3D9S5IKXMYoPamwyTG6H1jPcHd%2fsTl7FTfg%3d&risl=&pid=ImgRaw&r=0",
  68.           "https://img.tukuppt.com/ad_preview/00/19/11/5c99f7c852662.jpg!/fw/980"
  69.       ]
  70.     };
  71.   },
  72.   watch: {
  73.     // 家电当前选中的商品分类，响应不同的商品数据
  74.     applianceActive: function (val) {
  75.       // 页面初始化的时候把applianceHotList(热门家电商品列表)直接赋值给applianceList(家电商品列表)
  76.       // 所以在切换商品列表时判断applianceHotList是否为空,为空则是第一次切换,把applianceList赋值给applianceHotList
  77.       if (this.applianceHotList == "") {
  78.         this.applianceHotList = this.applianceList;
  79.       }
  80.       if (val == 1) {
  82.         this.applianceList = this.applianceHotList;
  83.         return;
  84.       }
  85.       if (val == 2) {
  86.    
  87.         this.applianceList = this.miTvList;
  88.         return;
  89.       }
  90.     },
  91.     accessoryActive: function (val) {
  92.       if (this.accessoryHotList == "") {
  93.         this.accessoryHotList = this.accessoryList;
  94.       }
  95.       if (val == 1) {
  96.         
  97.         this.accessoryList = this.accessoryHotList;
  98.         return;
  99.       }
  100.       if (val == 2) {
  101.         this.accessoryList = this.protectingShellList;
  102.         return;
  103.       }
  104.       if (val == 3) {
  105.         this.accessoryList = this.chargerList;
  106.         return;
  107.       }
  108.     }
  109.   },
  110.   created() {
  111.     this.$axios
  112.         .get("/home/homeCarousel", {})
  113.         .then(res => {
  114.           this.carousel = res.data.data.dataList;
  115.         })
  116.         .catch(err => {
  117.           return Promise.reject(err);
  118.         });
  119.     this.getPromo()
  120.   },
  121.   methods: {
  124.     // 获取各类商品数据方法封装
  125.     getPromo() {
  126.       this.$axios
  127.           .get("/home/homeGoodsList",)
  128.           .then(res => {
  129.             console.log(res)
  130.             this.applianceList = res.data.data.dataList//商品类型
  131.             this.phoneList = res.data.data.dataMap
  132.           })
  133.           .catch(err => {
  134.             return Promise.reject(err);
  135.           });
  136.     }
  137.   }
  138. };
  139. </script>
  140. <style scoped>
  141. @import "../assets/css/index.css";
  142. </style>
复制代码
源码下载

链接：https://pan.baidu.com/s/1LSCTF9d0OZGz_rQefDuERA
提取码：1234


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
继续阅读请点击广告

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

×
回复

使用道具 举报

返回列表

干翻全岛蛙蛙
+ 我要发帖
快速回复 返回顶部 返回列表