# hioshop-admin

**Repository Path**: xxfb_admin/hioshop-admin

## Basic Information

- **Project Name**: hioshop-admin
- **Description**: 海风小店,开源商城,微信小程序商城管理后台,后台管理,VUE
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 22
- **Created**: 2022-11-16
- **Last Updated**: 2022-11-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 海风小店，开源商城（后台管理端VUE）

+ 基于开源项目NideShop重建，精简了一些功能的同时完善了一些功能，并重新设计了UI
+ 测试数据来自上述开源项目
+ 服务端api基于Ｎode.js+ThinkJS+MySQL
+ 后台管理 基于VUE.js+element-ui

#### 视频教程
https://www.bilibili.com/video/av89568075

#### 本项目需要配合  
服务端： https://github.com/iamdarcy/hioshop-server  
微信小程序：https://github.com/iamdarcy/hioshop-miniprogram

线上demo：http://hiolabs.com/demo/#/login  
用户名：hiolabs  
密码：hiolabs

[![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/090200_075dad37_1794996.jpeg "DM20081100198 1.jpg")](https://www.aliyun.com/minisite/goods?userCode=zm04niet)

阿里云主机：低至2折<a target="_blank" href="https://www.aliyun.com/minisite/goods?userCode=zm04niet">立即去看看</a>

### 项目截图
+ Dashboard

![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/092007_4062bc99_1794996.jpeg "dashboard.jpg")

+ 订单

![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/092020_af8128c0_1794996.jpeg "order.jpg")

+ 电子面单生成

![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/092034_51c9ebcf_1794996.jpeg "express2.jpg")

+ 商品管理

![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/092049_84e5b856_1794996.jpeg "goods.jpg")

+ 购物车

![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/092913_0118cc0d_1794996.jpeg "cart.jpg")

+ 用户

![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/092922_ff041ce3_1794996.jpeg "user.jpg")

+ 运费模板

![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/092932_a9db0fcc_1794996.jpeg "template.jpg")

+ 运费模板详情页

![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/092942_8540fecf_1794996.jpeg "template2.jpg")

### 本地开发环境配置
+ 克隆项目到本地
```
git clone https://github.com/iamdarcy/hioshop-admin
```
+ 安装依赖
```
npm install

```
安装依赖后启动后会出现一个问题。

<img width="600" src="http://git.hiolabs.com/github/error.jpg"/>

这个问题是Element-ui自带的。解决方法：

在node_modules 搜索:  div class="el-form-item__label-wrap" style={style}  
然后在语句中加上单引号就可以了。

![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/093303_eef8b3e1_1794996.jpeg "before.jpg")

![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/093310_385cb968_1794996.jpeg "after.jpg")

+ 启动
```
npm run dev

```

+ build 打包成静态文件
```
npm run build:web 或者 sudo npm run build:web

```

生成的静态文件在dist的web文件夹中，上传到服务器就可以在浏览器中打开了。

### 功能列表
+ 订单管理：查看，修改订单价格，发货，生成电子面单，修改订单状态
+ 商品管理：添加、修改、删除商品，添加商品分类
+ 购物车：可以看到用户加入购物车的情况
+ 用户列表：用户的一些使用踪迹
+ 店铺设置：广告列表，公告管理，运费模板（可以根据地区设置相应的运费），管理员

### 最近更新 
- 新增生成分享图的功能
![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/090429_8fc928b0_1794996.jpeg "save-local.jpg")

- 项目地址  
后台管理：https://github.com/iamdarcy/hioshop-admin  
服务端： https://github.com/iamdarcy/hioshop-server  
微信小程序：https://github.com/iamdarcy/hioshop-miniprogram  

- 本项目会持续更新和维护，喜欢别忘了 Star，有问题可通过微信、QQ群联系我，谢谢您的关注。
![输入图片说明](https://images.gitee.com/uploads/images/2020/1118/090924_294734ef_1794996.jpeg "contact.jpg")