Submit Search
Upload
Djangoのチュートリアル
•
Download as PPTX, PDF
•
0 likes
•
48 views
S
sakihohoribe
Follow
DjangoでWEBページを表示するまで
Read less
Read more
Technology
Report
Share
Report
Share
1 of 22
Download now
Recommended
環境構築から始めるDjangoチュートリアル
環境構築から始めるDjangoチュートリアル
sakihohoribe
(IDEユーザのための) ClojureのEmacs開発環境について
(IDEユーザのための) ClojureのEmacs開発環境について
Kazuhiro Hara
後期02
後期02
Takenori Nakagawa
hktstudy 201206 「私だってやれば出来る子!♥Multi-Mechanize♥」
hktstudy 201206 「私だってやれば出来る子!♥Multi-Mechanize♥」
Aya Komuro
Ginとbindataで作るシングルバイナリWebApp
Ginとbindataで作るシングルバイナリWebApp
Akihiko Horiuchi
Djangoフレームワークの紹介
Djangoフレームワークの紹介
Shinya Okano
Cryogenでサイトつくろーじぇん
Cryogenでサイトつくろーじぇん
Kazuhiro Hara
What makes Geb groovy?
What makes Geb groovy?
Youtarou TAKAHASHI
Recommended
環境構築から始めるDjangoチュートリアル
環境構築から始めるDjangoチュートリアル
sakihohoribe
(IDEユーザのための) ClojureのEmacs開発環境について
(IDEユーザのための) ClojureのEmacs開発環境について
Kazuhiro Hara
後期02
後期02
Takenori Nakagawa
hktstudy 201206 「私だってやれば出来る子!♥Multi-Mechanize♥」
hktstudy 201206 「私だってやれば出来る子!♥Multi-Mechanize♥」
Aya Komuro
Ginとbindataで作るシングルバイナリWebApp
Ginとbindataで作るシングルバイナリWebApp
Akihiko Horiuchi
Djangoフレームワークの紹介
Djangoフレームワークの紹介
Shinya Okano
Cryogenでサイトつくろーじぇん
Cryogenでサイトつくろーじぇん
Kazuhiro Hara
What makes Geb groovy?
What makes Geb groovy?
Youtarou TAKAHASHI
ひとりアドベントカレンダーのご紹介
ひとりアドベントカレンダーのご紹介
Kazuhiro Hara
Vue
Vue
卓馬 三浦
Gws 20141024 gradle_intro
Gws 20141024 gradle_intro
Nobuhiro Sue
Djangoによるスマホアプリバックエンドの実装
Djangoによるスマホアプリバックエンドの実装
Nakazawa Yuichi
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
Takayuki Shimizukawa
Nuxt
Nuxt
卓馬 三浦
Vuenative
Vuenative
卓馬 三浦
Saitowotsukutsutemita
Saitowotsukutsutemita
hmatumoto
JJUG CCC 2011 Fall / Web test automation with Geb and Spock
JJUG CCC 2011 Fall / Web test automation with Geb and Spock
Nobuhiro Sue
Web 02
Web 02
XMLProJ2014
DjangoでさくっとWeb アプリケーション開発をする話
DjangoでさくっとWeb アプリケーション開発をする話
Nakazawa Yuichi
世界一簡単なGithub入門(githubは無料で使用する場合、全てのファイルが公開されていることにご注意ください)
世界一簡単なGithub入門(githubは無料で使用する場合、全てのファイルが公開されていることにご注意ください)
Shinichi Hirauchi
GitHub入門 手順編
GitHub入門 手順編
hideaki honda
Okinawapm#3
Okinawapm#3
Kei Kamikawa
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
Akihiko Horiuchi
FuelPHPのscaffoldで作成した画面をdotcloudにデプロイしてみた
FuelPHPのscaffoldで作成した画面をdotcloudにデプロイしてみた
toshihirock
Chef Howto with Vagrant + Berkshelf
Chef Howto with Vagrant + Berkshelf
Masahiro NAKAYAMA
Nodejs
Nodejs
Masanobu Masuda
Gitの紹介
Gitの紹介
Shoot Morii
Gradleどうでしょう
Gradleどうでしょう
Takuma Watabiki
Git 20100724
Git 20100724
Taku AMANO
Djangoとは
Djangoとは
Gomamatsu
More Related Content
What's hot
ひとりアドベントカレンダーのご紹介
ひとりアドベントカレンダーのご紹介
Kazuhiro Hara
Vue
Vue
卓馬 三浦
Gws 20141024 gradle_intro
Gws 20141024 gradle_intro
Nobuhiro Sue
Djangoによるスマホアプリバックエンドの実装
Djangoによるスマホアプリバックエンドの実装
Nakazawa Yuichi
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
Takayuki Shimizukawa
Nuxt
Nuxt
卓馬 三浦
Vuenative
Vuenative
卓馬 三浦
Saitowotsukutsutemita
Saitowotsukutsutemita
hmatumoto
JJUG CCC 2011 Fall / Web test automation with Geb and Spock
JJUG CCC 2011 Fall / Web test automation with Geb and Spock
Nobuhiro Sue
Web 02
Web 02
XMLProJ2014
DjangoでさくっとWeb アプリケーション開発をする話
DjangoでさくっとWeb アプリケーション開発をする話
Nakazawa Yuichi
世界一簡単なGithub入門(githubは無料で使用する場合、全てのファイルが公開されていることにご注意ください)
世界一簡単なGithub入門(githubは無料で使用する場合、全てのファイルが公開されていることにご注意ください)
Shinichi Hirauchi
GitHub入門 手順編
GitHub入門 手順編
hideaki honda
Okinawapm#3
Okinawapm#3
Kei Kamikawa
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
Akihiko Horiuchi
FuelPHPのscaffoldで作成した画面をdotcloudにデプロイしてみた
FuelPHPのscaffoldで作成した画面をdotcloudにデプロイしてみた
toshihirock
Chef Howto with Vagrant + Berkshelf
Chef Howto with Vagrant + Berkshelf
Masahiro NAKAYAMA
Nodejs
Nodejs
Masanobu Masuda
Gitの紹介
Gitの紹介
Shoot Morii
Gradleどうでしょう
Gradleどうでしょう
Takuma Watabiki
What's hot
(20)
ひとりアドベントカレンダーのご紹介
ひとりアドベントカレンダーのご紹介
Vue
Vue
Gws 20141024 gradle_intro
Gws 20141024 gradle_intro
Djangoによるスマホアプリバックエンドの実装
Djangoによるスマホアプリバックエンドの実装
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
Nuxt
Nuxt
Vuenative
Vuenative
Saitowotsukutsutemita
Saitowotsukutsutemita
JJUG CCC 2011 Fall / Web test automation with Geb and Spock
JJUG CCC 2011 Fall / Web test automation with Geb and Spock
Web 02
Web 02
DjangoでさくっとWeb アプリケーション開発をする話
DjangoでさくっとWeb アプリケーション開発をする話
世界一簡単なGithub入門(githubは無料で使用する場合、全てのファイルが公開されていることにご注意ください)
世界一簡単なGithub入門(githubは無料で使用する場合、全てのファイルが公開されていることにご注意ください)
GitHub入門 手順編
GitHub入門 手順編
Okinawapm#3
Okinawapm#3
GoによるWebアプリ開発のキホン
GoによるWebアプリ開発のキホン
FuelPHPのscaffoldで作成した画面をdotcloudにデプロイしてみた
FuelPHPのscaffoldで作成した画面をdotcloudにデプロイしてみた
Chef Howto with Vagrant + Berkshelf
Chef Howto with Vagrant + Berkshelf
Nodejs
Nodejs
Gitの紹介
Gitの紹介
Gradleどうでしょう
Gradleどうでしょう
Similar to Djangoのチュートリアル
Git 20100724
Git 20100724
Taku AMANO
Djangoとは
Djangoとは
Gomamatsu
UnicastWS vol.2
UnicastWS vol.2
Unicast Inc.
Djangoのススメ
Djangoのススメ
Alisue Lambda
node-webkit
node-webkit
Takuji Shimokawa
WordPressプラグイン作成入門
WordPressプラグイン作成入門
Yuji Nojima
210630 python
210630 python
Takuya Nishimoto
How to django at first
How to django at first
Maito Kuwahara
Sohu邮箱的python经验
Sohu邮箱的python经验
Ryan Poy
Web Intents入門
Web Intents入門
Shumpei Shiraishi
単機能Twitter クライアント試作のための各種方法の検討
単機能Twitter クライアント試作のための各種方法の検討
Akira Niiyama
Angular の紹介
Angular の紹介
Neo Xrea
SharePoint Framework Extension 基礎講座
SharePoint Framework Extension 基礎講座
Hiroaki Oikawa
20080524
20080524
小野 修司
Ansibleではじめるサーバー・ネットワークの自動化(2019/04版)
Ansibleではじめるサーバー・ネットワークの自動化(2019/04版)
akira6592
はてなにおける継続的デプロイメントの現状と Docker の導入
はてなにおける継続的デプロイメントの現状と Docker の導入
Yu Nobuoka
HTML5 開発環境の紹介
HTML5 開発環境の紹介
tomo_masakura
恋するJenkins
恋するJenkins
Hiroshi Nakao
Jenkinsプラグインの中身を覗いてみよう
Jenkinsプラグインの中身を覗いてみよう
ikikko
PWA 総まとめ @ABC 2018 Spring
PWA 総まとめ @ABC 2018 Spring
Ryu Shindo
Similar to Djangoのチュートリアル
(20)
Git 20100724
Git 20100724
Djangoとは
Djangoとは
UnicastWS vol.2
UnicastWS vol.2
Djangoのススメ
Djangoのススメ
node-webkit
node-webkit
WordPressプラグイン作成入門
WordPressプラグイン作成入門
210630 python
210630 python
How to django at first
How to django at first
Sohu邮箱的python经验
Sohu邮箱的python经验
Web Intents入門
Web Intents入門
単機能Twitter クライアント試作のための各種方法の検討
単機能Twitter クライアント試作のための各種方法の検討
Angular の紹介
Angular の紹介
SharePoint Framework Extension 基礎講座
SharePoint Framework Extension 基礎講座
20080524
20080524
Ansibleではじめるサーバー・ネットワークの自動化(2019/04版)
Ansibleではじめるサーバー・ネットワークの自動化(2019/04版)
はてなにおける継続的デプロイメントの現状と Docker の導入
はてなにおける継続的デプロイメントの現状と Docker の導入
HTML5 開発環境の紹介
HTML5 開発環境の紹介
恋するJenkins
恋するJenkins
Jenkinsプラグインの中身を覗いてみよう
Jenkinsプラグインの中身を覗いてみよう
PWA 総まとめ @ABC 2018 Spring
PWA 総まとめ @ABC 2018 Spring
Recently uploaded
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
Recently uploaded
(14)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Djangoのチュートリアル
1.
Djangoでブログ風 作ってみよう!
2.
プロジェクトを作る • ▽django-admin startproject
プロジェクト名 • (私のプロジェクト名はapp_blog)
3.
プロジェクトの中身 _initi_.py プロジェクトを実行する時の初期化処理を行うス クリプトファイル setting.py 設定情報を記述したファイル urls.py
URLを管理するファイル wsgi.py Webアプリケーションのメインプログラムとなる 部分 manage.py プロジェクトで実行する様々な機能に関するプロ グラム
4.
ブラウザにアクセスしよう • ▽cd プロジェクト名 •
▽python manage.py runserver • Webサーバーが起動してプロジェクトのプログラムが実行され る • http://localhost:8000/にアクセス
5.
エラーになったら… • 下のようなエラーになったら • ▽python
manage.py migrate
6.
MVCアーキテクチャーとは Model Webアプリとデーター ベースとの間のやり取 りをする View 画面表示関係 Controller
全体の制御を行う Webアプリで作成する プログラムの部分 ユーザー コントローラー ビュー モデル データーベース 画面表示 webにアクセス 結果を表示
7.
アプリケーションを作ろう • 先ほど作ったプロジェクトのなかにアプリケーションを作る • アプリケーションはMVC関係の処理をひとまとめにしたもの •
1つのプロジェクトの中に複数アプリケーションを作って良い ユーザー管理アプリケーション 在庫管理アプリケーション カート管理アプリケーション オンラインショップ こんなものも 作れる!
8.
アプリケーションをつくろう • ▽python manage.py
startapp 作成するアプリケーション名 • (私のアプリ名はblog)
9.
アプリケーションファイルの中身 「migrations」フォルダ マイグレーションと言ってデータベース関係の機 能のファイルが入っている _initi_.py アプリケーション初期化する admin.py
管理者ツールのためのもの apps.py アプリケーション本体の処理をまとめたもの models.py(よく使う) モデルに関する処理を記述するもの tests.py プログラムのテストに関するもの views.py(よく使う) 画面表示に関するもの
10.
テンプレートを利用しよう • HTMLを読み込んで表示するだけでなくて、そこに様々な変数 やpythonの処理を埋め込む • →できることが増える •
→HTMLのソースコードをコンパクトにできる
11.
テンプレートを利用しよう(2) Djangoはテンプレートを読み込み、 そこに組み込まれている変数などに値を代入してページを完成さ せてからクライアントに送る ページ Welcome to 日にち Django 3ページ Welcome to
Django 日にち 4月5日
12.
Webページを表示しよう(1) • プロジェクトの中の「setting.py」開く INSTALLED_APPS =
[ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', ‘blog‘, ←追加 ]
13.
Webページを表示しよう(2) • フォルダをつくる • 「プロジェクト名」→「blog」→「templates」→「blog」
14.
Webページを表示しよう(3) • Templates のアプリ名フォルダの中にindex.htmlをつくる <!doctype
html> <html lang="ja"> <head> <meta charset="utf-8"> <title>hello</title> </head> <body> <h1>hello/index</h1> <p>This is sample page.</p> </body> </html>
15.
Webページを表示しよう(4) • プロジェクトファイルの中のurls.pyを変更する • 「どのアドレスにアクセスしたらどの処理を実行できるか」と いう情報を管理 •
▽python manage.py runserver from django.contrib import admin from django.urls import path import blog.views as blog urlpatterns = [ path('admin/', admin.site.urls), path('blog/',blog.index), ] http://localhost: 8000/blog にアクセス
16.
Webページを表示しよう(5) urlpatterns path(‘blog/’,blog.index) path(‘hello/’,hello.index) path(‘hello/ok’,hello.ok) blog index関数 hello index関数 ok関数
17.
Webページを表示しよう(6) • Webページを表示する方法は2つある • ①プロジェクトのurls.pyにすべて書く(さっきまでのやり方) •
②各アプリごとにurls.pyを用意してそれらをプロジェクトの urls.pyでまとめる • ②の方が良い
18.
Webページを表示しよう(7) • アプリケーションファイルの中に新たにurls.pyを作る • (P61) from
django.urls import path from . import views urlpatterns = [ path('',views.index,name='index’), ]
19.
Webページを表示しよう(8) • プロジェクトの中のurls.pyを修正 • ▽python
manage.py runserver from django.contrib import admin from django.urls import path,include urlpatterns = [ path(‘admin/’, admin.site.urls), path(‘blog/’ , include(‘blog.urls’) ), ] http://localhost: 8000/blog にアクセス
20.
テンプレートに値を渡してWebページを 表示する ページ Welcome to 日にち Django 3ページ Welcome to
Django 日にち 4月5日
21.
テンプレートに値を渡してWebページを 表示する(2) • index.htmlを修正 <!doctype html> <html
lang="ja"> <head> <meta charset="utf-8"> <title>{{title}}</title> </head> <body> <h1>{{title}}</h1> <p>{{msg}}</p> </body> </html>
22.
テンプレートに値を渡してWebページを 表示する(3) • アプリフォルダの中のviews.pyを修正 • ▽python
manage.py runserver from django.shortcuts import render from django.http import HttpResponse # Create your views here. def index(request): params = { 'title':'hello/index', 'msg':'めいちゃかわいい', } return render(request,'blog/index.html',params) http://localhost: 8000/blog にアクセス
Download now