过个属于程序员的新年,快来猜灯谜吧。听说有奖品哦!!!快来拿走你的奖品吧

1,853 阅读4分钟

在正文的第一句加入“我正在参加「兔了个兔」创意投稿大赛,详情请看:「兔了个兔」创意投稿大赛

新的一年已经开启了,不知道大家去年的目标已经完成没有?我是没有完成,所以连掘金的年终活动都不敢参加,太失败了。希望大家今年都能实现自己的目标吧! 马上就要过年了,大家都知道中国的过年是从除夕夜正月十五的,大家第一个想到的肯定是:烟花压岁钱串门打开门炮等等。但是却越来越多人忘记猜灯谜这个传统了。

简单介绍一下: 猜灯谜又称打灯谜,是中国独有的富有民族风格的一种汉族民俗文娱活动形式 ,是从古代就开始流传的元宵节特色活动。每逢农历正月十五,民间都要挂起彩灯,燃放焰火,后来有好事者把谜语写在纸条上,贴在五光十色的彩灯上供人猜。因为谜语能启迪智慧又迎合节日气氛,所以响应的人众多,而后猜谜逐渐成为元宵节不可缺少的节目。灯谜增添节日气氛,展现了古代汉族劳动人民的聪明才智和对美好生活的向往。

我还记得上一次猜灯谜是读小学的时候,在镇上的庙里,虽然那时候自己一个谜底都猜不出来,但是也很开心。现在的我们是快乐在一点点减少了,所以我今年要做的就是属于我们程序员的猜灯谜。不知道大家能猜中几个。先说明:不允许百度哦。请好好阅读以下规则哦

听说有奖品哦!这次奖品是掘金帽子,有两顶哦。先来先得!!快来拿吧,奖品只是附属的,开心最重要哈

讲一下我们的规则,很简单的

  1. 提供了十道题,内容都是跟程序员相关的,所以对大家很友好的。
  2. 每道题只有10s钟,这是为了防止你们去百度,哈哈哈哈。
  3. 结束规则:第一种是正常在规定时间范围内结束答题。第二种是半途结束答题,比如在某一题15s内没进入下一题,就直接结束答题。把握好机会哦,就跟你的目标一样,一次性完成所有目标,加油!!!
  4. 答题结束之后,大家可以看到自己的排行榜哦!跟掘金的小伙伴们比个高低吧。排行规则:猜题次数最少+猜题的总用时最少+猜中题目最多+猜题的时间开始最早。
  5. 奖品规则:答题所有题目:10道,且耗时最短: 40s,闯关次数最低:2次

如果你们有更好的游戏规则或者更好的题目,可以在评论区说一下!让我们大家一起嗨起来,过个开心的新年

废话不多说,开搞!!!

猜灯谜界面

又到了我切图小陈仔发挥作用的时候了。我对着UI咔嚓一顿狂切,然后用div+css一顿拼接,再用上animation属性来给点动画点缀一下。代码就不一一列出来了,看一下效果!

猜灯谜.gif

还有怎么能少了我们的答题模块和排行模块呢?

答题模块中设置有开始闯关按钮,跟十道题目

fa90e6bad91648a780fde419145becd3_tplv-k3u1fbpfcp-watermark.png

排行模块中设置有排名、用户信息、答题相关数据、答中次数

461e9babc7574fcc84b72316d76ba988_tplv-k3u1fbpfcp-watermark.png

早上发现无法获取到玩家信息的bug,获取不到的话,那我们的排行就白做了,所以新增排行结果查看的时候需要填写自己的掘金编号,就可以参加排名与获得奖品的机会了!!!

获取自己的掘金编码,可以打开自己的主页,复制主页链接上的数字即可

更多页面细节就让你们去探索吧!

猜灯谜后台

接下来就是用我刚学几个月的python大展身手的时候,虽然自学了一个月,还是很有信心写这种简单业务的代码的。后台基本就涉及到两个接口跟一张用户表,细节如下:

接口与数据表:

  1. 开发一个获取排行版的接口,按照我们上面的规则进行排序。
  2. 开发一个存储你们答题之后相关数据
  3. 创建一张用户信息表,存储你们答题的相关数据

注意:如果你没有登录的话,最后答题的数据会存到我本人这个账户上哦

大概业务逻辑就是这样了,接下来就是你们的时间了。嗨起来吧!觉得有意思的可以点个赞哈,感谢感谢。

下面代码块可能比较小,可以直接打开这个,快速跳转。