问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

基于微信小程序的超市在线购物系统设计与实现

创作时间:
作者:
@小白创作中心

基于微信小程序的超市在线购物系统设计与实现

引用
CSDN
1.
https://blog.csdn.net/qq_15801219/article/details/140912510

随着互联网的普及和电子商务的迅速发展,消费者的购物习惯正在发生深刻的变化。越来越多的消费者倾向于通过在线平台进行购物,享受其带来的便捷性和丰富性。这为超市发展在线购物系统提供了巨大的市场潜力和发展空间。

一.前言

传统的线下超市购物方式存在一些固有的问题,如商品信息不透明、购物流程繁琐、结账等待时间长等。这些问题影响了消费者的购物体验,也限制了超市的发展潜力。因此,超市需要寻找一种创新的解决方案,以提升消费者的购物体验并增强自身的竞争力。在这样的背景下,超市决定研发在线购物系统。该系统旨在通过互联网技术,将超市的商品信息、促销活动等实时展示给消费者,并提供便捷的在线购物流程。消费者可以通过手机或电脑随时随地进行购物,选择商品、加入购物车、结算支付等操作一气呵成,无需再受到时间和地点的限制。

课题主要采用springboot架构技术,前端以微信小程序用户端页面呈现给用户,结合后台java语言使页面更加完善,后台使用MySQL数据库进行数据存储。超市在线购物系统主要功能包括用户、商品分类、商品信息、商品入库、商品出库、商品盘点、折扣专区、订单等功能,超市作为国内知名的零售企业,也紧跟时代潮流,积极开展在线购物系统的研发与应用。目前,超市在线购物系统已经初步建成,并在实际运营中取得了一定的成效。系统不仅提供了商品浏览、在线购买、订单跟踪等基本功能,还融入了智能推荐、个性化营销等先进技术,进一步提升了消费者的购物体验。

二.技术环境

  • jdk版本:1.8 及以上
  • ide工具:Eclipse或者 IDEA,微信小程序开发工具
  • 数据库: mysql5.7 (必须5.7)
  • 编程语言: Java
  • java框架:SpringBoot
  • maven: 3.6.1
  • 详细技术:HTML+CSS+JAVA+SpringBoot+MYSQL+VUE+MAVEN+微信开发工具

三.功能设计

本系统有二个角色:管理员和用户微信端,要求具备以下功能:

(a) 管理员;管理员使用本系统涉到的功能主要有系统首页、个人中心、用户管理、商品分类管理、商品信息管理、商品入库管理、商品出库管理、商品盘点管理、折扣专区管理、我的收藏管理、系统管理、订单管理等功能。管理员用例图如图所示。

(b) 用户;进入系统可以实现首页、商品信息、购物车、我的等功能进行操作。用户用例图如图所示。

系统总体功能结构图如下所示:

程序上交给用户进行使用时,需要提供程序的操作流程图,这样便于用户容易理解程序的具体工作步骤,现如今程序的操作流程都有一个大致的标准,即先通过登录页面提交登录数据,通过程序验证正确之后,用户才能在程序功能操作区页面操作对应的功能。

四.数据设计

数据库概念模型的设计是为了抽象真实世界的信息,并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。而且Mysql数据库是自我保护能力比较强的数据库,限于篇幅要求,仅列出关键部分实体属性图和E-R图,如下所述。



系统总体E-R图如下所示:

五.部分效果展示

5.1用户微信端功能实现效果

当用户打开微信小程序的网址后,首先看到的就是微信小程序首页界面。在这里,用户能够看到超市在线购物系统微信小程序的导航条显示首页、商品信息、购物车、我的等,如图所示。

登录界面,首先双击打开微信小程序端系统,连上网络之后会显示出本系统的登录界面,这是进入小程序的第初始页面“登录”,能成功进入到该登录界面则代表小程序的开启是成功的,接下来就可以操作本系统所带有的其他所有的功能,如图所示。

用户点击商品信息,在商品信息页面的输入商品名称,进行搜索,还可以查看商品条码、商品名称、商品分类、商品图片、商品规格、商品品牌、上架时间、单限、库存、点击次数、评论数、价格、收藏数等信息。如有需要可以进行立即购买、加入购物车、赞、踩或收藏、评论等操作。如图所示。

用户点击用户充值,在用户充值页面选择充值方式,接着输入充值金额,即可完成充值。如图所示。

在我的功能界面,用户点击“我的”进入我的页面,在我的页面可以对我的订单、我的收藏、用户充值、修改密码等进行详细操作,如图所示。

5.2管理员服务端功能实现效果

管理员的登陆界面包括管理员的账号、密码,其中就是已有的账号,还有需要注册的账号。只要管理员在账号上注册,注册信息就会被录入 MySQL数据库,有一个资料库,只要输入成功,就可以登陆,然后进入主页的管理。管理员登录界面如图所示。

管理员登录到超市在线购物系统可以查看系统首页、个人中心、用户管理、商品分类管理、商品信息管理、商品入库管理、商品出库管理、商品盘点管理、折扣专区管理、我的收藏管理、系统管理、订单管理等功能进行详细操作,如图所示。

在用户信息的输入栏中输入用户姓名、用户账号进行查询,可以查看到用户信息详细信息,并根据需要进行修改或者删除等操作。如图所示。

管理员点击商品信息管理;在商品信息管理页面输入商品条码、商品名称、商品分类、商品图片、商品规格、商品品牌、上架时间、单 限、库存、点击次数、评论数、价格、收藏数等信息,进行查询、添加或删除商品信息、查看商品库存统计图等操作;如图所示。

管理员点击商品入库管理;在商品入库管理页面对商品条码、商品名称、商品分类、商品图片、入库数量、商品规格、商品品牌、入库时间 等信息,进行查询或删除商品入库信息、查看入库数量统计等操作;如图所示。

管理员点击商品出库管理;在商品出库管理页面对商品条码、商品名称、商品分类、商品图片、出库数量、商品规格、出库时间、出库人员等信息,进行查询或删除商品出库管理信息、查看出库数量统计情况等操作;如图所示。

管理员点击商品盘点管理;在商品盘点管理页面对商品条码、商品名称、商品图片、盘点数量、商品规格、商品品牌、盘点时间、盘点人员等信息,进行查询或删除商品盘点信息等操作;如图所示。

管理员点击折扣专区管理;在折扣专区管理页面对商品条码、商品名称、商品分类、商品图片、商品规格、商品上架时间、单限、库存、点击次数、评论数、价格、会员价、收藏数等信息,进行查询、添加或删除折扣专区信息等操作;如图所示。

管理员点击订单管理;在订单管理页面对已支付订单、已完成订单、已取消订单、已退款订单、已发货订单、未支付订单等模块信息,进行查询或删除订单信息,还可以查看月售量、类型销售量、月售额、类型售额等操作;如图所示。

部分功能代码


    /**
     * 上传文件
     */
    @RequestMapping("/upload")
    @IgnoreAuth
    public R upload(@RequestParam("file") MultipartFile file,String type) throws Exception {
        if (file.isEmpty()) {
            throw new EIException("上传文件不能为空");
        }
        String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
        File path = new File(ResourceUtils.getURL("classpath:static").getPath());
        if(!path.exists()) {
            path = new File("");
        }
        File upload = new File(path.getAbsolutePath(),"/upload/");
        if(!upload.exists()) {
            upload.mkdirs();
        }
        String fileName = new Date().getTime()+"."+fileExt;
        if(StringUtils.isNotBlank(type) && type.contains("_template")) {
            fileName = type + "."+fileExt;
            new File(upload.getAbsolutePath()+"/"+fileName).deleteOnExit();
        }
        File dest = new File(upload.getAbsolutePath()+"/"+fileName);
        file.transferTo(dest);
        if(StringUtils.isNotBlank(type) && type.equals("1")) {
            ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
            if(configEntity==null) {
                configEntity = new ConfigEntity();
                configEntity.setName("faceFile");
                configEntity.setValue(fileName);
            } else {
                configEntity.setValue(fileName);
            }
            configService.insertOrUpdate(configEntity);
        }
        return R.ok().put("file", fileName);
    }
    /**
     * 登录
     */
    @IgnoreAuth
    @RequestMapping(value = "/login")
    public R login(String username, String password, String captcha, HttpServletRequest request) {
        UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
        if(user==null || !user.getPassword().equals(password)) {
            return R.error("账号或密码不正确");
        }
        String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
        return R.ok().put("token", token);
    }
    
    /**
     * 注册
     */
    @IgnoreAuth
    @PostMapping(value = "/register")
    public R register(@RequestBody UsersEntity user){
//    	ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }
  
© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号