django學習記錄--第一個網頁“hello django”

Pyerlife發表於2016-10-26
Django網頁

一、安裝django

　　下面兩種方法任選其一

　　1、pip或easy_install 安裝

　　　　　　pip install django

　　　　　　easy_install django

　　2、到django官網（https://www.djangoproject.com/download/）下載django壓縮包，下載完成後解壓，在解壓的目錄下執行"python setup.py install"安裝django。

　

二、建立第一個網頁

1、新建專案project

　  在命令列執行"django-admin startproject website"，會在當前目錄下新建名為"website"的資料夾，website即為專案名，此時目錄結構：

1 website
2  |-- manage.py　　　　　　#命令列管理介面
3  |--db.sqlite3
4  |-- mysite
5     ├── __init__.py　　　#表示這是一個軟體包
6     ├── settings.py　　　#專案相關配置
7     ├── urls.py　　　　　 #全域性url配置
8     └── wsgi.py　

 

2、新建app

　　命令列執行"python manage.py startapp blog"，新建應用(網頁)，"website"下會新建一個名為"blog"的資料夾，"blog"的目錄結構：

1 blog/
2 ├── __init__.py
3 ├── admin.py
4 ├── models.py
5 ├── tests.py
6 ├── views.py
7 ├── apps.py
8 └── migrations

 

3、將blog加入website目錄下的setting.py中的INSTALL_APPS，如下：

 1 INSTALLED_APPS = (
 2     'django.contrib.admin',
 3     'django.contrib.auth',
 4     'django.contrib.contenttypes',
 5     'django.contrib.sessions',
 6     'django.contrib.messages',
 7     'django.contrib.staticfiles',
 8     'blog',　　　　
 9 )

 　　新建的 app 如果不加到 INSTALL_APPS 中的話, django 就不能自動找到app中的模板檔案(app-name/templates/下的檔案)和靜態檔案(app-name/static/中的檔案)

 

4、編輯檢視(views)，編輯blog目錄下的views.py如下：（編寫網頁內容）

1 #coding:utf8
2 
3 from django.shortcuts import render
4 from django.http import HttpResponse                  #記得匯入該模組
5 
6 def index(request):
7     return HttpResponse("<h1>hello Django!</h1>")     #網頁輸出"hello Django!"

 

5、編輯urls.py，編輯website目錄下的urls.py如下：（定義網頁的連線）

 1 #coding:utf8
 2 
 3 from django.conf.urls import url
 4 from django.contrib import admin
 5 from blog import views as blog_views        　　#記住！先匯入app中的views後使用
 6 
 7 urlpatterns = [
 8     url(r'^admin/', admin.site.urls),
 9     url(r'^$',blog_views.index,name=’index'), 
10 ]

　　可以看出， urls.py的連結是通過正規表示式匹配的。此處設定開啟http://127.0.0.1:8000/會開啟blog中的views的index設定的網頁。

6、切換至website目錄下，開啟Django自帶的web伺服器使用命令：python manage.py runserver　, 預設使用8000埠，可在其後加埠號改變使用埠。用瀏覽器開啟http://127.0.0.1:8000/，如圖：

 

相關文章