看看我屬於哪一種月餅

##1 項目背景##git

不該該說是一個項目,頂多算是本身的第一次微信h5頁面嘗試。之前常常在微信上看到各類h5頁面,以測試爲主題的居多。當時是中秋節,也想趁着過年趕忙作一個微信h5頁面,實際感覺下微信的傳播效應,萬一火了呢?github

既然是中秋節,那就作一個「看看我屬於哪一種月餅」的測試頁面吧,流程很簡單,用戶輸入本身的姓名,提交後就會隨機輸出一個月餅的信息並保存至數據庫,之後再測試這一名字時也會返回一樣結果。數據庫

先把連接放在這裏,以手機爲目標瀏覽設備,在PC上看的話須要把瀏覽器寬度調窄一些。瀏覽器

##2 項目實施##微信

具體的實現包括三個階段:收集數據、寫代碼、測試。session

花了點時間收集了20多種月餅的資料,包括名稱、圖片和簡介。測試

而後就是寫代碼了,一個兩個:首頁和詳情頁。首頁就是等待用戶輸入的狀態,用戶提交輸入後即跳轉到詳情頁,即一個詳情頁對應一個用戶名稱,同時根據session判斷當前用戶是不是詳情頁所對應的名稱,從而給出不一樣的提示(對本人提示分享到朋友圈,對其餘用戶提示去首頁嘗試一發)。圖片

測試包括在本身手機和微信上測試,以及讓好朋友幫忙體驗反饋。get

花了兩天時間,代碼託管在這裏it

##3 成果展現##

最後的成果大概長這樣,首頁是等待用戶輸入的狀態:

首頁.png

輸入個人名字「張宏倫」以後,就會跳到對應的詳情頁了,給出「分享到朋友圈」的提示:

詳情頁.png

##4 後記##

一時熱血,兩天作出來這樣的成果,感受已經很不錯了。然而高估了微信的傳播效應,最後大概也就幾十我的訪問並輸入本身的名字,並且大多數都仍是本身的同窗或朋友,不過有這麼個機會體驗下,仍是給本身一個確定的評價。

相關文章
相關標籤/搜索