/hioshop-admin-web

海风小店,免费商用,完全开源商城,微信小程序商城管理后台,后台管理,VUE

Primary LanguageVueMIT LicenseMIT

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

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

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

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

项目截图

  • Dashboard

  • 订单

  • 电子面单生成

  • 商品管理

  • 购物车

  • 用户

  • 运费模板

  • 运费模板详情页

本地开发环境配置

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

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

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

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

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

功能列表

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

加我个人微信时，请先star。