如何用uni-app做一个领优惠券H5、小程序商城(二)

一、如何运行已开源的发券儿妹代码

uni-app 发券儿妹 源代码下载

1. 准备工作

2. 下载代码

git clone https://gitee.com/tbk-uni-app/faquanmei.git

3. 打开项目

文件-> 打开目录 (打开的目录就是你刚才下载的源代码目录)###

如何用uni-app做一个领优惠券H5、小程序商城(二)

4. 安装插件

工具-> 插件安装  安装less编译、安装scss/sass编译

如何用uni-app做一个领优惠券H5、小程序商城(二)

5. H5页面运行

运行-> 运行到浏览器 -> Chrome

如何用uni-app做一个领优惠券H5、小程序商城(二)

Tips: 一般调试的顺序是 H5-> 公众号调试

5.1 编译运行进行中

如何用uni-app做一个领优惠券H5、小程序商城(二)

5.2 编译完成后会在浏览器自动跳出 http://localhost:1024/  ###

打开Chrome开发者调试模式

如何用uni-app做一个领优惠券H5、小程序商城(二)

5.3 展示效果

如何用uni-app做一个领优惠券H5、小程序商城(二)

二、程序设计概要

1. 商品业务流程

如何用uni-app做一个领优惠券H5、小程序商城(二)

2.项目结构概览

如何用uni-app做一个领优惠券H5、小程序商城(二)
未完待续…

三、关于作者

劝退架构师,喜欢做最不擅长的前端

微信搜索 jun的部落格,每天分享技术干货