Convert Figma logo to code with AI

linlinjava logolitemall

又一个小商城。litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端

19,098
7,167
19,098
33
View on GitHub

Top Related Projects

macrozheng's avatar

mall

77,204

mall项目是一套电商系统，包括前台商城系统及后台管理系统，基于SpringBoot+MyBatis实现，采用Docker容器化部署。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。 后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。

shuzheng's avatar

zheng

16,660

基于Spring+SpringMVC+Mybatis分布式敏捷开发系统架构，提供整套公共微服务服务模块：集中权限管理（单点登录）、内容管理、支付中心、用户管理（支持第三方登录）、微信平台、存储系统、配置中心、日志分析、任务和通知等，支持服务治理、监控和追踪，努力为中小型企业打造全方位J2EE企业级开发解决方案。

newbee-ltd's avatar

newbee-mall

11,019

🔥 🎉newbee-mall是一套电商系统，包括基础版本(Spring Boot+Thymeleaf)、前后端分离版本(Spring Boot+Vue 3+Element-Plus+Vue-Router 4+Pinia+Vant 4) 、秒杀版本、Go语言版本、微服务版本(Spring Cloud Alibaba+Nacos+Sentinel+Seata+Spring Cloud Gateway+OpenFeign+ELK)。 前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。

Exrick's avatar

xmall

7,142

基于SOA架构的分布式电商购物商城 前后端分离 前台商城:Vue全家桶 后台管理系统:Dubbo/SSM/Elasticsearch/Redis/MySQL/ActiveMQ/Shiro/Zookeeper等

paascloud's avatar

paascloud-master

9,828

spring cloud + vue + oAuth2.0全家桶实战，前后端分离模拟商城，完整的购物流程、后端运营平台，可以实现快速搭建企业级微服务项目。支持微信登录等三方登录。

Quick Overview

LiteMall is an open-source mall system designed for small and medium-sized enterprises. It's a comprehensive e-commerce solution that includes both a Spring Boot backend and Vue-based admin and mobile interfaces. The project aims to provide a complete, easy-to-use, and customizable shopping platform.

Pros

  • Full-stack solution with backend, admin panel, and mobile frontend
  • Modular architecture allowing for easy customization and extension
  • Comprehensive documentation and deployment guides
  • Active community and regular updates

Cons

  • Primarily documented in Chinese, which may be challenging for non-Chinese speakers
  • Relatively complex setup process for beginners
  • Limited built-in internationalization support
  • Some reported issues with mobile responsiveness

Code Examples

  1. Example of adding a new product to the database:
LitemallGoods goods = new LitemallGoods();
goods.setName("New Product");
goods.setPrice(new BigDecimal("99.99"));
goods.setCategoryId(1);
goodsService.add(goods);
  1. Example of querying orders within a date range:
List<LitemallOrder> orders = orderService.querySelective(
    null, null, OrderUtil.STATUS_PAY,
    LocalDateTime.now().minusDays(7),
    LocalDateTime.now(),
    1, 10);
  1. Example of sending a system message to a user:
LitemallUser user = userService.findById(userId);
NotifyType type = NotifyType.SYSTEM;
String title = "Welcome";
String content = "Welcome to our mall!";
notifyService.notifyUser(user, type, title, content);

Getting Started

  1. Clone the repository:

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

  2. Set up the database:

    • Install MySQL and create a database named litemall
    • Import the SQL file from litemall-db/sql/litemall_schema.sql

  3. Configure the application:

    • Update litemall-admin-api/src/main/resources/application.yml with your database credentials
    • Update other configuration files as needed

  4. Build and run the project:

    cd litemall
mvn clean package
java -jar litemall-all/target/litemall-all-*-exec.jar

  5. Access the admin panel at http://localhost:8080/admin/index.html

Competitor Comparisons

macrozheng logo

mall

77,204

mall项目是一套电商系统，包括前台商城系统及后台管理系统，基于SpringBoot+MyBatis实现，采用Docker容器化部署。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。 后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。

Pros of mall

  • More comprehensive and feature-rich e-commerce solution
  • Extensive documentation and detailed tutorials for developers
  • Active community with frequent updates and contributions

Cons of mall

  • Higher complexity and steeper learning curve
  • Requires more resources to run and maintain
  • May be overkill for smaller projects or simpler e-commerce needs

Code Comparison

mall (Java):

@ApiOperation("Add product to cart")
@RequestMapping(value = "/add", method = RequestMethod.POST)
@ResponseBody
public CommonResult<CartItemVo> add(@RequestBody OmsCartItem cartItem) {
    CartItemVo cartItemVo = cartItemService.add(cartItem);
    return CommonResult.success(cartItemVo);
}

litemall (Java):

@PostMapping("add")
public Object add(@LoginUser Integer userId, @RequestBody LitemallCart cart) {
    if (userId == null) {
        return ResponseUtil.unlogin();
    }
    return cartService.add(userId, cart);
}

Both repositories provide e-commerce solutions, but mall offers a more extensive feature set and documentation at the cost of increased complexity. litemall is simpler and more lightweight, making it suitable for smaller projects or those new to e-commerce development. The code comparison shows that mall uses more detailed API documentation and a more structured response format, while litemall has a more straightforward approach with built-in user authentication.

shuzheng logo

zheng

16,660

基于Spring+SpringMVC+Mybatis分布式敏捷开发系统架构，提供整套公共微服务服务模块：集中权限管理（单点登录）、内容管理、支付中心、用户管理（支持第三方登录）、微信平台、存储系统、配置中心、日志分析、任务和通知等，支持服务治理、监控和追踪，努力为中小型企业打造全方位J2EE企业级开发解决方案。

Pros of zheng

  • More comprehensive and feature-rich, offering a wider range of modules and functionalities
  • Better suited for large-scale enterprise applications with complex requirements
  • Provides a more structured and modular architecture, allowing for easier scalability

Cons of zheng

  • Steeper learning curve due to its complexity and extensive feature set
  • May be overkill for smaller projects or simpler e-commerce applications
  • Less focused on specific e-commerce functionalities compared to litemall

Code Comparison

zheng (Java):

@Service
@Transactional
public class UserServiceImpl implements UserService {
    @Autowired
    private UserMapper userMapper;
    
    @Override
    public UserDto getUserById(Long id) {
        return userMapper.selectByPrimaryKey(id);
    }
}

litemall (Java):

@Service
public class LitemallUserService {
    @Resource
    private LitemallUserMapper userMapper;
    
    public LitemallUser findById(Integer userId) {
        return userMapper.selectByPrimaryKey(userId);
    }
}

Both projects use similar service layer implementations, but zheng tends to have more complex and feature-rich services, while litemall focuses on simpler, more specific e-commerce functionalities.

newbee-ltd logo

newbee-mall

11,019

🔥 🎉newbee-mall是一套电商系统，包括基础版本(Spring Boot+Thymeleaf)、前后端分离版本(Spring Boot+Vue 3+Element-Plus+Vue-Router 4+Pinia+Vant 4) 、秒杀版本、Go语言版本、微服务版本(Spring Cloud Alibaba+Nacos+Sentinel+Seata+Spring Cloud Gateway+OpenFeign+ELK)。 前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。

Pros of newbee-mall

  • More comprehensive documentation and user guides
  • Active community with frequent updates and bug fixes
  • Includes additional features like a coupon system and user points

Cons of newbee-mall

  • Steeper learning curve due to more complex architecture
  • Heavier resource consumption, potentially affecting performance
  • Less modular structure, making it harder to customize specific components

Code Comparison

newbee-mall:

@Autowired
private NewBeeMallGoodsService newBeeMallGoodsService;

@GetMapping("/goods/detail/{goodsId}")
public String detailPage(@PathVariable("goodsId") Long goodsId, HttpServletRequest request) {
    NewBeeMallGoods goods = newBeeMallGoodsService.getNewBeeMallGoodsById(goodsId);
    request.setAttribute("goodsDetail", goods);
    return "mall/detail";
}

litemall:

@Autowired
private LitemallGoodsService goodsService;

@GetMapping("/goods/{id}")
public Object detail(@PathVariable Integer id) {
    LitemallGoods goods = goodsService.findById(id);
    return ResponseUtil.ok(goods);
}

Both projects implement similar e-commerce functionalities, but newbee-mall offers a more feature-rich experience at the cost of increased complexity. litemall, on the other hand, provides a simpler, more lightweight solution that may be easier to customize and maintain for smaller projects.

Exrick logo

xmall

7,142

基于SOA架构的分布式电商购物商城 前后端分离 前台商城:Vue全家桶 后台管理系统:Dubbo/SSM/Elasticsearch/Redis/MySQL/ActiveMQ/Shiro/Zookeeper等

Pros of xmall

  • More comprehensive e-commerce features, including a wider range of payment options and advanced order management
  • Includes a separate admin dashboard for better management of the platform
  • Offers integration with third-party services like Alipay and WeChat Pay

Cons of xmall

  • More complex architecture, which may be harder to maintain and scale
  • Less frequent updates and potentially lower community engagement
  • Heavier resource requirements due to its more extensive feature set

Code Comparison

xmall (Product Service):

@Service
public class ProductServiceImpl implements ProductService {
    @Autowired
    private TbItemMapper itemMapper;
    @Autowired
    private TbItemDescMapper itemDescMapper;
    // ... more dependencies and methods
}

litemall (Product Service):

@Service
public class LitemallGoodsService {
    @Resource
    private LitemallGoodsMapper goodsMapper;
    @Resource
    private LitemallGoodsSpecificationMapper specificationMapper;
    // ... more dependencies and methods
}

Both projects use Spring Boot and follow similar service implementation patterns. However, xmall's codebase appears to be more extensive, reflecting its broader feature set. litemall's code structure seems more streamlined, potentially easier to understand and maintain for smaller-scale projects.

paascloud logo

paascloud-master

9,828

spring cloud + vue + oAuth2.0全家桶实战，前后端分离模拟商城，完整的购物流程、后端运营平台，可以实现快速搭建企业级微服务项目。支持微信登录等三方登录。

Pros of paascloud-master

  • More comprehensive microservices architecture, suitable for large-scale applications
  • Includes advanced features like distributed transactions and service governance
  • Offers a wider range of cloud-native technologies and integrations

Cons of paascloud-master

  • Higher complexity and steeper learning curve
  • Requires more resources to deploy and maintain
  • May be overkill for smaller projects or simpler e-commerce applications

Code Comparison

paascloud-master (Spring Cloud configuration):

@SpringBootApplication
@EnableDiscoveryClient
@EnableFeignClients
public class PaasCloudCoreApplication {
    public static void main(String[] args) {
        SpringApplication.run(PaasCloudCoreApplication.class, args);
    }
}

litemall (Spring Boot configuration):

@SpringBootApplication
@EnableTransactionManagement
@MapperScan("org.linlinjava.litemall.db.dao")
public class Application {
    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }
}

The code comparison shows that paascloud-master uses Spring Cloud annotations for microservices, while litemall uses a simpler Spring Boot setup with transaction management and MyBatis integration. This reflects the difference in architecture complexity between the two projects.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

litemall

又一个小商场系统。

litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端

项目代码

项目架构

技术栈

  1. Spring Boot
  2. Vue
  3. 微信小程序

功能

小商城功能

  • 首页
  • 专题列表、专题详情
  • 分类列表、分类详情
  • 品牌列表、品牌详情
  • 新品首发、人气推荐
  • 优惠券列表、优惠券选择
  • 团购
  • 搜索
  • 商品详情、商品评价、商品分享
  • 购物车
  • 下单
  • 订单列表、订单详情、订单售后
  • 地址、收藏、足迹、意见反馈
  • 客服

管理平台功能

  • 会员管理
  • 商城管理
  • 商品管理
  • 推广管理
  • 系统管理
  • 配置管理
  • 统计报表

快速启动

  1. 配置最小开发环境：

  2. 数据库依次导入litemall-db/sql下的数据库文件

    • litemall_schema.sql
    • litemall_table.sql
    • litemall_data.sql

  3. 启动小商场和管理后台的后端服务

    打开命令行，输入以下命令

    cd litemall
mvn install
mvn clean package
java -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar

  4. 启动管理后台前端

    打开命令行，输入以下命令

    cd litemall/litemall-admin
npm install --registry=https://registry.npm.taobao.org
npm run dev

    此时，浏览器打开，输入网址http://localhost:9527, 此时进入管理后台登录页面。

  5. 启动小商城前端

    这里存在两套小商场前端litemall-wx和renard-wx，开发者可以分别导入和测试：

    1. 微信开发工具导入litemall-wx项目;
    2. 项目配置，启用“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书”
    3. 点击“编译”，即可在微信开发工具预览效果；
    4. 也可以点击“预览”，然后手机扫描登录（但是手机需开启调试功能）。

    注意：

    这里只是最简启动方式，而小商场的微信登录、微信支付等功能需开发者设置才能运行， 更详细方案请参考文档。

  6. 启动轻商城前端

    打开命令行，输入以下命令

    cd litemall/litemall-vue
npm install --registry=https://registry.npm.taobao.org
npm run dev

    此时，浏览器（建议采用chrome 手机模式）打开，输入网址http://localhost:6255, 此时进入轻商场。

    注意：

    现在功能很不稳定，处在开发阶段。

开发计划

当前版本v1.8.0

目前项目开发中，存在诸多不足，以下是目前规划的开发计划。

V 1.0.0 完成以下目标：

  1. 除了部分功能（如优惠券等），小商城的优化和改进基本结束；
  2. 管理后台基本实现所有表的CRUD操作；
  3. 后端服务能够对参数进行检验。

V 2.0.0 完成以下目标：

  1. 小商城和管理后台完成所有基本业务；
  2. 管理后台实现统计功能、日志功能、权限功能；
  3. 业务代码和细节代码进行调整优化；
  4. 轻商城的开发；

V 3.0.0 完成以下目标：

  1. 管理后台一些辅助功能
  2. 后端服务加强安全功能、配置功能
  3. 缓存功能以及优化一些性能

警告

  1. 本项目仅用于学习练习
  2. 本项目还不完善，仍处在开发中，不承担任何使用后果
  3. 本项目代码开源MIT，项目文档采用 署名-禁止演绎 4.0 国际协议许可

致谢

本项目基于或参考以下项目：

  1. nideshop-mini-program

    项目介绍：基于Node.js+MySQL开发的开源微信小程序商城（微信小程序）

    项目参考：

    1. litemall项目数据库基于nideshop-mini-program项目数据库；
    2. litemall项目的litemall-wx模块基于nideshop-mini-program开发。

  2. vue-element-admin

    项目介绍： 一个基于Vue和Element的后台集成方案

    项目参考：litemall项目的litemall-admin模块的前端框架基于vue-element-admin项目修改扩展。

  3. mall-admin-web

    项目介绍：mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。

    项目参考：litemall项目的litemall-admin模块的一些页面布局样式参考了mall-admin-web项目。

  4. biu

    项目介绍：管理后台项目开发脚手架，基于vue-element-admin和springboot搭建，前后端分离方式开发和部署。

    项目参考：litemall项目的权限管理功能参考了biu项目。

  5. vant--mobile-mall

    项目介绍：基于有赞 vant 组件库的移动商城。

    项目参考：litemall项目的litemall-vue模块基于vant--mobile-mall项目开发。

推荐

  1. Flutter_Mall

    项目介绍：Flutter_Mall是一款Flutter开源在线商城应用程序。

  2. Taro_Mall

    项目介绍：Taro_Mall是一款多端开源在线商城应用程序，后台是基于litemall基础上进行开发，前端采用Taro框架编写。

问题

  • 开发者有问题或者好的建议可以用Issues反馈交流，请给出详细信息
  • 在开发交流群中应讨论开发、业务和合作问题
  • 如果真的需要QQ群里提问，请在提问前先完成以下过程：
    • 请仔细阅读本项目文档，特别是是FAQ，查看能否解决；
    • 请阅读提问的智慧；
    • 请百度或谷歌相关技术；
    • 请查看相关技术的官方文档，例如微信小程序的官方文档；
    • 请提问前尽可能做一些DEBUG或者思考分析，然后提问时给出详细的错误相关信息以及个人对问题的理解。

License

MIT Copyright (c) 2018-present linlinjava