海风小店微信商城小程序附后端一款免费开源的小程序源码

资源介绍

该商城小程序服务端api基于node.js+ThinkJS+MySQL，如果对这个不大熟悉的人，

可能有那么一点难度，但是如果只是搭建的话，作者的教程还是比较详细的，而且搭建步骤比较简单，

应该很容易上手，如果你正在学习node.js，这无疑是一个非常好的学习教材，从如果去链接数据库

输出api接口，还要Thinkjs的运用，如果你搞懂了这个项目，基本上应该也可以自己去做其他项目了。

该商城小程序后台管理基于VUE.js+element-ui，这是一个目前非常热门的前端框架，不学习一下，真不好意思说自己是做前端开发的，哈哈哈哈。

下面是微信小程序部分页面的展示图，如果需要看更多的话可以去github上看看这个完整的项目，

因为采用了前后端分离，所以项目分为三个部分，一个是服务端，一个是可视化后台端，

还有一个就是小程序端，目前还是比较流行前后端分离的。

海风小店，开源商城（微信小程序端）

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

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

功能列表

• 首页：搜索、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-server
electron版管理后台：https://github.com/iamdarcy/hioshop-admin
web版管理后台：https://github.com/iamdarcy/hioshop-admin-web

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

服务端： https://github.com/iamdarcy/hioshop-server
微信小程序：https://github.com/iamdarcy/hioshop-miniprogram