前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >社区超市管理系统 毕业设计 JAVA+Vue+SpringBoot+MySQL

社区超市管理系统 毕业设计 JAVA+Vue+SpringBoot+MySQL

作者头像
Designer 小郑
发布2024-02-29 09:24:22
1660
发布2024-02-29 09:24:22
举报
文章被收录于专栏:跟着小郑学JAVA跟着小郑学JAVA

作者主页Designer 小郑 作者简介:3年JAVA全栈开发经验,专注JAVA技术、系统定制、远程指导,致力于企业数字化转型,CSDN博客专家,阿里云社区专家博主,蓝桥云课讲师。

\color{red}{本文项目编号:S096。}

一、摘要

1.1 项目介绍

基于JAVA+Vue+SpringBoot+MySQL的社区超市管理系统,包含了商品管理模块、供应商管理模块、账单管理模块,还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块,社区超市管理系统基于角色的访问控制,给超市管理员、店长角色使用,可将权限精确到按钮级别,您可以自定义角色并分配权限,系统适合设计精确的权限约束需求。

1.2 项目录屏

二、功能模块

基于JAVA+Vue+SpringBoot+MySQL的社区超市管理系统是一个用于管理超市商品、供应商和账单的系统,该系统主要包含以下几个模。

2.1 商品管理模块

该模块用于管理超市的商品信息。管理员可以添加、修改和删除商品,包括商品名称、价格、库存等信息。用户可以通过该模块查询商品信息,并进行购买操作。

2.2 供应商管理模块

该模块用于管理超市的供应商信息。管理员可以添加、修改和删除供应商,包括供应商名称、联系人、联系方式等信息。用户可以通过该模块查询供应商信息,并与供应商进行合作。

2.3 账单管理模块

该模块用于管理超市的账单信息。管理员可以查看和统计销售情况,包括每日销售额、最畅销商品等。用户可以通过该模块查询自己的购买记录,并进行账单结算。

该系统的前端使用Vue框架进行开发,实现了用户友好的界面和良好的交互体验。后端使用SpringBoot框架搭建API接口,处理前端请求并与数据库进行交互。数据库使用MySQL存储系统的数据。

系统的整体架构是前后端分离的,前端与后端通过API接口进行通信。前端负责展示界面和用户交互,后端负责处理业务逻辑和数据存储。

通过该系统,超市管理员可以方便地管理商品和供应商,实时监控销售情况;用户可以方便地查询商品信息、购买商品并结算账单。这样可以提高超市管理的效率,提升用户的购物体验。

三、系统设计

3.1 前端系统设计

一个简单的首页包含三个基本元素:HTML、CSS和JavaScript。有了这三个元素,就可以完成首页的开发了。Vue框架支持这三个元素,因此编写漂亮的页面实际上是一个更大的问题,但它也支持使用其他组件库,如Element UI。一个快速的网站原型工具,有许多漂亮的页面组件。与传统的首页开发相比,主要通过操作DOM形成主视图结构,通过CSS修改形成美观的页面,最后交互部分使用JavaScript接收用户请求,通过事件响应进行交互。如你所知,网站在结构和大页面中包含许多页面元素,而视图和数据的混合,很难操作其中的一个元素。Vue的核心是一个固定的层和分隔视图。主要目标是将视图层与数据层和MVVM模式分离开来。MVVM的核心是视图模型层,它允许您随时观察数据变化并实时更新数据,这是一个双向链接。

3.2 后端系统设计

在后端,我们决定在SpringBoot框架之上进行开发。为什么选择使用开发框架,学过Javaweb的人都知道,开发一个web应用程序从一开始就知道结合servlet和Tomcat服务器并手动连接JDBC数据连接,IDEA软件用于编写SQL查询。这导致了长代码、复杂代码、高代码错误率和不容易调查的问题,极大地延长了开发时间。所以对于系统开发,我使用了开发系统框架和SpringBoot框架,并且可以快速构建系统框架,然后导入依赖项和部署文件,其余的是编写业务逻辑功能。经过几周的spring框架学习,我决定采用SpringBoot框架。

3.3 数据库设计

四、系统展示

五、核心代码

5.1 查询商品

代码语言:javascript
复制
@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询商品")
public Result<IPage<Commodity>> getByPage(@ModelAttribute Commodity commodity, @ModelAttribute PageVo page){
    QueryWrapper<Commodity> qw = new QueryWrapper<>();
    if(StrUtil.isNotBlank(commodity.getName())) {
        qw.eq("name",commodity.getName());
    }
    if(StrUtil.isNotBlank(commodity.getType())) {
        qw.eq("type",commodity.getType());
    }
    if(StrUtil.isNotBlank(commodity.getStock())) {
        qw.eq("stock",commodity.getStock());
    }
    if(StrUtil.isNotBlank(commodity.getSupplierId())) {
        qw.eq("supplier_id",commodity.getSupplierId());
    }
    if(StrUtil.isNotBlank(commodity.getUnitPrice())) {
        qw.eq("unit_price",commodity.getUnitPrice());
    }
    IPage<Commodity> data = iCommodityService.page(PageUtil.initMpPage(page),qw);
    for (Commodity com : data.getRecords()) {
        Supplier supplier = iSupplierService.getById(com.getSupplierId());
        if(supplier != null) {
            com.setSupplierName(supplier.getName());
        }
    }
    return new ResultUtil<IPage<Commodity>>().setData(data);
}

5.2 查询供应商

代码语言:javascript
复制
@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询供应商")
public Result<IPage<Supplier>> getByPage(@ModelAttribute Supplier supplier, @ModelAttribute PageVo page){
    QueryWrapper<Supplier> qw = new QueryWrapper<>();
    if(StrUtil.isNotBlank(supplier.getAddress())) {
        qw.eq("address",supplier.getAddress());
    }
    if(StrUtil.isNotBlank(supplier.getMobile())) {
        qw.eq("mobile",supplier.getMobile());
    }
    if(StrUtil.isNotBlank(supplier.getName())) {
        qw.eq("name",supplier.getName());
    }
    if(StrUtil.isNotBlank(supplier.getType())) {
        qw.eq("type",supplier.getType());
    }
    IPage<Supplier> data = iSupplierService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<Supplier>>().setData(data);
}

5.3 新增供应商

代码语言:javascript
复制
@RequestMapping(value = "/insertOrUpdate", method = RequestMethod.POST)
@ApiOperation(value = "新增供应商")
public Result<Supplier> saveOrUpdate(Supplier supplier){
    if(iSupplierService.saveOrUpdate(supplier)){
        return new ResultUtil<Supplier>().setData(supplier);
    }
    return new ResultUtil<Supplier>().setErrorMsg("操作失败");
}

5.4 查询账单

代码语言:javascript
复制
@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询账单")
public Result<IPage<Bill>> getByPage(@ModelAttribute Bill bill, @ModelAttribute PageVo page){
    QueryWrapper<Bill> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(bill.getUserId())) {
        qw.eq("user_id",bill.getUserId());
    }
    if(!ZwzNullUtils.isNull(bill.getCommodityId())) {
        qw.eq("commodity_id",bill.getCommodityId());
    }
    if(!ZwzNullUtils.isNull(bill.getSupplierId())) {
        qw.eq("supplier_id",bill.getSupplierId());
    }
    IPage<Bill> data = iBillService.page(PageUtil.initMpPage(page),qw);
    for (Bill bill1 : data.getRecords()) {
        Supplier supplier = iSupplierService.getById(bill1.getSupplierId());
        if(supplier != null) {
            bill1.setSupplierName(supplier.getName());
        } else {
            bill1.setSupplierName("无");
        }
        Commodity commodity = iCommodityService.getById(bill1.getCommodityId());
        if(commodity != null) {
            bill1.setCommodityName(commodity.getName());
        } else {
            bill1.setCommodityName("无");
        }
        User user = iUserService.getById(bill1.getUserId());
        if(user != null) {
            bill1.setUserName(user.getNickname());
        } else {
            bill1.setUserName("无");
        }
    }
    return new ResultUtil<IPage<Bill>>().setData(data);
}

5.5 新增账单

代码语言:javascript
复制
@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增账单")
public Result<Bill> insert(Bill bill) {
    bill.setDateTime(DateUtils.getCompleteNowDate());
    bill.setUserId(securityUtil.getCurrUser().getId());
    String price = bill.getPrice();
    String number = bill.getNumber();
    Double sum = Double.parseDouble(price) * Double.parseDouble(number);
    sum = Math.ceil(sum * 10.0) / 10.0;
    bill.setSum(sum + "");
    if(iBillService.saveOrUpdate(bill)){
        return new ResultUtil<Bill>().setData(bill);
    }
    return new ResultUtil<Bill>().setErrorMsg("新增账单失败");
}

六、免责说明

  • 本项目仅供个人学习使用,商用授权请联系博主,否则后果自负。
  • 博主拥有本软件构建后的应用系统全部内容所有权及独立的知识产权,拥有最终解释权。
  • 如有问题,欢迎在仓库 Issue 留言,看到后会第一时间回复,相关意见会酌情考虑,但没有一定被采纳的承诺或保证。

下载本系统代码或使用本系统的用户,必须同意以下内容,否则请勿下载!

  1. 出于自愿而使用/开发本软件,了解使用本软件的风险,且同意自己承担使用本软件的风险。
  2. 利用本软件构建的网站的任何信息内容以及导致的任何版权纠纷和法律争议及后果和博主无关,博主对此不承担任何责任。
  3. 在任何情况下,对于因使用或无法使用本软件而导致的任何难以合理预估的损失(包括但不仅限于商业利润损失、业务中断与业务信息丢失),博主概不承担任何责任。
  4. 必须了解使用本软件的风险,博主不承诺提供一对一的技术支持、使用担保,也不承担任何因本软件而产生的难以预料的问题的相关责任。
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2024-02-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、摘要
    • 1.1 项目介绍
      • 1.2 项目录屏
      • 二、功能模块
        • 2.1 商品管理模块
          • 2.2 供应商管理模块
            • 2.3 账单管理模块
            • 三、系统设计
              • 3.1 前端系统设计
                • 3.2 后端系统设计
                  • 3.3 数据库设计
                  • 四、系统展示
                  • 五、核心代码
                    • 5.1 查询商品
                      • 5.2 查询供应商
                        • 5.3 新增供应商
                          • 5.4 查询账单
                            • 5.5 新增账单
                            • 六、免责说明
                            相关产品与服务
                            云数据库 MySQL
                            腾讯云数据库 MySQL(TencentDB for MySQL)为用户提供安全可靠,性能卓越、易于维护的企业级云数据库服务。其具备6大企业级特性,包括企业级定制内核、企业级高可用、企业级高可靠、企业级安全、企业级扩展以及企业级智能运维。通过使用腾讯云数据库 MySQL,可实现分钟级别的数据库部署、弹性扩展以及全自动化的运维管理,不仅经济实惠,而且稳定可靠,易于运维。
                            领券
                            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档