海风小店,开源商城(微信小程序端)
- 基于开源项目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:https://www.debao.vip/hiolabs
用户名:hiolabs
密码:hiolabs
阿里云主机:低至2折 立即去看看
项目截图
功能列表
- 首页:搜索、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。
-
项目地址
微信小程序:https://github.com/iamdarcy/hioshop-miniprogram
后台管理:https://github.com/iamdarcy/hioshop-admin
服务端: https://github.com/iamdarcy/hioshop-server -
我的微信号是lookgxl,加群时回答这个问题即可入群。
海风小店小程序商城1群 824781955(已满)
海风小店小程序商城2群 932101372(已满)
海风小店小程序商城3群 1130172339(已满)
海风小店小程序商城4群 652317079