/hioshop-admin

海风小店,开源商城,微信小程序商城管理后台,后台管理,VUE

Primary LanguageVueMIT LicenseMIT

海风小店,开源商城(后台管理端VUE)

  • 基于开源项目NideShop重建,精简了一些功能的同时完善了一些功能,并重新设计了UI
  • 测试数据来自上述开源项目
  • 服务端api基于Node.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

阿里云主机:低至2折立即去看看

项目截图

  • Dashboard

  • 订单

  • 电子面单生成

  • 商品管理

  • 购物车

  • 用户

  • 运费模板

  • 运费模板详情页

本地开发环境配置

  • 克隆项目到本地
git clone https://github.com/iamdarcy/hioshop-admin
  • 安装依赖
npm install

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

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

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

  • 启动
npm run dev

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

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

功能列表

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

最近更新

  • 新增生成分享图的功能