1 項(xiàng)目背景##
不應(yīng)該說是一個(gè)項(xiàng)目,頂多算是自己的第一次微信h5頁面嘗試。以前經(jīng)常在微信上看到各種h5頁面嫩海,以測(cè)試為主題的居多。當(dāng)時(shí)是中秋節(jié)囚痴,也想趁著過年趕緊做一個(gè)微信h5頁面叁怪,實(shí)際感受下微信的傳播效應(yīng),萬一火了呢深滚?
既然是中秋節(jié)奕谭,那就做一個(gè)“看看我屬于哪種月餅”的測(cè)試頁面吧,流程很簡(jiǎn)單成箫,用戶輸入自己的姓名展箱,提交后就會(huì)隨機(jī)輸出一個(gè)月餅的信息并保存至數(shù)據(jù)庫,以后再測(cè)試這一名字時(shí)也會(huì)返回同樣結(jié)果蹬昌。
先把鏈接放在這里混驰,以手機(jī)為目標(biāo)瀏覽設(shè)備,在PC上看的話需要把瀏覽器寬度調(diào)窄一些皂贩。
2 項(xiàng)目實(shí)施##
具體的實(shí)現(xiàn)包括三個(gè)階段:收集數(shù)據(jù)栖榨、寫代碼、測(cè)試明刷。
花了點(diǎn)時(shí)間收集了20多種月餅的資料婴栽,包括名稱、圖片和簡(jiǎn)介辈末。
然后就是寫代碼了愚争,一個(gè)兩個(gè):首頁和詳情頁。首頁就是等待用戶輸入的狀態(tài)挤聘,用戶提交輸入后即跳轉(zhuǎn)到詳情頁轰枝,即一個(gè)詳情頁對(duì)應(yīng)一個(gè)用戶名稱,同時(shí)根據(jù)session判斷當(dāng)前用戶是否是詳情頁所對(duì)應(yīng)的名稱组去,從而給出不同的提示(對(duì)本人提示分享到朋友圈鞍陨,對(duì)其他用戶提示去首頁嘗試一發(fā))。
測(cè)試包括在自己手機(jī)和微信上測(cè)試从隆,以及讓好朋友幫忙體驗(yàn)反饋诚撵。
花了兩天時(shí)間,代碼托管在這里键闺。
3 成果展示##
最后的成果大概長(zhǎng)這樣寿烟,首頁是等待用戶輸入的狀態(tài):
輸入我的名字“張宏倫”之后,就會(huì)跳到對(duì)應(yīng)的詳情頁了辛燥,給出“分享到朋友圈”的提示:
4 后記##
一時(shí)熱血韧衣,兩天做出來這樣的成果盅藻,感覺已經(jīng)很不錯(cuò)了。然而高估了微信的傳播效應(yīng)畅铭,最后大概也就幾十個(gè)人訪問并輸入自己的名字氏淑,而且大多數(shù)都還是自己的同學(xué)或朋友,不過有這么個(gè)機(jī)會(huì)體驗(yàn)下硕噩,還是給自己一個(gè)肯定的評(píng)價(jià)假残。