如何用uni-app做一個領優惠券H5、小程式商城（二）

淘寶客指路人發表於2020-03-08
APPH5

前文回顧連結

如何用uni-app做一個領優惠券H5、小程式商城（一）

一、如何執行已開源的發券兒妹程式碼

uni-app 發券兒妹 原始碼下載

1. 準備工作

2. 下載程式碼

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

3. 開啟專案

檔案-> 開啟目錄 （開啟的目錄就是你剛才下載的原始碼目錄）###

開啟專案

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的部落格），每天分享技術乾貨

如何用uni-app做一個領優惠券H5、小程式商城（二）

相關文章