[大邱AI学校]第12話-Flash
11184 ワード
1.学習内容
1.1 python code_10.flask.py
(Glitchオンライン環境で作業!)from flask import Flask
app = Flask(__name__)
topics = [
{"id":1, "title":"html", "body":"html is ...."},
{"id":2, "title":"css", "body":"css is ...."}
]
def template(content):
liTags = ''
for topic in topics:
liTags = liTags + f'<li><a href="/read/{topic["id"]}/">{topic["title"]}</a></li>'
return f'''
<html>
<body>
<h1><a href="/">WEB</a></h1>
<ol>
{liTags}
</ol>
{content}
<ul>
<li><a href="/create/">create</a></li>
</ul>
</body>
</html>
'''
@app.route("/")
def index():
return template('<h2>Welcome</h2>Hello, WEB!')
@app.route("/read/<int:id>/")
def read(id):
title = ''
body = ''
for topic in topics :
if topic['id'] == id:
title = topic['title']
body = topic['body']
break;
return template(f'<h2>{title}</h2>{body}')
@app.route('/create/')
def create():
content = '''
<form action="/create/">
<p><input type= "text" name="title" placeholder="title"></p>
<p><textarea placeholder="body"></textarea></p>
<p><input type="submit" value="create"></p>
</form>
'''
return template(content)
@app.route('/update/')
def update():
return 'Update'
app.run()
1.2私が学んだこと
1.Flaskとは?
Python Web Framework:簡単なAPIを作成します.
利点は、数行のコードがすぐに生成できることです.
学習が容易で導入が容易な利点があります.
2.バックエンドとは?
Web上ではブラウザとサーバに分けられ,互いに応答し,ユーザとデータの絆として機能する.
簡単に言えば、人が見える部分が先端です.
人が見えないところで働く部分がバックエンドです.
今日利用したFlaskは無料サービスです.
フロントエンドで使いやすくするためにフレームを作成するキャラクターはBeckAnd領域に相当します!
3. @app.ルーティング機能
私が学んだ知識によると、面倒ですが、多くのリストハイパーリンクを含むサブWebのすべてのコンテンツを作成する必要がありますが、Flaskコードをインポートする必要があります.
これは便利なコードで、各サブネットに必要なコードを一度に印刷することができます.from flask import Flask
app = Flask(__name__)
app.debug = True
@app.route('/')
def hello():
return 'Hello, Flask'
4.template()タグ
開発者は、作成したWeb符号化環境に重複するコードを入力したくない.template()は、より簡潔で簡潔な符号化に必要なタグである.<template>
<h3>모나리자</h3>
<img src="/examples/images/img_monalisa.png" alt="모나리자">
</template>
2.学習内容の難点
Flask、Webフレームワークにアクセスするのは難しいです.
3.解決方法
Flask:バックアップとリポジトリサービス
Web framework:pptについては、pptの作成に必要なベイカーエンドテンプレートに似ています.
4.感想
短期間でたくさんのものを手に入れたいと思いますが、今日はどんなラベルや道具があるかを勉強すれば、もっと分かります.
Reference
この問題について([大邱AI学校]第12話-Flash), 我々は、より多くの情報をここで見つけました
https://velog.io/@diproutetree/대구AI스쿨12회차-Flask13-p2sps4nx
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
from flask import Flask
app = Flask(__name__)
topics = [
{"id":1, "title":"html", "body":"html is ...."},
{"id":2, "title":"css", "body":"css is ...."}
]
def template(content):
liTags = ''
for topic in topics:
liTags = liTags + f'<li><a href="/read/{topic["id"]}/">{topic["title"]}</a></li>'
return f'''
<html>
<body>
<h1><a href="/">WEB</a></h1>
<ol>
{liTags}
</ol>
{content}
<ul>
<li><a href="/create/">create</a></li>
</ul>
</body>
</html>
'''
@app.route("/")
def index():
return template('<h2>Welcome</h2>Hello, WEB!')
@app.route("/read/<int:id>/")
def read(id):
title = ''
body = ''
for topic in topics :
if topic['id'] == id:
title = topic['title']
body = topic['body']
break;
return template(f'<h2>{title}</h2>{body}')
@app.route('/create/')
def create():
content = '''
<form action="/create/">
<p><input type= "text" name="title" placeholder="title"></p>
<p><textarea placeholder="body"></textarea></p>
<p><input type="submit" value="create"></p>
</form>
'''
return template(content)
@app.route('/update/')
def update():
return 'Update'
app.run()
from flask import Flask
app = Flask(__name__)
app.debug = True
@app.route('/')
def hello():
return 'Hello, Flask'
<template>
<h3>모나리자</h3>
<img src="/examples/images/img_monalisa.png" alt="모나리자">
</template>
Flask、Webフレームワークにアクセスするのは難しいです.
3.解決方法
Flask:バックアップとリポジトリサービス
Web framework:pptについては、pptの作成に必要なベイカーエンドテンプレートに似ています.
4.感想
短期間でたくさんのものを手に入れたいと思いますが、今日はどんなラベルや道具があるかを勉強すれば、もっと分かります.
Reference
この問題について([大邱AI学校]第12話-Flash), 我々は、より多くの情報をここで見つけました
https://velog.io/@diproutetree/대구AI스쿨12회차-Flask13-p2sps4nx
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
短期間でたくさんのものを手に入れたいと思いますが、今日はどんなラベルや道具があるかを勉強すれば、もっと分かります.
Reference
この問題について([大邱AI学校]第12話-Flash), 我々は、より多くの情報をここで見つけました https://velog.io/@diproutetree/대구AI스쿨12회차-Flask13-p2sps4nxテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol