首页 > 编程语言 >后台管理 + H5 + 微信小程序!又一个开源轻量的小商城!

后台管理 + H5 + 微信小程序!又一个开源轻量的小商城!

时间:2024-10-14 09:32:11浏览次数:6  
标签:微信 前端 H5 litemall 后台 轻量 商城

大家好,我是 Java陈序员

之前,给大家推荐过几款开源的商城系统。

一个 5.2k+ Star 的微服务商城系统

一个基于Vue+Vuex+iView的电子商城网站

今天,再给大家介绍一款开源轻量的小商城系统,包含后台管理、H5 和微信小程序

关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

litemall —— 一个小商场系统,基于 SpringBoot + Vue + 微信小程序实现,包含管理员端、H5 端和微信小程序端

项目架构

功能特色

  • 小商城功能
    • 首页
    • 专题列表、专题详情
    • 分类列表、分类详情
    • 品牌列表、品牌详情
    • 新品首发、人气推荐
    • 优惠券列表、优惠券选择
    • 团购
    • 搜索
    • 商品详情、商品评价、商品分享
    • 购物车
    • 下单
    • 订单列表、订单详情、订单售后
    • 地址、收藏、足迹、意见反馈
    • 客服
  • 管理平台功能
    • 会员管理
    • 商城管理
    • 商品管理
    • 推广管理
    • 系统管理
    • 配置管理
    • 统计报表

技术栈

  • Spring Boot
  • Vue
  • 微信小程序

功能截图

商城后台管理

商城前端(H5)

商城前端(微信小程序)

快速启动

环境准备

开发环境配置

  • MySQL
  • JDK1.8或以上
  • Maven
  • Nodejs
  • 微信开发者工具

1、克隆代码

git clone https://github.com/linlinjava/litemall.git

2、项目结构

litemall
├── deploy --------------- 部署脚本
├── doc ------------------ 文档
├── docker --------------- Docker 部署脚本
├── litemall-admin ------- 商城后台管理前端
├── litemall-admin-api --- 商城后台管理API
├── litemall-all --------- 商城后台服务
├── litemall-all-war ----- 商城后台服务(war 包)
├── litemall-core -------- 商城后台服务核心包
├── litemall-db ---------- 商城后台服务持久化包
├── litemall-vue --------- 商城前端(H5)
├── litemall-wx ---------- 商城前端(微信小程序)
├── litemall-wx-api ------ 商城前端(微信小程序)API
└── renard-wx ------------ 商城前端(微信小程序)

3、依次导入 litemall-db/sql 下的 SQL 文件初始化数据库数据

  • litemall_schema.sql —— 创建空数据库、创建用户、设置访问权限

    开发者开发测试阶段可以使用,但是部署生产阶段一定要注意修改这里的默认用户名和密码

  • litemall_table.sql —— 创建数据库表,但是没有创建任何数据

    可以在部署生产阶段直接使用

  • litemall_data.sql —— 创建测试数据

    开发者开发测试阶段可以使用,但是部署开发阶段应该使用自己的数据

商城后台服务

1、将整个项目以 Maven 项目的形式导入到 IDEA

2、修改 litemall-db 目录下配置文件 application-db.yml 中的数据库连接信息

如果数据库服务在本地,且执行过 litemall_schema.sql 文件,无需修改配置!

3、运行 litemall-all 下的 org.linlinjava.litemall.Application 主启动类,启动项目

商城后台管理前端

# 进入管理管理前端项目
cd litemall/litemall-admin

# 安装依赖
npm install

# 启动服务
npm run dev

# 浏览器访问
http://localhost:9527/

启动服务时,如因 Node 版本过高导致启动报错 Error: Cannot find module '@vue/babel-preset-app', 手动安装 npm install @vue/babel-preset-app --save-dev 完后再启动服务。

商城前端(H5)

# 进入轻商城前端项目
cd litemall/litemall-vue

# 安装依赖
npm install

# 启动服务
npm run dev

# 浏览器访问
http://localhost:6255/

商城前端(微信小程序)

litemall 提供了两套小商场前端 litemall-wxrenard-wx,可以分别导入和测试。

1、微信开发工具导入 litemall-wx 项目

2、项目配置,启用不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书

3、点击编译,即可在微信开发工具预览效果

4、也可以点击预览,然后手机扫描登录(但是手机需开启调试功能

litemall 可以说是一款轻量的小商城系统,上手十分简单,支持快速搭建!如需要搭建商城系统,这是一个不错的参考借鉴项目~

项目地址:https://github.com/linlinjava/litemall

最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star

https://github.com/chenyl8848/great-open-source-project

或者访问网站,进行在线浏览:

https://chencoding.top:8090/#/

大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!


标签:微信,前端,H5,litemall,后台,轻量,商城
From: https://www.cnblogs.com/codechen8848/p/18461915

相关文章

  • 基于微信小程序+springboot的校园综合服务系统网站java项目
    该校园综合服务系统网站项目结合微信小程序和SpringBoot技术,为校园师生提供便捷、全面的服务。对于学生而言,微信小程序端提供了丰富的功能。学生可以通过小程序查看课程安排、考试时间和成绩等学业信息,方便及时了解自己的学习进度。同时,能够在线进行图书馆书籍借阅预约......
  • 【精品毕设推荐】基于微信小程序的购物系统设计与实现
    点击下载原文及代码,可辅助在本地配置运行......
  • 微信聊天快捷回复工具【PC版本】
    易歪歪是一款可以应付各种场景下聊天快捷回复工具,相对强大的客服聊天助手,支持话术存储,软件用于提升客服聊天效率,高标准统一迅捷回复,达到一名客服效率为五名的效益转化。软件特点一键发送话术,少打字,回复快支持图文视频文件,客服快速回复的神器,高效率接待智能吸附聊天窗口......
  • 微信聊天快捷回复工具【PC版本】
    易歪歪是一款可以应付各种场景下聊天快捷回复工具,相对强大的客服聊天助手,支持话术存储,软件用于提升客服聊天效率,高标准统一迅捷回复,达到一名客服效率为五名的效益转化。软件特点一键发送话术,少打字,回复快支持图文视频文件,客服快速回复的神器,高效率接待智能吸附聊天窗口......
  • 基于微信小程序的校园跑腿小程序springboot项目(源码+lw+部署文档+讲解等)兼容app小程
    课题简介本项目旨在为校园师生打造一个便捷高效的跑腿服务平台,基于微信小程序开发前端界面,以SpringBoot构建强大稳定的后端服务。一、功能概述用户注册与登录支持学生和跑腿员通过微信授权快速注册与登录,确保身份真实性和信息安全。任务发布与接单学生用户可在小......
  • 基于微信小程序的小动物救助领养小程序springboot后端(源码+lw+部署文档+讲解等)兼容a
    课题简介本小程序后端基于SpringBoot构建,为小动物救助领养提供了强大的技术支持。它与微信小程序前端紧密配合,实现了一系列关键功能。首先,在数据管理方面,能够高效地存储和处理小动物的信息,包括种类、年龄、健康状况、照片等,以及救助站的相关信息。通过SpringBoot的......
  • 基于SpringBoot+Vue+Uniapp微信小程序的打印室预约系统设计与实现(源码+文档+部署视频)
    文章目录1.前言2.详细视频演示3.论文参考4.项目运行截图5.技术框架5.1后端采用SpringBoot框架5.2前端框架Vue6.选题推荐毕设案例8.系统测试8.1系统测试的目的8.2系统功能测试9.代码参考10.为什么选择我?11.获取源码1.前言......
  • 基于微信的追星小程序springboot+论文源码调试讲解
    第二章开发工具及关键技术介绍2.1微信开发者工具微信开发者工具现在已经被小程序开发团队开发运行,目前微信开发者工具任然在不断的完善中,在开发小程序时经常要不断的更新。可以使用微信扫码登陆开发者工具,开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。机型......
  • 基于微信小程序的在线问答平台的设计与实现springboot+vue的项目
    课题说明基于微信小程序的在线问答平台采用SpringBoot+Vue进行设计与实现。SpringBoot作为后端框架,负责处理问题数据、用户信息及交互逻辑等,确保数据的准确存储与高效管理。Vue构建微信小程序前端,为用户呈现友好的界面。用户通过小程序可方便地发布问题,详细描述问......
  • 基于微信小程序的音乐在线播放系统的设计与实现springboot+vue的项目
    课题说明基于SpringBoot+Vue的微信小程序音乐在线播放系统为用户带来便捷的音乐体验。SpringBoot作为后端框架,负责音乐资源的存储管理、用户数据处理及接口服务。它确保音乐文件的安全存储和稳定传输,同时管理用户的播放历史、收藏列表等数据。Vue构建的微信小程序......