Convert Figma logo to code with AI

newbee-ltd logonewbee-mall

🔥 🎉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)。 前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。

11,019
2,703
11,019
1

Top Related Projects

77,204

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

19,098

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

16,660

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

ruoyi-vue-pro 全新 Cloud 版本,优化重构所有功能。基于 Spring Cloud Alibaba + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城、CRM、ERP、AI 大模型等功能。你的 ⭐️ Star ⭐️,是作者生发的动力!

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

Quick Overview

NewBee Mall is an open-source e-commerce system built with Spring Boot. It provides a comprehensive solution for online shopping platforms, including both front-end and back-end implementations. The project aims to offer a modern, scalable, and feature-rich e-commerce framework for developers and businesses.

Pros

  • Complete e-commerce solution with both front-end and back-end components
  • Built on popular and robust technologies like Spring Boot and Vue.js
  • Actively maintained with regular updates and improvements
  • Comprehensive documentation and deployment guides available

Cons

  • Primarily documented in Chinese, which may be challenging for non-Chinese speakers
  • Limited customization options for specific business requirements
  • Steeper learning curve for developers not familiar with the Spring ecosystem
  • May require additional work to meet international e-commerce standards and regulations

Code Examples

// Example of product service implementation
@Service
public class NewBeeMallGoodsServiceImpl implements NewBeeMallGoodsService {
    @Autowired
    private NewBeeMallGoodsMapper goodsMapper;

    @Override
    public PageResult getNewBeeMallGoodsPage(PageQueryUtil pageUtil) {
        List<NewBeeMallGoods> goodsList = goodsMapper.findNewBeeMallGoodsList(pageUtil);
        int total = goodsMapper.getTotalNewBeeMallGoods(pageUtil);
        PageResult pageResult = new PageResult(goodsList, total, pageUtil.getLimit(), pageUtil.getPage());
        return pageResult;
    }
}
// Example of order controller
@Controller
@RequestMapping("/admin")
public class NewBeeMallOrderController {
    @Autowired
    private NewBeeMallOrderService newBeeMallOrderService;

    @GetMapping("/orders")
    public String ordersPage(HttpServletRequest request) {
        request.setAttribute("path", "orders");
        return "admin/newbee_mall_order";
    }

    @GetMapping("/orders/list")
    @ResponseBody
    public Result list(@RequestParam Map<String, Object> params) {
        if (StringUtils.isEmpty(params.get("page")) || StringUtils.isEmpty(params.get("limit"))) {
            return ResultGenerator.genFailResult("参数异常!");
        }
        PageQueryUtil pageUtil = new PageQueryUtil(params);
        return ResultGenerator.genSuccessResult(newBeeMallOrderService.getNewBeeMallOrdersPage(pageUtil));
    }
}

Getting Started

To get started with NewBee Mall:

  1. Clone the repository:

    git clone https://github.com/newbee-ltd/newbee-mall.git
    
  2. Set up the database using the provided SQL scripts in the sql directory.

  3. Configure the database connection in application.properties:

    spring.datasource.url=jdbc:mysql://localhost:3306/your_database_name?useUnicode=true&characterEncoding=utf8&autoReconnect=true&useSSL=false
    spring.datasource.username=your_username
    spring.datasource.password=your_password
    
  4. Build and run the project:

    mvn spring-boot:run
    
  5. Access the application at http://localhost:28089/admin/login

For more detailed instructions, refer to the project's documentation.

Competitor Comparisons

77,204

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

Pros of mall

  • More comprehensive and feature-rich e-commerce platform
  • Better documentation and extensive wiki for developers
  • Larger community and more frequent updates

Cons of mall

  • Steeper learning curve due to its complexity
  • Potentially overkill for smaller projects or simpler e-commerce needs
  • Higher resource requirements for deployment and maintenance

Code Comparison

mall:

@Autowired
private UmsMemberService memberService;

@ApiOperation("获取验证码")
@RequestMapping(value = "/getAuthCode", method = RequestMethod.GET)
@ResponseBody
public CommonResult getAuthCode(@RequestParam String telephone) {
    return memberService.generateAuthCode(telephone);
}

newbee-mall:

@Autowired
private NewBeeMallUserService newBeeMallUserService;

@PostMapping("/login")
@ResponseBody
public Result login(@RequestParam("loginName") String loginName,
                    @RequestParam("verifyCode") String verifyCode,
                    @RequestParam("password") String password,
                    HttpSession httpSession) {
    if (!StringUtils.hasText(verifyCode)) {
        return ResultGenerator.genFailResult(ServiceResultEnum.LOGIN_VERIFY_CODE_NULL.getResult());
    }
    // ... (additional code)
}

The code comparison shows that mall uses a dedicated service for member-related operations, while newbee-mall handles user authentication directly in the controller. mall also utilizes Swagger annotations for API documentation.

19,098

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

Pros of litemall

  • More comprehensive tech stack, including Vue and React for frontend
  • Better documentation and project structure
  • Active community with regular updates and contributions

Cons of litemall

  • Steeper learning curve due to more complex architecture
  • Potentially overkill for smaller projects
  • Requires more resources to run and maintain

Code Comparison

litemall:

@RestController
@RequestMapping("/wx/order")
@Validated
public class WxOrderController {
    @Autowired
    private OrderService orderService;
    // ...
}

newbee-mall:

@Controller
@RequestMapping("/orders")
public class OrderController {
    @Autowired
    private NewBeeMallOrderService newBeeMallOrderService;
    // ...
}

The code snippets show similar controller structures, but litemall uses @RestController and focuses on WeChat-specific endpoints, while newbee-mall uses a more generic approach with @Controller.

litemall offers a more feature-rich and modern e-commerce solution with better documentation and community support. However, it may be more complex to set up and maintain compared to newbee-mall. newbee-mall might be a better choice for simpler projects or those new to e-commerce development, while litemall is suitable for more advanced, scalable applications.

16,660

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

Pros of zheng

  • More comprehensive and feature-rich, offering a complete microservices architecture
  • Includes a wider range of technologies and frameworks, providing a broader learning experience
  • Has a larger community and more stars on GitHub, indicating higher popularity and potential support

Cons of zheng

  • More complex and potentially overwhelming for beginners or smaller projects
  • Last updated in 2018, which may indicate less active maintenance compared to newbee-mall
  • Requires more resources and setup time due to its extensive architecture

Code Comparison

zheng (Java):

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

newbee-mall (Java):

@Service
public class NewBeeMallUserServiceImpl implements NewBeeMallUserService {
    @Resource
    private MallUserMapper mallUserMapper;

    @Override
    public PageResult getNewBeeMallUsersPage(PageQueryUtil pageUtil) {
        List<MallUser> mallUsers = mallUserMapper.findMallUserList(pageUtil);
        int total = mallUserMapper.getTotalMallUsers(pageUtil);
        PageResult pageResult = new PageResult(mallUsers, total, pageUtil.getLimit(), pageUtil.getPage());
        return pageResult;
    }
}

The code snippets show that both projects use similar Spring annotations and follow typical service layer patterns. However, zheng's code appears more concise, while newbee-mall's code includes more detailed implementation for pagination.

ruoyi-vue-pro 全新 Cloud 版本,优化重构所有功能。基于 Spring Cloud Alibaba + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城、CRM、ERP、AI 大模型等功能。你的 ⭐️ Star ⭐️,是作者生发的动力!

Pros of yudao-cloud

  • More comprehensive microservices architecture, suitable for large-scale applications
  • Extensive documentation and active community support
  • Incorporates advanced features like distributed transactions and service governance

Cons of yudao-cloud

  • Higher complexity and steeper learning curve
  • Potentially overengineered for smaller projects
  • Requires more resources to deploy and maintain

Code Comparison

yudao-cloud:

@EnableFeignClients(basePackages = "cn.iocoder.yudao")
@SpringBootApplication(exclude = {DataSourceAutoConfiguration.class})
public class YudaoSystemServerApplication {
    public static void main(String[] args) {
        SpringApplication.run(YudaoSystemServerApplication.class, args);
    }
}

newbee-mall:

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

The yudao-cloud example shows a more complex configuration with microservices-specific annotations and exclusions, while newbee-mall has a simpler setup typical of monolithic applications.

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 complete DevOps pipeline with CI/CD integration

Cons of paascloud-master

  • Higher complexity and steeper learning curve
  • Requires more resources to deploy and maintain
  • May be overkill for smaller projects or startups

Code Comparison

paascloud-master (Spring Cloud):

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

newbee-mall (Spring Boot):

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

The code comparison shows that paascloud-master uses Spring Cloud annotations for microservices, while newbee-mall uses a simpler Spring Boot setup. This reflects the difference in architecture complexity between the two projects.

paascloud-master is better suited for enterprise-level applications with complex microservices requirements, while newbee-mall is more appropriate for smaller e-commerce projects or those looking for a simpler implementation.

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

newbee-logo

Build Status Version 1.0.0 License

newbee-mall 项目是一套电商系统,包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统,基于 Spring Boot 及相关技术栈开发。 前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。

当前分支的 Spring Boot 版本为 2.7.5,想要学习和使用其它版本可以直接点击下方的分支名称跳转至对应的仓库分支中。

分支名称Spring Boot Version
spring-boot-2.3.72.3.7-RELEASE
spring-boot-2.6.x2.6.3
main2.7.5
spring-boot-3.x3.1.0

新蜂商城线上预览地址:http://mall.newbee.ltd,账号可自行注册。

坚持不易,如果觉得项目还不错的话可以给项目一个 Star 吧,也是对我自 2019 年开始一直更新这个项目的一种鼓励啦,谢谢各位的支持。

newbee-mall-info

  • newbee-mall 对新手开发者十分友好,无需复杂的操作步骤,仅需 2 秒就可以启动这个完整的商城项目;
  • newbee-mall 也是一个企业级别的 Spring Boot 大型项目,对于各个阶段的 Java 开发者都是极佳的选择;
  • 你可以把它作为 Spring Boot 技术栈的综合实践项目,newbee-mall 足够符合要求,且代码开源、功能完备、流程完整、页面交互美观;
  • 技术栈新颖且知识点丰富,学习后可以提升大家对于知识的理解和掌握,可以进一步提升你的市场竞争力;
  • 对于部分求职中的 Java 开发者,你也可以将该项目放入求职简历中以丰富你的工作履历;
  • newbee-mall 还有一些不完善的地方,鄙人才疏学浅,望见谅;
  • 有任何问题都可以反馈给我,我会尽量完善该项目。

newbee-mall (新蜂商城)系列项目概览

newbee-mall-course-2022

项目名称仓库地址备注
newbee-mallnewbee-mall in GitHub
newbee-mall in Gitee
初始版本、Spring Boot、Thymeleaf、MyBatis、MySQL
newbee-mall-plusnewbee-mall-plus in GitHub
newbee-mall-plus in Gitee
升级版本、优惠券、秒杀、支付、Spring Boot、Thymeleaf、MyBatis、MySQL、Redis
newbee-mall-cloudnewbee-mall-cloud in GitHub
newbee-mall-cloud in Gitee
微服务版本、分布式事务、Spring Cloud Alibaba、Nacos、Sentinel、OpenFeign、Seata
newbee-mall-apinewbee-mall-api in GitHub
newbee-mall-api in Gitee
前后端分离、Spring Boot、MyBatis、Swagger、MySQL
newbee-mall-api-gonewbee-mall-api-go in GitHub
newbee-mall-api-go in Gitee
前后端分离、Go、Gin、MySQL
newbee-mall-vue-appnewbee-mall-vue-app in GitHub
newbee-mall-vue-app in Gitee
前后端分离、Vue2、Vant
newbee-mall-vue3-appnewbee-mall-vue3-app in GitHub
newbee-mall-vue3-app in Gitee
前后端分离、Vue3、Vue-Router4、Vuex4、Vant3
vue3-adminvue3-admin in GitHub
vue3-admin in Gitee
前后端分离、Vue3、Element-Plus、Vue-Router4、Vite

更多 Spring Boot 实战项目可以关注十三的另一个代码仓库 spring-boot-projects,该仓库中主要是 Spring Boot 的入门学习教程以及一些常用的 Spring Boot 实战项目教程,包括 Spring Boot 使用的各种示例代码,同时也包括一些实战项目的项目源码和效果展示,实战项目包括基本的 web 开发以及目前大家普遍使用的前后端分离实践项目等,后续会根据大家的反馈继续增加一些实战项目源码,摆脱各种 hello world 入门案例的束缚,真正的掌握 Spring Boot 开发。

关注公众号:程序员十三,回复"勾搭"进群交流。

wx-gzh

项目演示

开发及部署文档

联系作者

大家有任何问题或者建议都可以在 issues 中反馈给我,我会慢慢完善这个项目。

  • 我的邮箱:2449207463@qq.com
  • QQ技术交流群:791509631 784785001

newbee-mall 在 GitHub 和国内的码云都创建了代码仓库,如果有人访问 GitHub 比较慢的话,建议在 Gitee 上查看该项目,两个仓库会保持同步更新。

软件著作权

本系统已申请软件著作权,受国家版权局知识产权以及国家计算机软件著作权保护!

页面展示

以下为商城项目的部分页面,由于篇幅所限,无法一一列举,重要节点及重要功能的页面都已整理在下方。

商城页面预览

  • 商城首页 1

    index

  • 商城首页 2

    index

  • 商品搜索

    search

  • 购物车

    cart

  • 订单结算

    settle

  • 订单列表

    orders

  • 支付页面

    settle

后台管理页面

  • 登录页

    login

  • 轮播图管理

    carousel

  • 新品上线

    config

  • 分类管理

    category

  • 商品管理

    goods

  • 商品编辑

    edit

  • 订单管理

    order

newbee-mall-info

感谢