/hioshop-miniprogram

海风小店,开源商城,微信小程序商城

Primary LanguageJavaScriptMIT LicenseMIT

海风小店,开源商城(微信小程序端)

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

服务器和后台管理本地部署教程

服务器:https://www.bilibili.com/video/av89567916
后台管理:https://www.bilibili.com/video/av89568075

本项目需要配合

服务端: https://github.com/iamdarcy/hioshop-server
管理后台:https://github.com/iamdarcy/hioshop-admin

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

阿里云主机优惠立即去看看

项目截图

功能列表

  • 首页:搜索、Banner、公告、分类Icons、分类商品列表
  • 详情页:加入购物车、立即购买、选择规格
  • 搜索页:排序
  • 分类页:分页加载商品
  • 我的页面:订单(待付款,待发货,待收货),足迹,收货地址

最近更新

  • 3.26 更新详情
    U 将网络图标改成本地图标
    U 更新支付方式的UI
    F 修复轮播图的bug
    F 修复没有商品时的错误显示问题
    F 修复share.js的一个bug
    A 增加发货时的订阅消息

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

完整的购物流程,商品加入购物车 --> 收货地址的选择 --> 下单支付 --> 确认收货

项目结构

├─config     
│  └─api 
├─images    
│  └─icon
│  └─nav
├─lib
│  └─wxParse   
├─pages
│  ├─app-auth
│  ├─cart
│  ├─category
│  ├─goods
│  ├─index
│  ├─order-check
│  ├─payResult
│  ├─search
│  └─ucenter
│      ├─address
│      ├─address-detail
│      ├─express-info
│      ├─footprint
│      ├─goods-list
│      ├─index
│      ├─order-details
│      ├─order-list
│      └─settings
├─services
└─utils

本地开发

请在https://mp.weixin.qq.com/ 注册你的小程序,得到appid和secret,微信开发者工具中设置appid。
在hiolabs-server的config.js中设置好appid和secret。