爱意满满的作品展示区。
kkdebunk

一套完善的 H5 商城开源了,绝无套路

  •  
  •   kkdebunk · Jul 23, 2023 · 6702 views
    This topic created in 1199 days ago, the information mentioned may be changed or developed.

    简介

    waynboot-mall 是一套全部开源的微商城项目,包含三个项目:运营后台、H5 商城和后端接口。实现了一套完整的商城业务,有首页展示、商品分类、商品详情、sku 详情、商品搜索、加入购物车、结算下单、商品评论等一系列功能。商城前后台项目源码全部开源,绝无套路。技术上基于最新得 Springboot3.1 ,整合了 Redis 、RabbitMQ 、ElasticSearch 等常用中间件,根据博主多年线上项目实战经验总结开发而来不断优化、完善。

    对于初学者而言 waynboot-mall 项目是非常易于部署的,根据 readme 中的开发部署指南就能成功启动项目。对于非技术人员,本项目也提供了一键安装脚本,能在五分钟内启动商城前后台所有服务。

    学习完这个项目,相信能够帮助广大开发者更好的参与实际项目开发、理解前后端对接、常用业务逻辑如何设计实现、根据踩坑指南轻松解决线上项目疑难问题。

    源码地址:

    在线体验

    前台演示地址: http://121.4.124.33/mall

    • 使用邮箱注册一个账号
    • 然后根据手机号登陆即可

    功能设计

    功能上,waynboot-mall 项目可分为 “H5 商城前台” 和 “运管后台” 两部分。详细功能如下图:

    功能设计

    系统设计

    从系统设计来看,waynboot-mall 项目选用当前最新 Springboot3.1 + JDK17 开发而来,ORM 框架选用 MyBatis-Plus ,项目中其他系统组件介绍如下图:

    系统设计

    技术选型

    系统组件 采用技术 官网
    1 基础框架 Spring Boot https://spring.io/projects/spring-boot
    2 ORM 框架 MyBatis-Plus https://baomidou.com
    3 工具类库 hutool https://hutool.cn
    4 流量网关 Nginx http://nginx.org/en/index.html
    5 访问控制 Spring Security https://spring.io/projects/spring-security
    6 日志记录 Nginx https://logback.qos.ch/
    7 验证码 easy-captcha https://github.com/ele-admin/EasyCaptcha
    8 数据库连接池 HikariCP https://github.com/brettwooldridge/HikariCP
    9 Redis 客户端 Lettuce https://lettuce.io
    10 Elasticsearch 客户端 Java High Level REST Client https://www.elastic.co/guide/en/elasticsearch/client/java-rest/current/java-rest-high.html
    11 消息队列 RabbitMQ https://www.rabbitmq.com
    12 定时任务 xxl-job https://www.xuxueli.com/xxl-job
    13 服务监控 spring-boot-admin https://docs.spring-boot-admin.com/current/getting-started.html

    演示图

    商城首页 更多商品
    商城搜索 金刚位跳转
    商品详情 商品分类
    商品 sku 选择 购物车查看
    确认下单 选择支付方式
    下单成功 订单列表
    商品评论 我的页面
    登录 注册

    文件目录

    |-- db-init                        // 数据库初始化脚本
    |-- waynboot-monitor               // 监控模块
    |-- waynboot-admin-api             // 运营后台 api 模块,提供后台项目 api 接口
    |   |-- controller                 // 后台接口
    |   |-- framework                  // 后台配置相关
    |-- waynboot-common                // 通用模块,包含项目核心基础类
    |   |-- annotation                
    |   |-- base      
    |   |-- config
    |   |-- constant
    |   |-- core
    |   |-- enums
    |   |-- exception
    |   |-- task
    |   |-- util
    |-- waynboot-data                  // 数据模块,通用中间件数据访问
    |   |-- waynboot-data-redis        // redis 访问配置模块
    |   |-- waynboot-data-elastic      // elastic 访问配置模块
    |-- waynboot-message-consumer      // 消费者模块,处理订单消息和邮件消息
    |-- waynboot-message-core          // 消费者核心模块,队列、交换机配置
    |-- waynboot-mobile-api            // H5 商城 api 模块,提供 H5 商城 api 接口
    |   |-- controller                 // 前台接口
    |   |-- framework                  // 前台配置相关
    |-- pom.xml                        // maven 父项目依赖,定义子项目依赖版本
    |-- ...
    

    最后

    感谢大家阅读,大家对于这个 H5 商城有任何问题,可以关注博主私信我。也希望大家能点个 Star ,帮助博主让更多的人知道这个项目。

    Supplement 1  ·  Jul 24, 2023
    大伙在 pc 上访问演示地址,要切换到移动端模式打开再看😂
    31 replies  •  2023-07-31 20:13:21 +08:00
    yunzhongzhuan
    yunzhongzhuan
    Jul 23, 2023
    1
    UI 一言难尽 真的
    kkdebunk
    kkdebunk
    OP
    Jul 23, 2023
    2
    @yunzhongzhuan 一个人开发,个人审美😂
    AchieveHF
    AchieveHF
    Jul 23, 2023
    3
    有啥意义呢,练手吗
    kingjpa
    kingjpa
    Jul 23, 2023
    4
    这个前端页面都是几年前烂大街的东西,你现在这个项目的前端页面都是东拼西凑组合起来的,大部分前端页面都是某个素材网下回来的
    kkdebunk
    kkdebunk
    OP
    Jul 23, 2023
    5
    @kingjpa 一个人开发能力有限
    loveqianool
    loveqianool
    Jul 23, 2023❤️1
    6
    这 UI 挺好的呀
    8E9aYW8oj31rnbOK
    8E9aYW8oj31rnbOK
    Jul 23, 2023 via Android
    7
    挺好的,感谢开源
    smallboy19991231
    smallboy19991231
    Jul 23, 2023 via Android
    8
    感觉很像京东?
    zooo
    zooo
    Jul 23, 2023
    9
    挺不错的
    要是没点套路,还不习惯来
    kkdebunk
    kkdebunk
    OP
    Jul 23, 2023
    10
    @zooo 😂
    kkdebunk
    kkdebunk
    OP
    Jul 23, 2023
    11
    @Leonkennedy2 谢谢
    nash
    nash
    Jul 23, 2023
    12
    现在除了商城还是商城,中国程序员什么时候在底层上多做点贡献,AI 应用也行
    fusxcs
    fusxcs
    Jul 23, 2023
    13
    你这 UI 让我想起了诈骗人员给下载安装的 app 商城。。。就路边抽奖送平板的那种。。。
    yafoo
    yafoo
    Jul 23, 2023 via Android
    14
    要是 php 就好了
    amlee
    amlee
    Jul 23, 2023
    15
    挺好的,搞不懂那些吐槽 UI 的,一个商城的 UI 还想做出花来吗?
    chenhua19940128
    chenhua19940128
    Jul 24, 2023
    16
    加油,至少比只动嘴不动手的强
    CocoCoding
    CocoCoding
    Jul 24, 2023
    17
    @amlee 它们在直接浏览器打开的,没切换到手机模式展示
    hyqCrystal
    hyqCrystal
    Jul 24, 2023
    18
    支持支持👍
    Desiree
    Desiree
    Jul 24, 2023
    19
    为什么跟 这个项目 https://gitee.com/liguozhen91/litemall
    Desiree
    Desiree
    Jul 24, 2023
    20
    相似度如此之高
    ColinWei
    ColinWei
    Jul 24, 2023
    21
    界面已经很好看了,感谢开源!
    kkdebunk
    kkdebunk
    OP
    Jul 24, 2023
    22
    @Desiree 都用的有赞的移动端 ui 库
    xjqxz2
    xjqxz2
    Jul 24, 2023
    23
    基于 Springboot 3.1 是否支持 GraalVM 呀~
    muziling
    muziling
    Jul 24, 2023
    24
    @Desiree 无权限访问
    790002517zzy
    790002517zzy
    Jul 24, 2023 via Android
    25
    挺好的 先点✨了
    ColoThor
    ColoThor
    Jul 24, 2023
    26
    开源支持个先
    lyhiving
    lyhiving
    Jul 25, 2023
    27
    开源都是要点赞,商城后期肯定都是改协议的了
    Enzoliu
    Enzoliu
    Jul 25, 2023
    28
    @kkdebunk #2 可以高仿一下京东
    kkdebunk
    kkdebunk
    OP
    Jul 25, 2023
    29
    @Enzoliu 好多人都说仿照京东😂
    7897894
    7897894
    Jul 26, 2023
    30
    几个小问题

    是否支持个人支付方式,比如 xorpay 易支付 码支付这些
    是否支持自动发货
    是否支持虚拟商品
    kkdebunk
    kkdebunk
    OP
    Jul 31, 2023
    31
    @7897894 这三个都还不支持
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1732 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 68ms · UTC 23:43 · PVG 07:43 · LAX 15:43 · JFK 18:43
    ♥ Do have faith in what you're doing.