微信小程式APP（商超營銷類）經驗總結
專案介紹
這是一款主打門店營銷的小程式。包括首頁、門店、營銷、個人設定、登入、資料統計展示、營銷設定等。
本來要獨立完成整個專案，包括前後端一套的，有些意外因素，專案臨時收尾（說明：只完成了前端的部分，後端未完成）。
管理大師們說過：一個好的專案，必須有一個好的收尾，好的收尾，就一定要有好的經驗總結。
於是乎，我索性將成果拿出來給各位分享了，旨在總結經驗教訓，跟各位交流小程式開發。
整個專案23個獨立頁面（不算雷同的頁面），從資料準備到開發完成，歷史4.5個工作日，大約25小時。
今年多做的是Python與Java，霎時將思維切換至移動端頁面開發，突然有些不適應，居然花費25個小時完成這些頁面，心理深感慚愧，專案歷程大體上主要是體力負擔重一些，不過還好，藉此機會三刷了CSS的教程，N刷了小程式文件。老祖宗說過，熟能生巧嘛！
專案截圖
截圖1
截圖2
截圖3
專案經驗總結
第一步 收集專案需求
| 收集任務 | |
|---|---|
| 按照原型圖，提取UI元素，上網找尋web UI元件。 | 資訊來源：文件3 |
| 根據UI元素提取元件/外掛關鍵字及下載連結、元件demo、元件原始碼 | 搜尋引擎、 小程式開發文件、 文件1、文件2 |
第二步小程式知識儲備
參考歷史專案——商城小程式
參考歷史專案是一款商城類小程式，複用、借鑑了部分面細節和樣式設計
歷時時長總結
| 拿到UI，制定開發計劃 | 預計1天 實際0.5天 |
|---|---|
| 純頁面開發 | 預計7工作日 實際4工作日 |
| 小程式開發總時長 | 4.5工作日，實際25小時 |
| 總結： | 23個頁面，如果能全力開發，應該能縮短至20個小時左右完成。 |
相關推薦
微信小程式APP（商超營銷類）經驗總結
專案介紹 這是一款主打門店營銷的小程式。包括首頁、門店、營銷、個人設定、登入、資料統計展示、營銷設定等。 本來要獨立完成整個專案，包括前後端一套的，有些意外因素，專案臨時收尾（說明：只完成了前端的部分，後端未完成）。 管理大師們說過：一個好的專案，必須有一個好的收尾，好的收尾，就一定要有好的經驗總結。 於是乎
微信小程式開發（入坑之旅）一：域名問題。
3、按照步驟來，經歷了註冊開發者->申請小程式開發->填寫小程式資訊->獲取小程式ID和祕鑰->下載開發者工具->新建專案。 tips：注意：按照教程建立新專案後，
微信小程式五（建立輪播圖）
應用中最常見的就是輪播圖了，今兒個就講講微信小程式中輪播圖的使用 輪播圖，不外乎倆個要素，跳轉連結 和 圖片地址 1. 設定資料 我在 pages/test/test.js中新增如下資料 //test.js //獲取應用例項 var app = getApp() Page(
微信小程式開發詳解（七）---微信小程式APP生命週期
1：微信小程式APP的生命週期方法： 在微信小程式工程中的app.js中增加如圖1所示方法 圖1 編譯執行，檢視日誌如圖2，圖3所示：微信小程式啟動時，呼叫生命週期方法為：onLaunch方法（app.js）---onShow方法（app.js）---onLoad方法（首
微信小程式開發（2）---APP()函式
App({ onLaunch: function(options) { // Do something initial when launch. }, onShow: function(options) { // Do something when show. }, onHide: function() {
電商類微信小程式，庫存不超賣實現
緣起由於專案中需要實現一個買賣平臺的微信小程式，實現過程中，發現控制庫存不超賣是一個非常有意思的事情。已獲知的情報庫存超賣經常由於併發時有髒讀情況，通常實現庫存不超賣通過加鎖方式實現1.樂觀鎖：假設不會發生併發衝突，只在提交操作時檢查是否違反資料完整性。樂觀鎖不能解決髒讀的問
微信小程式 | app.json配置屬性
app.json 檔案用來對微信小程式進行全域性配置，決定頁面檔案的路徑、視窗表現、設定網路超時時間、設定多 tab 等。 widows: 用於設定小程式的狀態列、導航條、標題、視窗背景色。 navigationBarBackgroundColor 導航條背景顏色可用 十六
基於Taro + Dva構建的適配不同端（微信小程式、H5、React-Native 等）的時裝衣櫥
前言 Taro 是一套遵循 React 語法規範的 多端開發 解決方案。現如今市面上端的形態多種多樣，Web、React-Native、微信小程式等各種端大行其道，當業務要求同時在不同的端都要求有所表現的時候，針對不同的端去編寫多套程式碼的成本顯然非常高，這時候只編寫一套程式碼就能夠適配到多端的能力就顯得極
微信小程式-04（後臺訪問-net::ERR_CONNECTION_REFUSED及 不是request合法域名問題 的解決）
目錄 用來解決的問題是 不是request的合法域名問題 現在出來這個問題 net::ERR_CONNECTION_REFUSED 小程式這麼寫的 login:function(e){ const that = this; let first, sec
微信小程式-02（元件應用主要是style應用）
目錄 居中 不換行 邊學邊更新了 居中 <view class='labelStyle'><label>使用者登陸</label></view> .labelStyle{ display: flex;
微信小程式-01（筆記）
微信小程式和Vue有點相似。 首先下載開發工具，直接去官網找工具就可以了 然後安裝使用就可以了 點選選擇小程式，來到這裡 點選測試號小程式 ，會自動生成AppID。然後建立專案就可以了 介面就是這樣、可以選擇各種機型以及屬於你的糞×。點選編譯或者直接
微信小程式支付（thinkphp）
之前一直想學下微信支付，這次終於有機會來操作一下，還是記錄下來，跟大家分享分享。 一、首先，我們要在微信官方網站上去下載支付介面，然後改個名方便呼叫（例如：WeiXinpay），然後將下載的檔案放入thinkphp的Vendor檔案下面； 二、然後去官網下載商戶操作證書:https://pa
微信小程式——操作（一）
首先，你需要從官網上https://mp.weixin.qq.com/cgi-bin/wx下載“微信web開發者工具”，如下圖 雙擊開啟 設定專案路徑，AppId或者點選小程式，入門就建立快速啟動模版，確定開啟。 開啟程式後，我們先認識一下目錄：如圖所示， pages資料夾放的是你每
微信小程式六（資料請求 表單的建立 提交 與接收）
好了 開始正題了，本節小小研究了下 微信小程式的表單建立與提交 先看看效果 1. 表單頁面 <view id="adduser"> <form bindsubmit="formSubmit" bindreset="formReset"> &
微信小程式實現電商平臺中的新增商品規格
技術交流請加QQ：2272172668 。也可以通過QQ號搜尋微信。 在電商平臺中肯定少不了新增商品規格的功能。上傳動態圖失敗了，哎，只能看靜態圖了。如圖： 就是一個商品裡邊有很多給個好多個屬性。 之前用JQ的時候還是比較容易寫出來的。因為在JQ中可以直接操作dom，直接對
微信小程式 筆記（一）
navigateTo, redirectTo 只能開啟非 tabBar 頁面。 switchTab 只能開啟 tabBar 頁面。 reLaunch 可以開啟任意頁面。 頁面底部的 tabBar 由頁面決定，即只要是定義為 tabB
微信小程式learning - （1）簡易教程
官方連結：https://developers.weixin.qq.com/miniprogram/dev/ 學習微信小程式，重點標記，只做記錄，自行看官方文件 全域性配置 小程式根目錄下的 app.json 檔案用來對微信
微信小程式學習（18） —— 上拉載入和下拉重新整理
在微信小程式上實現下拉重新整理、上拉載入的效果 使用系統提供的onPullDownRefresh、onReachBottom這2個事件， 前提需要在app.json或page.json配置檔案中設定，才能使用。 app.json是全應用的頁面都可以使用該事件
微信小程式新聞（文章）釋出系統前後臺完整程式碼
1：建表 。分類表，新聞表 2：後臺。新增新聞，管理新聞。 3：小程式介面。列表頁，詳情頁。 4：後臺介面 5：小程式程式碼 //////////////////////////////////////////////
自定義微信小程式導航（相容各種手機）
詳細程式碼請見github，請點選地址，其中有原生小程式的實現，也有wepy版本的實現 瞭解小程式預設導航 如上圖所示，微信導航分為兩部分，第一個部分為statusBarHeight，劉海屏手機（iPhone X，小米8等）會比其他的手機高很多，第二部分為titleBarHeight，安卓和IOS的高