年齢チェックのプログラム - neverjpのぶらり日記

f:id:neverjp:20181220172635j:plain — 画面1　入力画面

f:id:neverjp:20181220172803j:plain — 画面2　20歳以上の入力画面

f:id:neverjp:20181220172925j:plain — 画面3　無事通過の画面

f:id:neverjp:20181220173043j:plain — 画面4　20歳未満の入力画面

f:id:neverjp:20181220173202j:plain — 画面5　20歳未満の拒否画面

f:id:neverjp:20181221104359j:plain — 画面6　style-05.cssによるbackgroundcolor plumの色表示

インデントが表現できないのが悔しい。

#demo23.py
#!/usr/bin/python3
# -*- coding: utf-8 -*-

from flask import Flask, redirect ,request,render_template

app = Flask(__name__)

@app.route("/check")
def check():
・・return render_template('check23.html')

@app.route('/',methods=['POST'])
def index():
・・my_age = int(request.form["age"])
・・my_name = request.form["name"]
・・return render_template('index23.html',age=my_age,name=my_name)

if __name__ == '__main__':
・・app.run(debug=True)
****************************************
<!DOCTYPE html> 
<html lang="ja">
・・<head>
・・・・<meta charset="UTF-8">
・・・・<title>20禁のサイト</title>

・・・・<link rel="stylesheet" type="text/css" href="static/css/style-05.css" />
・・・・
・・</head>
・・<body>
・・<h2>Barry Manilow international funclubの資格審査</h2>
・・{% if age >= 20 %}
・・・・Barry命の{{name}}さんは20歳以上なんですね。</br>
・・・・資格審査　pass
・・{% else %}
・・{{name}}さんみたいな未成人はこんなサイト見ちゃダメですよ?
・・{% endif %}

・・</body>
</html>
****************************************
<!DOCTYPE html>
<html lang="ja">
<head>
・・<meta charset="UTF-8">
・・<title>年齢確認</title>

・・<link rel="stylesheet" type="text/css" href="static/css/style.css" />
</head>
<body>

・・<form action="/" method="post">
・・・・<h1>Entry</h1>
・・・・<input type="text" name="name" placeholder="名前" required/>
・・・・<input type="number" name="age" placeholder="年齢" required/>
・・・・<button>年齢確認</button>
・・</form>

</body>
</html>
****************************************
@charset 'utf-8'; /* <style-05.css> */
body・・ {
・・・・background: plum;
・・・・color: firebrick;
・・・・margin-left: 2m;
・・・・margin-right: 2m;
}
****************************************
@charset 'utf-8'; /* <style.css> */
body ・・{
・・・・background: sandybrown;
・・・・color: darkgreen;
・・・・margin-left: 2m;
・・・・margin-right: 2m;
}
****************************************

※：「・」はスペース半角2文字分

f:id:neverjp:20181221145425j:plain — メールアドレスの入力とその表示、そのほかのパラメータの授受の例

f:id:neverjp:20181221145635j:plain — バックグラウンドがsilver、カラーがblueの例

←人気ブログランキングに参加しています。よろしければ１票を！