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> <!-- index23.html -->
<html lang="ja">
・・<head>
・・・・<meta charset="UTF-8">
・・・・<title>20禁のサイト</title>
<!-- <link rel="stylesheet" type="text/css" href="style.css" /> -->
・・・・<link rel="stylesheet" type="text/css" href="static/css/style-05.css" />
・・・・<!--&#91;if lt IE 9&#93;>
・・・・<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
・・・・<!&#91;endif&#93;-->
・・</head>
・・<body>
・・<h2>Barry Manilow international funclubの資格審査</h2>
・・{% if age >= 20 %}
・・・・Barry命の{{name}}さんは20歳以上なんですね。</br>
・・・・資格審査 pass
・・{% else %}
・・{{name}}さんみたいな未成人はこんなサイト見ちゃダメですよ?
・・{% endif %}

・・</body>
</html>
****************************************
<!DOCTYPE html><!-- check23.html -->
<html lang="ja">
<head>
・・<meta charset="UTF-8">
・・<title>年齢確認</title>
<!-- <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='style.css')}}" /> -->
・・<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の例

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