Movatterモバイル変換


[0]ホーム

URL:


Masato Kawamura, profile picture
Uploaded byMasato Kawamura
PDF, PPTX4,181 views

Flask勉強会その1

Python FlaskでWEBアプリの作り方を学ぶ。まずは基礎の基礎編から。

Embed presentation

Download as PDF, PPTX
PyhonとFlaskで学ぶWEBプログラミング その12013/10/09masato-ka13年10月14日月曜日
この資料の目的この資料の目的はWEBアプリケーションの初心者に向けて、WEBアプリケーションを実際に作りながら学んでもらうことです。目標:WEB画面を表示させるPOSTとGETが扱えるようになる。13年10月14日月曜日
目次1. WEBアプリケーションてなんぞ?2. 環境を作ろう3. 最初のWEBアプリケーション4. POSTとGET13年10月14日月曜日
WEBアプリケーション概要13年10月14日月曜日
今回の構成Flaskと呼ばれるフレームワークでWEBアプリケーションを作り、簡易なWEBサーバでサービスを立ち上げる今回作るプログラムをApacheとかPython のAPサーバで動かすこともできるけど、まずは範囲外13年10月14日月曜日
環境を作ろう!Windows でPythonを使うための環境を作成します。(別紙資料)13年10月14日月曜日
最初のWEBアプリケーションアクセスすると画面を表示するだけのWEBアプリケーションを作ります13年10月14日月曜日
最初のサンプルwebアプリケーションのappプログラム本体hello.pyfrom  flask  import  Flaskapp  =  Flask(__name__)@app.route("/")def  hello():        return  "Hello  World!"if  __name__  ==  "__main__":        app.run()templatesテンプレートを入れる(後述)static静的ファイル(JS,CSS)などを入れる13年10月14日月曜日
実行appフォルダに入り以下のコマンドを実行ブラウザでhttp://loclahost:5000にアクセスしよう>python hello.py13年10月14日月曜日
解説flaskフレームワークを使う準備from  flask  import  Flaskapp  =  Flask(__name__)@app.route("/")def  hello():        return  "Hello  World!"ルートにアクセスする時に実行される処理、ここではクライアif  __name__  ==  "__main__":        app.run()ントに”Hello World!”を返すだけもっと複雑なHTMLを返すにはどうすればいいか?次章で!13年10月14日月曜日
練習問題「http://localhost:5000/sample」にアクセスしたときに”ROBOT”と赤字で表示される処理を書きましょう。@app.route("/sample")でルーティングできます。13年10月14日月曜日
テンプレート複雑な画面や、デザインに凝った画面を作るときにHTMLをプログラム中に書くのは大変。WEB アプリではプログラム実行時にHTMLで書かれたテンプレートファイルをを読み出し、必要な部分を書き換えてクライアントに返す機能が一般的(テンプレートエンジン)13年10月14日月曜日
テンプレートエンジンfrom  flask  import  Flaskfrom  flask  import  render_templateappapp  =  Flask(__name__)hello.py@app.route('/hello)@app.route('/hello/<name>')def  hello_name(name=None):        return  render_template('hello.html',  name=name)@app.route("/")def  hello():        return  "Hello  World!"if  __name__  ==  "__main__":        app.run()templateshello.htmlstatic13年10月14日月曜日<!doctype  html><title>Hello  from  Flask</title>{%  if  name  %}    <h1>Hello  {{  name  }}!</h1>{%  else  %}    <h1>Hello  World!</h1>{%  endif  %}
GET と POSTクライアントからの情報を送る方法GET メソッド 簡単にデータを送れるPOSTメソッド 大量にデータを送れる13年10月14日月曜日
GET メソッドhttp://hogehoge/test.cgi?a=alpha&b=betaGET /cgi-bin/dk2/test.cgi?a=alpha&b=beta HTTP/1.1Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-excel,application/msword, */*Referer: http://127.0.0.1/cgi-bin/test.cgiAccept-Language: ja,en;q=0.5Accept-Encoding: gzip, deflateUser-Agent: Mozilla/4.0 (compatible; MSIE 5.0;Windows 95)Host: 127.0.0.1Connection: Keep-Alive13年10月14日月曜日
POSTメソッドhttp://hogehoge/POST /cgi-bin/test.cgi HTTP/1.1Accept: */*Referer: http://127.0.0.1/cgi-bin/test.cgiAccept-Language: ja,en;q=0.5Content-Type: application/x-www-form-urlencodedAccept-Encoding: gzip, deflateUser-Agent: Mozilla/4.0 (compatible; MSIE 5.0; Windows 95)Host: 127.0.0.1Content-Length: 14Connection: Keep-Alivea=alpha&b=beta13年10月14日月曜日
GETメソッド演習from  flask  import  Flaskappfrom  flask  import  render_template,requestapp  =  Flask(__name__)get.py@app.route('/test_get',methods=['GET'])def  hello_request():        if  request.method  ==  'GET':                name  =  request.args.get('name')                return  render_template('hello.html',  name=name)if  __name__  ==  "__main__":        app.run()templateshello.htmlstatic13年10月14日月曜日<!doctype  html><title>Hello  from  Flask</title>{%  if  name  %}    <h1>Hello  {{  name  }}!</h1>{%  else  %}    <h1>Hello  World!</h1>{%  endif  %}
POSTメソッド演習from  flask  import  Flaskfrom  flask  import  render_template,requestappapp  =  Flask(__name__)get.py@app.route('/test_get,['PSOT',  'GET'])def  hello_request():        if  request.method  ==  'GET':                name  =  request.args.get('name',  '')                return  render_template('hello.html',  name=name)        if  request.method  ==  'POST':                name  =  request.form['name']                return  render_template('hello.html',  name=name)if  __name__  ==  "__main__":        app.run()templateshello.htmlstatic13年10月14日月曜日<!doctype  html><title>Hello  from  Flask</title>{%  if  name  %}    <h1>Hello  {{  name  }}!</h1>{%  else  %}    <h1>Hello  World!</h1>{%  endif  %}<form  method="POST" ><p><input type="text" name="name"></p><p><input type="submit" value="送信する"></p></form>
今日やったことWEBアプリケーションFlaskフレームワークテンプレートGETとPOST13年10月14日月曜日
次回予告ファイルを送るには?クラスとメソッドDBアクセス13年10月14日月曜日

Recommended

KEY
FuelPHPをさわってみて
PDF
Pyramid入門
PDF
10分でわかるFuelPHP @ 2011/12
 
PDF
omoon.org の裏側 〜FuelPHP の task 活用例〜
PDF
15分でCakePHPを始める方法(Nseg 2013-11-09 )
PDF
第21回Creators MeetUp
PDF
FuelPHP Osu Nagoya vol.1
KEY
あらためてPHP5.3
PDF
FuelPHPで3種のprofilerを使ってみた
KEY
EC-CUBEプラグイン講義
PDF
Ruby on Rails Tutorial
KEY
フラットなPHPからフレームワークへ
PDF
WordPress関数の処理コストを考えよう
PDF
Fuel php osc tokyo2012
PDF
CodeIgniter入門
 
PDF
.htaccessによるリダイレクト徹底解説
KEY
Mojoliciousをウェブ制作現場で使ってみてる
PDF
10分でわかるFuelPHP @ 2012/05 OSC2012 Nagoya
 
PPT
Ruby on Rails Tutorial Chapter8-10
PDF
Try Jetpack
PDF
20091030cakephphandson 01
PPTX
Open Source System Administration Framework - Func
PDF
Using Dancer
PDF
「スピード」と「品質」を実現するPHP開発チームの取り組み~AngularJS+FuelPHP+AspectMock~
PDF
WordPressで提供するWeb API
PDF
The master plan of scaling a web application
PPTX
実用裏方 Perl 入門
PDF
書籍 「Python FlaskによるWebアプリ開発入門 物体検知アプリ&機械学習APIの作り方」 を通して伝えたいFlaskのプラクティス.pdf
KEY
ひのきのぼうだけで全クリ目指す
PDF
Webフレームワークを作ってる話 #osakapy

More Related Content

KEY
FuelPHPをさわってみて
PDF
Pyramid入門
PDF
10分でわかるFuelPHP @ 2011/12
 
PDF
omoon.org の裏側 〜FuelPHP の task 活用例〜
PDF
15分でCakePHPを始める方法(Nseg 2013-11-09 )
PDF
第21回Creators MeetUp
PDF
FuelPHP Osu Nagoya vol.1
KEY
あらためてPHP5.3
FuelPHPをさわってみて
Pyramid入門
10分でわかるFuelPHP @ 2011/12
 
omoon.org の裏側 〜FuelPHP の task 活用例〜
15分でCakePHPを始める方法(Nseg 2013-11-09 )
第21回Creators MeetUp
FuelPHP Osu Nagoya vol.1
あらためてPHP5.3

What's hot

PDF
FuelPHPで3種のprofilerを使ってみた
KEY
EC-CUBEプラグイン講義
PDF
Ruby on Rails Tutorial
KEY
フラットなPHPからフレームワークへ
PDF
WordPress関数の処理コストを考えよう
PDF
Fuel php osc tokyo2012
PDF
CodeIgniter入門
 
PDF
.htaccessによるリダイレクト徹底解説
KEY
Mojoliciousをウェブ制作現場で使ってみてる
PDF
10分でわかるFuelPHP @ 2012/05 OSC2012 Nagoya
 
PPT
Ruby on Rails Tutorial Chapter8-10
PDF
Try Jetpack
PDF
20091030cakephphandson 01
PPTX
Open Source System Administration Framework - Func
PDF
Using Dancer
PDF
「スピード」と「品質」を実現するPHP開発チームの取り組み~AngularJS+FuelPHP+AspectMock~
PDF
WordPressで提供するWeb API
PDF
The master plan of scaling a web application
PPTX
実用裏方 Perl 入門
FuelPHPで3種のprofilerを使ってみた
EC-CUBEプラグイン講義
Ruby on Rails Tutorial
フラットなPHPからフレームワークへ
WordPress関数の処理コストを考えよう
Fuel php osc tokyo2012
CodeIgniter入門
 
.htaccessによるリダイレクト徹底解説
Mojoliciousをウェブ制作現場で使ってみてる
10分でわかるFuelPHP @ 2012/05 OSC2012 Nagoya
 
Ruby on Rails Tutorial Chapter8-10
Try Jetpack
20091030cakephphandson 01
Open Source System Administration Framework - Func
Using Dancer
「スピード」と「品質」を実現するPHP開発チームの取り組み~AngularJS+FuelPHP+AspectMock~
WordPressで提供するWeb API
The master plan of scaling a web application
実用裏方 Perl 入門

Similar to Flask勉強会その1

PDF
書籍 「Python FlaskによるWebアプリ開発入門 物体検知アプリ&機械学習APIの作り方」 を通して伝えたいFlaskのプラクティス.pdf
KEY
ひのきのぼうだけで全クリ目指す
PDF
Webフレームワークを作ってる話 #osakapy
PDF
Flask入門
PDF
入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing
PPTX
20190809
PPTX
【プログラミング教室】テキスト
PDF
Python東海GAEやってみた
PDF
PDF
みんなでWAIWAI Webアプリ
PDF
使えるDjango1.4
ODP
Introduction of Python
PPT
Python入門からpython twitter利用のハンズオン
PDF
Pythonで始めるDropboxAPI
PDF
S03 t1 python_learningdiary#3
PDF
Pythonによるwebアプリケーション入門 - Django編-
PDF
Python3でwebアプリ
PDF
Python札幌 2012/06/17
PDF
My pyhack 1301
KEY
Hello World Python featuring GAE
書籍 「Python FlaskによるWebアプリ開発入門 物体検知アプリ&機械学習APIの作り方」 を通して伝えたいFlaskのプラクティス.pdf
ひのきのぼうだけで全クリ目指す
Webフレームワークを作ってる話 #osakapy
Flask入門
入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing
20190809
【プログラミング教室】テキスト
Python東海GAEやってみた
みんなでWAIWAI Webアプリ
使えるDjango1.4
Introduction of Python
Python入門からpython twitter利用のハンズオン
Pythonで始めるDropboxAPI
S03 t1 python_learningdiary#3
Pythonによるwebアプリケーション入門 - Django編-
Python3でwebアプリ
Python札幌 2012/06/17
My pyhack 1301
Hello World Python featuring GAE

Flask勉強会その1


[8]ページ先頭

©2009-2025 Movatter.jp