/hioshop-admin

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

Primary LanguageVueMIT LicenseMIT

不用electron,直接web的,用这个链接:https://github.com/iamdarcy/hioshop-admin-web

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

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

基于海风小店开发上线的小程序

视频教程

https://www.bilibili.com/video/av89568075

本项目需要配合

微信小程序:https://github.com/iamdarcy/hioshop-miniprogram
服务端: https://github.com/iamdarcy/hioshop-server
web版管理后台:https://github.com/iamdarcy/hioshop-admin-web

线上demo:https://demo.qilelab.com/hioshop
用户名:qilelab.com
密码:qilelab.com

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

项目截图

  • Dashboard

  • 订单

  • 电子面单生成

  • 商品管理

  • 购物车

  • 用户

  • 运费模板

  • 运费模板详情页

本地开发环境配置

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

如果安装不成功,百度搜索cnpm,用淘宝源代替,替换后,用cnpm i进行安装依赖

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

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

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

又出现了另一个问题:Object.fromEntries is not a function 看下面这篇文章进行解决: https://www.cnblogs.com/ykbk/p/16615610.html

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

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

功能列表

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

最近更新

  • 12.14 新增生成分享图的功能