海风小店微信小程序端

已完成

2024-01-07

阅读

95

未经作者授权,禁止转载

一个免费商用的微信小程序商城

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

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


海风小店程序在线demo

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


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

服务器: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 增加发货时的订阅消息


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

项目结构

├─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。


奇乐实验室

持续学习

演示demo入口

后台管理入口

账号:qilelab.com 密码:qilelab.com

当前项目进度

100%