# mars-shop-mall

**Repository Path**: Marsfactory/mars-shop-mall

## Basic Information

- **Project Name**: mars-shop-mall
- **Description**: 购物商城 前台采用 vuex vue  elementui  后台采用springcloud  springboot mybatis-pulus gateway  mysql jwt 等技术
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-01-28
- **Last Updated**: 2023-11-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: SpringCloud, SpringBoot, MyBatis, HTML, Vue

## README

<h1 style="text-align: center">mars-shop商城系统</h1>

#### 项目简介

mars-shop基于当前流行技术组合的前后端分离商城系统： SpringCloud+SpringBoot2+Nacos+MybatisPlus+jwt+redis+Vue的前后端分离的商城系统，
包含商品分类、购物车、订单等功能，更适合企业或个人二次开发；

# 本地安装

### 基本环境（必备）

- 1、JDK：8+
- 2、Redis 3.0+
- 3、Maven 3.0+
- 4、MYSQL 5.7+
- 5、Node v8+

### 开发工具

Idea、webstorm、vscode

### 后台系统工程（JAVA端）

1、请确保redis已经安装启动

2、克隆代码

```
git clone https://gitee.com/WQLOVEPEACE_admin/mars-shop-mall.git
```

3、idea打开项目加载依赖目录如下：

![后台目录结构](images/后台目录结构.png)

4、启动nacos注册中心和分布式配置中心

![后台目录结构](images/nacos启动.png)

5、导入数据库，配置开发环境数据库信息，文件路径如下 

![后台目录结构](images/数据库配置.png)
6、本地启动redis服务，文件路径如下：

![后台目录结构](images/redis配置.png)
7、服务注册到nacos后的运行效果图

![后台目录结构](images/nacos服务注册.png)

8、后台启动完成


### 组织结构

``` lua
shop-mall
├── shop-admin  -- 后台管理系统模块
├── shop-common -- 工具类及通用代码
├── shop-auth   -- 登录注册模块
├── shop-common-database -- 数据库相关配置模块
├── shop-entity -- 实体模块
├── shop-gateway -- gateway网关
├── shop-goods  --  商品模块服务
├── shop-order -- 订单模块
├── shop-user  -- 用户模块

```

### 技术选型

#### 后端技术

| 技术                 | 说明                | 官网                                           |
| -------------------- | ------------------- | ---------------------------------------------- |
| SpringBoot           | 容器+MVC框架        | https://spring.io/projects/spring-boot         |
| SpringSecurity       | 认证和授权框架      | https://spring.io/projects/spring-security     |
| MyBatis              | ORM框架             | http://www.mybatis.org/mybatis-3/zh/index.html |
| MyBatisGenerator     | 数据层代码生成      | http://www.mybatis.org/generator/index.html    |
| Redis                | 分布式缓存          | https://redis.io/                              |
| Druid                | 数据库连接池        | https://github.com/alibaba/druid               |
| OSS                  | 对象存储            | https://github.com/aliyun/aliyun-oss-java-sdk  |
| JWT                  | JWT登录支持         | https://github.com/jwtk/jjwt                   |
| Lombok               | 简化对象封装工具    | https://github.com/rzwitserloot/lombok         |
| Hutool               | Java工具类库        | https://github.com/looly/hutool                |
| Hibernator-Validator | 验证框架            | http://hibernate.org/validator                 |

#### 前端技术

| 技术       | 说明                  | 官网                                   |
| ---------- | --------------------- | -------------------------------------- |
| Vue        | 前端框架              | https://vuejs.org/                     |
| Vue-router | 路由框架              | https://router.vuejs.org/              |
| Vuex       | 全局状态管理框架      | https://vuex.vuejs.org/                |
| Element    | 前端UI框架            | https://element.eleme.io               |
| Axios      | 前端HTTP框架          | https://github.com/axios/axios         |
| v-charts   | 基于Echarts的图表框架 | https://v-charts.js.org/               |
| Js-cookie  | cookie管理工具        | https://github.com/js-cookie/js-cookie |

### 项目运行效果图
1.前台首页
![后台目录结构](images/首页1.png)
![后台目录结构](images/首页2.png)
2.登录注册页
![后台目录结构](images/登录.png)
![后台目录结构](images/注册.png)
3.购物车页面
![](images/购物车.png)
4.订单页面
![](images/订单页.png)

5.后台管理员页面
![](images/后台管理员.png)

6.商品管理页面
![](images/商品管理.png)

7.用户管理页面
![](images/用户列表.png)
### 联系方式
目前sql脚本暂未开源 请联系作者qq:850994281
微信
![后台目录结构](images/微信.jpg)