WEB開發三步曲之三-Django與Django RESTful Framework

前導工作:參見后端開發三步曲之二-python-django-基于docker的項目開發

Django后端精要:最簡DEMO
每次新建一個頁面(應用),常規操作都是
1,setting注冊APP,
2,urls設置路由使得服務器可以找到新的頁面(urls用于調用views中函數),
3,views當請求request來的時候可以返回頁面到前端(views中函數用于HttpReponse或renderHTML模板,數據操作用Model和ORM,也可直接操作數據庫)

一、從第一個django項目myPrj和應用myApp開始

按前一步驟配置和初始化好項目,PyCharm的Terminal窗口中測試運行通過,然后CTRL+C結束。

docker-compose up

開一個終端進入容器可進行管理項目:

docker exec -it myapp_container /bn/bash
cd /myapp

保持該終端待用。
在主目錄中Pycharm建立新的Python package:Apps,將新建立的myapp移進該目錄統一管理
在主項目settings.py中修改搜索路徑

import sys
# ...
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
# 在前面一行后加下以下內容
sys.path.insert(0, os.path.join(BASE_DIR, 'Apps'))

#在INSTALLED_APPS列表中加入Apps.myApp
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'Apps.myApp',
]

建立第一個基于模板的應用,項目settings.py中加入模板搜索路徑

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

編寫一個測試模板index.html放入templates目錄

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>myapp demo</title>
</head>
    <body>
        <div>
            <h1>Hello, friend from {{ user_ip }} </h1>,<br />
            <a href="/list">Click Here to show article list.</a>
        </div>
    </body>
</html>

修改Apps.myApp下的views.py,增加兩個函數:

from django.shortcuts import render
from django.http import HttpResponse

def index(request):
    return render(request, 'index.html') # 用模板渲染
    
def hello(request):
    return HttpResponse('Hello world!') # 不用模板也能干

生成myApp本地路由,在myApp目錄下生成新的urls.py

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index),
    path('hello/', views.hello),
]

在全局路由中引用該局部路由:

from django.contrib import admin
from django.urls import path
# from Apps.myApp import views # 有局部路由引用則不需要了
from django.urls import include # 引用urls的相關包

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('Apps.myApp.urls')), # 引用局部路由
    # path('', views.index), # 也可以直接設置全局路由
    # path('hello/', views.hello) # 也可以直接設置全局路由
]

!用到再學,路由:path,re_path,url支持的通配模式,以及參數化url傳遞給views處理函數

二、使用模型和后臺管理模型

更改Apps/myApp/models.py,主要作用是對數據庫做修改

from django.db import models
from django.utils import timezone
class Article(models.Model):
    author = models.ForeignKey('auth.User',on_delete=models.CASCADE)
    title = models.CharField(max_length=200)
    text = models.TextField()
    created_date = models.DateTimeField(default=timezone.now)
    published_date = models.DateTimeField(blank=True, null=True)
    def publish(self):
        self.published_date = timezone.now()
        self.save()
    def __str__(self):
        return self.title

打開 Apps/myApp/admin.py 文件,修改為:

from django.contrib import admin
from .models import Article
admin.site.register(Article)

進入容器內部,在之前打開的終端(容器內)中:

# 創建superuser
python manage.py createsuperuser
# 如:root/Root123456

更新model到數據庫

python manage.py makemigrations myApp
python manage.py migrate myApp

可以通過http://0.0.0.0:8080/admin/登錄并在站點管理中看到用戶及MYAPP應用的Articles表(模型)管理界面

三、用視圖連接模型與模板

1、顯示列表頁

1)建立列表頁的路由

每一個新的應用都需要在urls.py中注冊路由修改Apps/myApp/urls.py 文件。

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index),
    path('hello/', views.hello),
    path('list/', views.article_list),
]

2)視圖方法,Django ORM 和 QuerySets(查詢集)

在Apps/myApp/views.py中修改

from django.shortcuts import render
from django.utils import timezone
from .models import Article
# ...
def article_list(request):
    #按時間順序排列
    posts = Article.objects.filter(published_date__lte=timezone.now()).order_by('published_date')
    return render(request, 'article_list.html', {'posts': posts})

3)Django模板,嵌套層級

在myApp應用的目錄下創建一個名為 static 的文件夾,在新建一個css文件夾,設計一個my.css
在templates目錄創建基礎模板base.html

<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>myapp articles</title>
    <link rel="stylesheet" href="{% static 'css/my.css' %}">
</head>
    <body>
        <div>
            <h1><a href="/">Home</a></h1>
                {% block content %}
                {% endblock %}
        </div>
    </body>
</html>

創建article_list.html擴展基礎模板

{% extends 'base.html' %}
{% block content %}
<!-- 只有管理員才能發貼 -->
    {% if user.is_authenticated %}
        <a href="{% url 'new' %}">Click here to post new article</a>
    {% endif %}
<!-- 只有管理員才能發貼 -->
{% for post in posts %}
    <div>
        <h1>{{ post.title }}</h1>
        <p>published: {{ post.published_date }}</p>
        <p>{{ post.text|linebreaksbr }}</p>
    </div>
{% endfor %}
{% endblock %}ock %}

2、表單頁,用于提交數據

1)建立路由,urls.py中添加

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index),
    path('hello/', views.hello),
    path('list/', views.article_list),
    path('new/', views.article_new, name='new'), # 起名字,在模板語言中可以用url 'new'引用
]

2)視圖處理

表單,創建一個文件forms.py放在myApp目錄下。

from django import forms
from .models import Article

class PostForm(forms.ModelForm):
    class Meta:
        model = Article
        fields = ('title', 'text',)

修改views.py

from django.shortcuts import render
from django.http import HttpResponse, HttpResponseRedirect
from django.utils import timezone
from .models import Article
from .forms import PostForm
#...
def article_new(request):
    if request.method == "POST":
        form = PostForm(request.POST)
        if form.is_valid():
            post = form.save(commit=False)
            post.author = request.user
            post.published_date = timezone.now()
            post.save()
            return HttpResponseRedirect('/list')
    else:
        form = PostForm()
        return render(request, 'article_new.html', {'form': form})

3)模板article_new.html

{% extends 'base.html' %}
{% block content %}
    <h1>New Article</h1>
    <form method="POST" class="post-form">
        {% csrf_token %}
        {{ form.as_p }}
        <button type="submit" class="save btn btn-default">Save</button>
    </form>
{% endblock %}

四、使用Django RESTful Framework做API

1、Serializers

要定義序列化器。創建一個名為myApp/serializers.py的新模塊。目前這部分是個黑箱還沒有研究,以下代碼似乎可以正常運行:

from django.contrib.auth.models import User, Group
from .models import Article
from rest_framework import serializers


class ArticleSerializer(serializers.ModelSerializer):
    class Meta:
        model = Article
        fields = ['title', 'text', 'author']


class UserSerializer(serializers.ModelSerializer):
    articles = ArticleSerializer(many=True, read_only=True)

    class Meta:
        model = User
        fields = ['url', 'username', 'email', 'groups', 'articles']


class GroupSerializer(serializers.ModelSerializer):
    users = serializers.StringRelatedField(many=True)

    class Meta:
        model = Group
        fields = ['url', 'name', 'users']

2、Views

打開myApp/views.py新增代碼:

########################################################################
# 以下為RESTful framework所用
from rest_framework import viewsets
from django.contrib.auth.models import User, Group
from .serializers import ArticleSerializer, UserSerializer, GroupSerializer


class UserViewSet(viewsets.ModelViewSet):
    """    API endpoint that allows users to be viewed or edited.    """
    queryset = User.objects.all().order_by('-date_joined')
    serializer_class = UserSerializer


class GroupViewSet(viewsets.ModelViewSet):
    """    API endpoint that allows groups to be viewed or edited.    """
    queryset = Group.objects.all()
    serializer_class = GroupSerializer


class ArticleViewSet(viewsets.ModelViewSet):
    queryset = Article.objects.all().order_by('-published_date')
    serializer_class = ArticleSerializer

不是分開寫多個視圖,分組所有常見的行為成稱為 ViewSets 的類。可以把這些分成單個的views, 但使用viewsets可保持視圖邏輯很好地組織以及非常簡潔。

3、路由url

設置API URLs路由到myPrj/urls.py...

from rest_framework import routers

router = routers.DefaultRouter()
router.register(r'users', views.UserViewSet)
router.register(r'groups', views.GroupViewSet)
router.register(r'articles', views.ArticleViewSet)
# Additionally, we include login URLs for the browsable API.
urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('Apps.myApp.urls')),
    # path('', views.index),
    path('api/', include(router.urls)),
    path('api-auth/', include('rest_framework.urls', namespace='rest_framework'))
]

使用viewsets代替views,可以通過用一個路由類注冊viewsets為API自動生成URL conf。
同時如果對API URLs需要更多的控制,可以簡單地使用常規的views并明確地寫URL conf。
這里為browsable API包含了默認的登入登出veiws,這是可選的,但對于Browsable API需要認證時很有用。

4、分頁

每個頁面分頁允許控制多少個對象返回。它添加以下行到settings.py

REST_FRAMEWORK = {
    'DEFAULT_PAGINATION_CLASS': 'rest_framework.pagination.PageNumberPagination',
    'PAGE_SIZE': 10
}

5、配置Settings

添加 'rest_framework' to INSTALLED_APPS.。設置settings.py

INSTALLED_APPS = [    ...    'rest_framework',]

6、測試API(容器內,容器外使用8080端口)

$ curl -H 'Accept: application/json; indent=4' -u root:Root123456 http://127.0.0.1:8000/api/articles/
{
    "count": 5,
    "next": null,
    "previous": null,
    "results": [
        {
            "title": "test4",
            "text": "test4",
            "author": 1
        },
        {
            "title": "test3",
            "text": "test3",
            "author": 1
        },
        {
            "title": "test2",
            "text": "test2",
            "author": 1
        },
        {
            "title": "test1",
            "text": "test1",
            "author": 1
        },
        {
            "title": "test6",
            "text": "test6",
            "author": 1
        }
    ]
}

或直接通過瀏覽器,通過訪問URLhttp://127.0.0.1:8080/api/articles/.(容器外部)..

五、使用git做版本控制

$ git init
Initialized empty Git repository in ~/djangogirls/.git/#建立git倉庫
$ git config --global user.name "Your Name"
$ git config --global user.email you@example.com

建立.gitignore文件用于git忽略一些文件

*.pyc
__pycache__
myvenv
db.sqlite3
mysql_data

可以使用git status來查看
然后做添加并確認準備上傳到github的文件

$ git add --all .
$ git commit -m "My Django app, first commit"

創建gitee倉庫myApp(不要初始化否則與本地不同步),拷貝github倉庫接口 https://gitee.com/njbinbin/myApp.git
連接本地git倉庫和github倉庫,上傳本地git倉庫代碼到github倉庫使用push
連接本地git倉庫和github倉庫

$ git remote add origin https://gitee.com/njbinbin/myApp.git

上傳本地git倉庫到github倉庫

$ git push -u origin master
# 后續更新倉庫
git status
git add --all .
# 綠色顯示準備上傳文件
git status
git commit -m "Some messages."
# 上傳到github倉庫
git push

六、小結

面向任務完成的工作,面對兩個龐大的框架,其實完全不了解其ORM,Serializer的機制,憑網上幾個例子去猜丟什么樣的代碼進去會生成什么樣的數據庫結構,吐出來什么樣的JSON。框架的學習比語言本身要難多了,尤其是不知道設計者的思想,不知道其創造出來的各種新術語,借用的各種模式目的是解決什么問題。而從quickstart開始的文檔和網上各種文章,往往就是人云亦云地丟一段代碼證明跑通了這個任務。動不動就Talk is cheap, show me the code。。。我倒是覺得多些Talk剖析一下原理與設計思路,比秀一段能跑的代碼強得多。
另外,上面的例子只能證明框架按基本的模式可以運行了,認證和安全性相關的機制也沒有考慮,因為我還沒看到那么細的資料。這個DEMO不能作為一個新項目的起點。
有時間研究下Flask,據說相對簡潔。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,572評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,071評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,409評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,569評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,360評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,895評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,979評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,123評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,643評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,559評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,742評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,250評論 5 356
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 43,981評論 3 346
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,363評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,622評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,354評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,707評論 2 370

推薦閱讀更多精彩內容

  • PythonWeb框架要點、Django介紹、工程搭建、配置、靜態文件與路由 1.Python Web 框架要點 ...
    Cestine閱讀 1,531評論 0 6
  • Django的來歷:python開發的! long long long years ago!勞倫斯出版集團新聞 網...
    JAguys閱讀 351評論 0 0
  • 一、Django簡介 Django是用Python開發的一個免費開源的Web框架,可以用于快速搭建高性能,優雅的網...
    仙靈兒閱讀 3,475評論 0 5
  • 1, 序列化 Serialization 創建一個新環境 在做其他事之前,我們會用virtualenv創建一個新的...
    光著腳的鞋閱讀 700評論 0 1
  • 已經同步到gitbook,想閱讀的請轉到gitbook: Django 1.10 中文文檔 Writing you...
    leyu閱讀 650評論 1 1