功能特性

为你介绍微信小程序商城的功能特性

界面整洁美观

使用vant UI库 和 wxParse Html转小程序view库

自定义

后台可自定义设置小程序名称、模板颜色、首页通知

多规格属性

不同商品可进行不同规格进行配置商品信息和数量

瀑布流

分类列表、搜索、排序、瀑布流列表一应俱全

运费模板

、自定义运费模板版、多地区邮费自定义设置

库存管理

库存管理、订单管理、收货地址管理、免登陆下单

移动端购物商城(微信小程序+VUE移动端)

基于ThinkPHP5+FastAdmin的PHP移动端购物商城,包含微信小程序和VUE移动端,快速搭建你的第一个移动端购物商城,提供全部服务端小程序购物商城源代码和微信小程序客户端源代码以及VUE移动端的源码

立即购买
操作界面更简洁
购物体验更流畅
系统配置更强大

专业的前端UI设计

微信小程序购物商城基于Vant UI库 和 wxParse Html转小程序view库进行二次开发,界面简洁美观,操作体验佳。
VUE移动端同样基于Vant UI库 ,保持和微信小程序同样风格界面。

立即购买

预览截图

为你展示微信小程序购物商城的界面截图、后台管理

还在苦苦寻找适合的微信小程序购物商城? 别再犹豫,FastAdmin微信小程序购物商城是你当前最佳选择!

更新日志

查看移动端商城(微信小程序+VUE移动端)的详细更新日志
V1.1.0

V1.1.0

微信小程序+VUE移动端

增加了VUE版本 以及过去版本的小bug修复。
因为1500字以内,涉及到问答等,不够填写。
说明具体如下文档:
https://shimo.im/docs/6A4x6SbPfkUTezdr/《移动端商城插件说明 [更改部分]》

V1.0.2

V1.0.2

交叉规格、封面图片及修复bug
  • 增加了 交叉规格的管理。
  • 增加了 规格封面图片设置。
  • 增加登录appid失败的判断
  • 修复了多规格填写不全的判断
V1.0.1

V1.0.1

修复了小伙伴反馈的一些小bug

修复了小伙伴反馈的一些小bug

V1.0.0

V1.0.0

期待已久的微信小程序商城插件上市啦

发布第一个版本

常见问题

如果你在使用移动端商城(微信小程序+VUE移动端)过程中有遇到什么问题,欢迎反馈给我们。
  • 安装此插件,必须先安装FastAdmin,然后在后台管理->插件管理->在线或离线安装即可。
  • 请在后台安装“第三方登录”插件(数据库中需要第三方登录表 以及 easyWeChat库)
  • 请在后台安装“开发示例”插件(数据库中需要地域代码表)
  • 请在后台安装 任意一款“富文本”插件 (商品编辑和讯息编辑中都需要)
  • 最后确认您的php版本 >= 7.0
  • 网站目录下的 www.xxxxxx.com/addons/litestore/  访问即可。
  • 手机微信访问,在微信授权目录中配置好后,网站账号可绑定微信号,用于获取客户信息及微信支付。
  • 微信小程序商城必须使用微信开发者工具打开,源码文件夹为:wxapp,并配置正式的微信小程序商城参数后才可以使用
  • 微信小程序商城必须启用https,发布小程序时:http是不支持的。
  • 小程序的接口交互地址:文件:app.js 中,Domain: https://liteshop.com 改成您自己的地址即可

请安装 第三方登录插件,登录逻辑中会用到 "第三方登录数据表"

  • 首先检查配置信息是否正确,微信公众号后台、微信小程序后台、以及微信商户的后台都需要逐一配。
  • 微信登录部分配置是基于“第三方登录”插件中的:后台管理->插件管理->第三方登录 的配置中:微信 app_id 、app_secret 、scope请填写:snsapi_userinfo
  • VUE移动端微信支付的配置:后台管理->插件管理->移动端商城 的配置中:公众号商户号、公众号支付密钥。
  • 微信小程序的登录与支付配置:后台管理->插件管理->移动端商城 的配置中:小程序ID、小程序密钥、小程序商户号、小程序支付密钥。
  • 此部分使用的是 easywechat 库。 调试尽量打开easywechat库的log设置。
  • 微信小程序购物商城客户端源码位于addons/litestore/wxapp目录中
  • VUE移动端源码位于addons/litestore/vue-shop-mobile目录中
  • 移动端购物商城服务端源码位于addons/litestore/controller目录中

steps 第一次可以打开第二次进入后空白 提示 Error: Expect END descriptor with depth 0 but get another
解决方案:
res/vant/steps/index.wxml
14行:
修改如下:

参考链接

  • 请先学习VUE的一些基础知识和Vue CLI 3项目部属配置方法,再动刀更改前端代码。VUE都是编译后的文件用于发布的。
  • 因为基于FA,所以简化了配置,尽量减少webpack配置,自动部署化。
  • 保证您系统有vue环境哦。自行安装 VUE 及 vue-cli 脚手架版本3.0及以上 [ vue -V ]
  • 命令行 cd 进入插件目录的VUE目录下 例如:*/addons/litestore/vue-shop-mobile
  • 安装项目依赖库 执行:npm install
  • 更改WebConfig.js 文件中 第8行的 url 改成自己的url 【此设置 只在开发模式下,即npm run serve 下起作用,因为用了代理。】
  • 若想调试则输入:npm run serve
  • 调试成功后,编译:npm run build 【项目会自动编译到插件目录中,覆盖对应的前端文件。】
*如果以上常见问题未能解决你的问题,欢迎你到社区提交你的问题,你也可以加入QQ群:636393962708784003964776039,和群友讨论你遇到的问题。

在线
咨询

售前咨询:
在线客服
作者QQ:
64404774
售后咨询:
提交工单 问答社区

扫码
体验

小程序购物商城体验