套路開場
連著寫了三天的selenium圆米，得換換胃口了蒋畜，畢竟selenium的關(guān)注度不是很高声畏，感覺看的人寥寥無幾。雖然是把公眾號(hào)當(dāng)做博客姻成，進(jìn)行知識(shí)的記錄與分享插龄，但寫了文章沒人看也是惆悵啊....
本來打算今天休息一天的，可是想想還是明天停更一天科展，更新公眾號(hào)22天了均牢，明天算是第一天斷更。每天回來學(xué)習(xí)知識(shí)辛润，然后再寫公眾號(hào)膨处，熬得身體有些受不了，所以以后每周還是給自己放一天假吧砂竖。
說說今天的內(nèi)容
web端一直是短板真椿，最近在惡補(bǔ)，所以今天就想著拿Flask配合jQuery寫點(diǎn)js玩玩乎澄，css懶得寫就用bootstrap的模板吧突硝。寫什么內(nèi)容呢？看標(biāo)題就一目了然了置济，猜數(shù)字解恰！
先來看看效果：
為什么會(huì)想到這個(gè)游戲呢？老婆之前給孩子買了一套類似的卡片游戲浙于，但是被這倆不聽話的小兔崽子給撕壞了护盈，所以就做個(gè)網(wǎng)頁版的，拿手機(jī)跟他們玩吧羞酗。至于為什么叫聰明的奧特曼腐宋？沒辦法，他倆喜歡奧特曼唄...
看著只有9個(gè)數(shù)字，但讓我一次性猜對(duì)還真不能保證次次穩(wěn)贏胸竞，畢竟戴眼鏡的眼神兒不好欺嗤，哈哈。所以悄悄留個(gè)console.log：
為了避免他倆一直做不對(duì)給我鬧騰卫枝，所以再來一次的時(shí)候不會(huì)刷新序列煎饼，只要按著之前的記憶繼續(xù)往下走，多點(diǎn)幾次肯定是可以贏的校赤。
當(dāng)然刷新瀏覽器吆玖，即可重置新序列去開始游戲了...
簡單說說代碼
首先說說Flask內(nèi)容：
# -*- coding: utf-8 -*-
# @Author : 王翔
# @JianShu : 清風(fēng)Python
# @Date : 2019/6/20 22:24
# @Software : PyCharm
# @version ：Python 3.7.3
# @File : app.py
from flask import Flask, render_template
import random
app = Flask(__name__)
@app.route('/')
def index():
number_list = random.sample(list(range(1, 10)), 9)
return render_template('index.html', num_list=number_list)
if __name__ == '__main__':
app.run(host='0.0.0.0')
Flask只負(fù)責(zé)創(chuàng)建一個(gè)隨機(jī)數(shù)，然后去渲染模板并傳參痒谴，要不是為了flask的httpserver衰伯，這東西完全可以考慮用純前臺(tái)搞....
再說說html吧：
<div class="container">
<div>
<h2 class="clearfix text-center">聰明的奧特曼</h2>
</div>
<button class="control btn btn-primary btn-lg btn-block">點(diǎn)擊開始游戲</button>
{% for num in num_list%}
<div class="col-xs-4 card">
<div id="{{loop.index0}}" class="box" hidden> {{num}}</div>
</div>
{%endfor%}
</div>
用jinjia2創(chuàng)建九宮格，然后用jQuery积蔚，控制開始游戲button的disable效果意鲸，并設(shè)置setInterval和mousedown的監(jiān)聽事件。完美.....
如果大家對(duì)這個(gè)小項(xiàng)目感興趣尽爆，可以從我的github上下載KingUranus/FlaskTests
The End
明天就不更新了怎顾，大半個(gè)月了，明晚放松一天漱贱，看是開黑呢槐雾，還是擼串呢？haha ....
今天的內(nèi)容就到這里幅狮，如果覺得有幫助募强，歡迎將文章或者我的公眾號(hào)【清風(fēng)Python】分享給更多喜歡python的人。最近關(guān)注人數(shù)基本零增長崇摄，心塞啊....
