看看我属于哪种月饼

1 项目背景##

不应该说是一个项目，顶多算是自己的第一次微信h5页面尝试。以前经常在微信上看到各种h5页面，以测试为主题的居多。当时是中秋节，也想趁着过年赶紧做一个微信h5页面，实际感受下微信的传播效应，万一火了呢？

既然是中秋节，那就做一个“看看我属于哪种月饼”的测试页面吧，流程很简单，用户输入自己的姓名，提交后就会随机输出一个月饼的信息并保存至数据库，以后再测试这一名字时也会返回同样结果。

先把链接放在这里，以手机为目标浏览设备，在PC上看的话需要把浏览器宽度调窄一些。

2 项目实施##

具体的实现包括三个阶段：收集数据、写代码、测试。

花了点时间收集了20多种月饼的资料，包括名称、图片和简介。

然后就是写代码了，一个两个：首页和详情页。首页就是等待用户输入的状态，用户提交输入后即跳转到详情页，即一个详情页对应一个用户名称，同时根据session判断当前用户是否是详情页所对应的名称，从而给出不同的提示（对本人提示分享到朋友圈，对其他用户提示去首页尝试一发）。

测试包括在自己手机和微信上测试，以及让好朋友帮忙体验反馈。

花了两天时间，代码托管在这里。

3 成果展示##

最后的成果大概长这样，首页是等待用户输入的状态：

首页.png

输入我的名字“张宏伦”之后，就会跳到对应的详情页了，给出“分享到朋友圈”的提示：

详情页.png

4 后记##

一时热血，两天做出来这样的成果，感觉已经很不错了。然而高估了微信的传播效应，最后大概也就几十个人访问并输入自己的名字，而且大多数都还是自己的同学或朋友，不过有这么个机会体验下，还是给自己一个肯定的评价。