# SpicyChicken

**Repository Path**: zhoushing/spicy-chicken

## Basic Information

- **Project Name**: SpicyChicken
- **Description**: No description available
- **Primary Language**: Java
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2021-11-16
- **Last Updated**: 2021-11-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SpicyChicken
<hr />


#### 介绍

SpicyChicken （小辣机）商城是一个模仿某辣椒品牌官网的网站系统。项目以实现商城总体功能模块为目标，旨在锻炼小组之间的协作能力，一起不断攻克问题，完善代码，从而达到整体提高项目水平的目的。

网站首页

![图片.png](https://i.loli.net/2021/11/25/7Xd2G6KaExoSH4P.png)

#### 主要特点

- 用户操作简单易懂
- 网站界面整洁干净
- 商品明细展示直接


#### 软件架构
软件架构说明

主要功能

1. 注册功能 
1. 登陆功能 
1. 退出登录功能 
1. 查看商品列表 
1. 查看商品详细 
1. 将商品添加到购物车 
1. 修改购买数量 
1. 删除购物车中的商品 
1. 提交订单 
1. 查看订单列表 



 功能结构图展示

 ![img](http://assets.processon.com/chart_image/60cc62951efad410510d9204.png)


#### 主要技术及工具
后台：SpringBoot + MyBatisPlus
前台：HTML + CSS + JavaScript (采用了部分 LayUI 的组件及工具)
数据库：MySQL

工具：IntelliJ IDEA，SQLyog，Google Chrome

#### 目录结构

```bash  
-src.main              
│   ├── java                   # 后端代码                    
│   │   └── com.spicyChicken            # 源代码
│   │       ├── common                  # 公用类
│   │       ├── controller              # 控制器类
│   │       ├── dto                     # 前端展示中间类
│   │       ├── entity                  # 实体类
│   │       ├── mapper                  # 同 DAO 层, 也就是数据访问层
│   │       ├── service                 # 业务逻辑层
│   │       │   ├── impl                # 具体实现类
│   │       │   └── xxxService          # service 抽象接口
│   │       └── BackendApplication      # 主启动类
│   ├── resources                       # 资源文件
│   │   ├── mapper                      # 自定义Mapper文件
│   │   └── static                      # 静态资源及原生前端文件
│   │       ├── css                     # 包括自制的css以及部分bootstrap样式文件
│   │       ├── html                    # 主要界面，包括登录、首页、订单、详情和购物车
│   │       ├── img                     # 图片
│   │       ├── js                      # js
│   │       ├── layui                   # layui的相关文件
│   │       └── index.html              # 用于跳转，未编写页面
│   └── pom.xml                         # maven 包管理配置
└── sql                                 # 项目数据库构建及数据插入 sql 文件
```

#### 安装教程

本网站主要通过 IDEA 进行编写和测试，所以推荐读者使用 IDEA 进行 fork 并测试，下面带来 IDEA 上面的下载并在本地测试
PS：笔者使用的 IDEA 的版本是 2020.2，其他版本的 IDEA 进行调试时可能有细微差别，请读者自行百度。


1.  首先需要在 IDEA 上下载 Gitee 的插件（File -- Settings -- Plugins -- Marketplace 搜索 Gitee），见下图
![image.png](https://i.loli.net/2021/11/25/9toxBmnulTFdjy3.png)


2.  安装完插件之后会提示重启，如果没有提示请读者手动重启


3.  在之前图片一样的页面设置 Gitee 的账户（File -- Settings -- Version Control -- Gitee），默认只支持邮箱作为账号登录的方式，如下图
![image.png](https://i.loli.net/2021/11/25/vO2rZgSxmdilJbE.png)


4.  接下来就可以拉取仓库中的代码了（File -- New -- Project from Version Control -- Gitee）
![image.png](https://i.loli.net/2021/11/25/fkpSq1gWah3jv2J.png)


5.  本项目采用的是 MySQL 数据库，构建的 sql 语句在 sql/SpicyChicken.sql 可以找到，在构建数据库之后还需要去 src/main/resources/application.yaml 文件中去修改数据库配置的相关信息
PS：本项目默认的数据库名为 spicy_chicken，账号为 root，密码为 123456，请读者根据自己的数据库相关设置自行更改

6. 在读者需要更新时，可以在上述步骤后拉取的项目中直接进行更新拉取
![image.png](https://i.loli.net/2021/11/25/rIwkvKiZ6UuxnTY.png)

#### 使用说明

1.  在浏览器输入网址查询本项目网站或者查询小辣机等相关条目搜索
2.  在网站里面可以任意浏览并点击各产品图片和其详情页面查看
3.  如需使用购物车或者订单等相关功能，需要用户进行注册或者登录操作

#### 参与贡献

1. 前端人员3人，分别主要负责主页界面显示，商品详情页实现和购物车详情页等相关实现
1. 后端人员3人，分别主要负责数据的收集和修改并实现数据库的连接，登录注册功能和后端管理等
1. 测试人员1人，主要提供项目数据设计和项目技术支持





#### 项目心得

1.从立项到项目完成，组员之间互相协助，共同进步，发现并解决了很多问题，问题如下：
    1.任务分配问题：前期项目定题之后任务分配不够完整，导致进展重合或者断项连接。项目进展慢。
    2.沟通交流问题：语言表达不明确和不具体，带来了组员心态的浮躁，不利于团队团结氛围，项目效率降低。
    3.技术问题：各自专攻的领域不同，互相之间融合需要调整。

2.从立项到项目完成，通过这个项目，大家充分觉得各自的领域需要再更加的深耕一下，团队之间合作很重要，互相沟通互帮互助也很重要，能力技术更重要。通过小辣机商城项目，我们觉得我们在各方面的能力均有提升，并且充分意识到了自己的不足，但是都充满了干劲。