# bd-shop

**Repository Path**: bigcoder/bd-shop

## Basic Information

- **Project Name**: bd-shop
- **Description**: BDShop商城系统是B2C模式的电子商城 后端基于springboot 前端基于nodejs 实现的前后端分离架构的项目
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 485
- **Created**: 2017-05-19
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

------------------------------------------------

> BDShop 

------------------------------------------------
##交流QQ群:107304892


BDShop是国内少有前后端完全分离的java商城项目.
## BDShop 系统简介
BDShop商城系统是B2C模式的电子商城

后端基于springboot 职责单一提供api服务

前端基于nodejs 纯html5 css3 通过json 和后端api交互。


实现的前后端分离架构的项目

![前后端分离架构](https://git.oschina.net/uploads/images/2017/0426/154407_2f5bf086_127930.png "前后端分离架构")





相关技术文章

[前后端分离的思考与实践](http://blog.jobbole.com/65513/)

[浅谈前后端分离技术](http://www.jianshu.com/p/f1287e1aee50)


##BDShop技术路线
后端构建:spring-boot+mybatis+pagehelper+Swagger2构建RESTful API

前端构建:nodejs+gulp+requirejs+art-template+bootstrap+weui


安装运行步骤

一、api-server

前提要安装好 jdk8 maven 

1.  $ mvn clean install

2   $ cd api-server

3   $ mvn spring-boot:run

4  打开浏览器：http://localhost:8080/swagger-ui.html

二、front-project

    前提安装好nodejs 6.9
    
    1.$ npm install -g cnpm --registry=https://registry.npm.taobao.org

    2.$ cnpm install -g gulp 

    3.$ cd front-projec

    4.$ cnpm install

    5.$ gulp

    6 打开浏览器：http://localhost:4865

    7 后台管理：http://localhost:4865/page/manage_login.html

    8 管理员帐号：admin 密码：111111



## BDShop 后端项目截图
![商品列表](https://git.oschina.net/uploads/images/2017/0424/120936_4639108f_127930.png "商品列表")
![输入图片说明](https://git.oschina.net/uploads/images/2017/0424/121305_0af0cadc_127930.png "在这里输入图片标题")

![输入图片说明](https://git.oschina.net/uploads/images/2017/0424/121319_82d079a1_127930.png "在这里输入图片标题")
## BDShop 前端项目截图
![输入图片说明](https://git.oschina.net/uploads/images/2017/0424/121753_bb301169_127930.png "在这里输入图片标题")

![输入图片说明](https://git.oschina.net/uploads/images/2017/0424/121915_65a1accd_127930.jpeg "在这里输入图片标题")

![输入图片说明](https://git.oschina.net/uploads/images/2017/0424/121956_2d6f6900_127930.jpeg "在这里输入图片标题")

##捐赠 金额随意：
![输入图片说明](https://git.oschina.net/uploads/images/2017/0424/145453_3d03f160_127930.png "在这里输入图片标题")





```
这里输入代码
```