Django新手圖文入門教程

時間  2020-10-04
標籤 html 前端 python jquery web sql 數據庫 django vim 後端 欄目 Python 简体版
原文   原文鏈接

轉載需註明來源！html

本文面向有一些的Python基礎，但剛接觸web框架的Django初學者。前端

環境：Windows10 　　Python3.6 　　Pycharm2018 　　Django 2.1版　　pip3python

1、Django簡介

百度百科：一個開放源代碼的Web框架，由Python語言編寫......jquery

重點：一個大而全的框架，啥都替你考慮好了。web

1. web框架介紹

具體介紹Django以前，必須先介紹Web框架的概念。sql

Web框架： 別人已經設定好的一個Web網站模板，你學習它的規則，而後「填空」或「修改」成你本身須要的樣子。數據庫

通常Web框架的架構是這樣的：django

其它基於Python的Web框架，如Tornado、Flask、Webpy都是在這個範圍內進行增刪裁剪的。例如Tornado用的是本身的異步非阻塞通訊協議，Flask則只提供了最精簡和基本的框架，Django直接使用WSGI通訊協議，並實現了大部分Web應用相關的功能。vim

2. MVC/MTV介紹

MVC:後端

百度百科：全名Model View Controller，是模型(model)－視圖(view)－控制器(controller)的縮寫，一種軟件工程典範，用業務邏輯、數據、界面顯示分離的方法組織代碼，將業務邏輯彙集到一個部件裏面，在改進和個性化定製界面及用戶交互的同時，不須要從新編寫業務邏輯。

通俗解釋：一種代碼和文件的組織和管理形式！不要被縮寫嚇到了，這其實就是把代碼分散到不一樣的文件中，把不一樣類型的文件又放到不一樣目錄下的一種作法，而後取了個高大上的名字。固然，它帶來的好處有不少，好比先後端分離，鬆耦合等等，在使用中你慢慢體會就會逐漸明白它。

其中：

  • 模型(model)：定義數據庫相關的內容，通常放在models.py文件中。

  • 視圖(view)：定義HTML等靜態網頁文件相關，也就是那些HTML、CSS、JS等前端的東西。

  • 控制器(controller)：定義業務邏輯相關，就是你的主要代碼。　　

MTV:

Django以爲MVC的字面意思很彆扭，不太符合它的理念，就給它改了一下。view再也不是HTML相關，而是主業務邏輯V了，至關於控制器。HTML被放在Templates中，稱做模板T，因而MVC就變成了MTV。這其實就是一個文字遊戲，和MVC本質上是同樣的，換了個名字和叫法而已，換湯不換藥。

3. Django的MTV模型組織

目錄分開，就必須有機制將他們在內裏進行耦合。在Django中，典型的業務流程以下圖所示：

2、Django項目實例

1. 程序安裝

Python3.六、pip3及Pycharm請自行安裝。

（1）安裝Django：

這裏只介紹較爲簡單的pip3命令安裝方式。

win+r，調出cmd，運行命令pip3 install django，自動安裝Pypi提供的最新版本。

安裝過程以下圖所示：

C:\Windows\system32>pip3 install django
Collecting django
  Using cached https://files.pythonhosted.org/packages/51/1a/e0ac7886c7123a03814178d7517dc822af0fe51a72e1a6bff26153103322/Django-2.1-py3-none-any.whl
Collecting pytz (from django)
  Using cached https://files.pythonhosted.org/packages/30/4e/27c34b62430286c6d59177a0842ed90dc789ce5d1ed740887653b898779a/pytz-2018.5-py2.py3-none-any.whl
Installing collected packages: pytz, django
  The script django-admin.exe is installed in 'c:\program files\python36\Scripts' which is not on PATH.
  Consider adding this directory to PATH or, if you prefer to suppress this warning, use --no-warn-script-location.
Successfully installed django-2.1 pytz-2018.5

注意：

  • 建議升級一下pip3，命令python -m pip install --upgrade pip
  • 若是你之前安裝過django，則會使用先前緩存的安裝文件
  • 使用cmd，請以管理員身份運行，不然可能出現權限問題

（2）配置系統環境

成功安裝Django後，在下圖中的路徑可找到django-admin.exe文件，將它加入操做系統環境變量中。這樣之後調用會比較方便。

運行django-admin help，能看到下面的內容表示安裝過程OK。

或者進入Python交互式環境（注意必定要進入剛纔安裝了Django的Python解釋器），按下面所示查看安裝版本：

>>> import django
>>> django.get_version()
2.1

再或者使用pip list命令，查看是否存在Django模塊。

2. 建立Django項目

在Linux等命令行界面下，使用Django提供的命令和vim也能進行項目開發。可是這裏推薦使用Pycharm這個目前最好的Python開發IDE，它功能強大，界面友好。（下面全部的操做都在Pycharm中進行。）

點擊file-->new project，出現下面的對話框。

選擇Django欄目，輸入項目名稱，這裏採用國際慣例的mysite。選擇先前安裝好Django2.1的Python解釋器版本，點擊create建立。（注：這裏暫不考慮虛擬環境問題）

選擇open in current window，在當前窗口打開。

Django將自動生成下面的目錄結構：

與項目同名的mysite目錄中是項目核心文件。templates目錄是HTML文件存放處（這是Pycharm安利給咱們的），也就是MTV中的T。manage.py是Django項目管理文件。

3. 建立APP

在每一個Django項目中能夠包含多個APP，至關於一個大型項目中的分系統、子模塊、功能部件等等，相互之間比較獨立，但也能夠有聯繫。全部的APP共享項目資源。

在Pycharm下方的Terminal終端中輸入命令：

python manage.py startapp login

這樣就建立了一個叫作login的APP，django自動生成「login」文件夾，及一系列文件：

4. 編寫路由

路由是瀏覽器輸入url，在Django服務器響應url的轉發中心。路由都寫在urls文件裏，它將瀏覽器輸入的url映射到相應的業務處理邏輯也就是視圖。簡單的urls編寫方法以下圖：

5. 編寫視圖函數

路由轉發用戶請求到視圖函數。視圖函數處理用戶請求，也就是編寫業務處理邏輯，通常都在views.py文件裏。咱們下面寫一個簡單的視圖函數：

經過上面兩個步驟，咱們將index這個url指向了views裏的index()視圖函數，它接收用戶請求，並返回一個「hello world」字符串。

6. 運行web服務

如今咱們已經能夠將web服務運行起來了。

命令行的方式是：

python manage.py runserver 127.0.0.1:8000

但在Pycharm中，你能夠這麼幹，在上部工具欄中找到下面圖示的圖標。

點擊下拉箭頭：

點擊edit configurations:

在host中填入127.0.0.1，port中填入8000。

OK肯定以後，點擊綠色的三角，web服務就運行起來了。

而後按下圖所示點擊連接：

自動跳轉到瀏覽器程序界面。顯示的倒是下圖的404頁面：

修改一下url，添加「/index/」，就一切ok了！

能夠看到咱們的'Hello World!'歡迎詞了！

至此，一個最簡單的Django編寫的web服務就啓動成功了。

7. 返回HTML文件

上面咱們返回給用戶瀏覽器的是什麼？一個字符串！實際上這確定不行，一般咱們都是將HTML文件返回給用戶。

下面，咱們在templates目錄中新建一個index.html文件：

代碼以下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <h1 style="background-color: antiquewhite;color: black">Hello World!</h1>
</body>
</html>

再修改一下views文件：

爲了讓django知道咱們的HTML文件在哪裏，須要修改settings文件的相應內容。但默認狀況下，它正好適用，你無需修改。

接下來，咱們能夠從新啓動web服務。在瀏覽器刷新一下，你會看到帶有樣式的「Hello World」。

注：這裏有個小技巧，在屢次頻繁重啓服務時，因爲端口未釋放的緣由，容易啓動不了服務，修改一下端口就OK了。

8. 使用靜態文件

咱們已經能夠將HTML文件返還給用戶了，可是這還不夠，前端三大塊HTML、CSS、JavaScript，還有各類插件，它們齊全才是一個完整的頁面。在Django中，通常將這些靜態文件放在static目錄中。

接下來，在mysite中新建一個static目錄。

你的CSS、JS和各類插件均可以放置在這個目錄裏。好比這裏，咱們又在static下新建了一個js目錄，而後拷貝了一個jquery-3.2.1.min.js進來：

爲了讓Django知道這個static目錄的存在，並可以找到這個目錄，須要對settings進行配置：

如今，咱們就能夠在index.html中引入js文件了：

從新啓動web服務，刷新瀏覽器，查看結果。固然，你啥都看不出來，由於僅僅引入了一個jqurey而已，-.

9. 接收用戶發送的數據

前面，咱們將一個要素齊全的HTML文件返還給了用戶瀏覽器。但這還不夠，由於web服務器和用戶之間沒有動態交互。

下面咱們設計一個表單，讓用戶輸入用戶名和密碼，提交給index這個url，服務器將接收到這些數據。

先修改index.html文件。刪除原來的內容，寫入下面的內容：
　　

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首頁</title>
</head>
<body>
    <h1>用戶輸入：</h1>
    <form action="/index/" method="post">
        用戶名：<input type="text" name="username" /><br />
        密碼：<input type="password" name="password" /><br />
        <input type="submit" value="提交" />
    </form>
</body>
</html>

重啓web服務，刷新頁面，以下圖所示：

這時候咱們先不要往輸入框內輸入信息。咱們先修改views.py文件：

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

# Create your views here.


def index(request):
    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        print(username, password)
    return render(request, 'index.html')

重啓web服務，刷新index頁面，而後咱們隨便輸入點什麼東西，點擊提交，結果出現了下面的403頁面。

這是由於django有一個跨站請求保護機制，這須要咱們在index.html文件中加入一行{% csrf_token %}。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首頁</title>
</head>
<body>
    <h1>用戶輸入：</h1>
    <form action="/index/" method="post">
        {% csrf_token %}   <!--加入這行 --> 
        用戶名：<input type="text" name="username" /><br />
        密碼：<input type="password" name="password" /><br />
        <input type="submit" value="提交" />
    </form>
</body>
</html>

再次進入瀏覽器，刷新index頁面，輸入點東西，此次就能成功提交了，而後咱們在Pycharm中能夠看到print語句打印出來的相應數據了。

10. 返回動態頁面

如今，咱們收到了用戶的數據，但返回給用戶的依然是個靜態頁面。一般咱們會根據用戶的數據，進行處理後再返回給用戶。

先改造views.py文件：

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

# Create your views here.

user_list = []


def index(request):
    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        print(username, password)
        temp = {'user': username, 'pwd': password}
        user_list.append(temp)
    return render(request, 'index.html', {'data': user_list})

再改造index.HTML文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首頁</title>
</head>
<body>
    <h1>用戶輸入：</h1>
    <form action="/index/" method="post">
        {% csrf_token %}   <!--加入這行 -->
        用戶名：<input type="text" name="username" /><br />
        密碼：<input type="password" name="password" /><br />
        <input type="submit" value="提交" />
    </form>

    <h1>用戶展現：</h1>
        <table border="1">
            <thead>
                <tr>用戶名</tr>
                <tr>密碼</tr>
            </thead>
            <tbody>
                {% for item in data %}
                <tr>
                    <td>{{ item.user }}</td>
                    <td>{{ item.pwd }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
</body>
</html>

說明：Django採用本身的模板語言，相似jinja2，根據提供的數據，替換掉HTML中的相應部分，詳細語法入門後再深刻學習。

接下來，重啓服務，刷新瀏覽器，多輸入幾回。

能夠看到，咱們得到了用戶實時輸入的數據，並將它實時展現在了用戶頁面上，這是個不錯的交互過程。在Pycharm中，咱們也能看到每次輸入的數據。

11. 使用數據庫

流程走到這裏，django的MTV框架基本已經浮出水面了，只剩下最後的數據庫部分了。

上面咱們雖然和用戶交互得很好，但並無保存任何數據，頁面一旦關閉，或服務器重啓，一切都將回到原始狀態。

使用數據庫的需求是毫無疑問的，Django經過自帶的ORM框架操做數據庫，而且原生支持輕量級的sqlite3數據庫。下面咱們來看一看：

使用數據庫前，咱們須要註冊app：

不註冊它，你的數據庫就不知道該給哪一個app建立表。

而後咱們在settings中，配置數據庫相關的參數，若是使用sqlite3，則不須要作任何修改。

再編輯models.py文件，也就是MTV中的M。

from django.db import models

# Create your models here.


class UserInfo(models.Model):
    user = models.CharField(max_length=32)
    pwd = models.CharField(max_length=32)

這裏咱們建立了2個字段，分別保存用戶的名字和密碼。

接下來要在Pycharm的Teminal中經過命令建立數據庫的表了。有2條命令，分別是：

python manage.py makemigrations

這會在login目錄中的migrations目錄中生成一個0001_initial.py遷移記錄文件。

再輸入命令：

python manage.py migrate

運行結果以下：

D:\work\for_test\mysite>python manage.py migrate
Operations to perform:
  Apply all migrations: admin, auth, contenttypes, login, sessions
Running migrations:
  Applying contenttypes.0001_initial... OK
  Applying auth.0001_initial... OK
  Applying admin.0001_initial... OK
  Applying admin.0002_logentry_remove_auto_add... OK
  Applying admin.0003_logentry_add_action_flag_choices... OK
  Applying contenttypes.0002_remove_content_type_name... OK
  Applying auth.0002_alter_permission_name_max_length... OK
  Applying auth.0003_alter_user_email_max_length... OK
  Applying auth.0004_alter_user_username_opts... OK
  Applying auth.0005_alter_user_last_login_null... OK
  Applying auth.0006_require_contenttypes_0002... OK
  Applying auth.0007_alter_validators_add_error_messages... OK
  Applying auth.0008_alter_user_username_max_length... OK
  Applying auth.0009_alter_user_last_name_max_length... OK
  Applying login.0001_initial... OK
  Applying sessions.0001_initial... OK

這樣，咱們就在數據庫中將全部app的數據表都建立好了。咱們能夠看到項目根目錄下出現了一個db.sqlite3文件：

如今，咱們來修改views.py中的業務邏輯

from django.shortcuts import render
from login import models  # 導入models文件

# Create your views here.


def index(request):

    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        # 將數據保存到數據庫
        models.UserInfo.objects.create(user=username, pwd=password)

    # 從數據庫中讀取全部數據，注意縮進
    user_list = models.UserInfo.objects.all()
    return render(request, 'index.html', {'data': user_list})

重啓web服務後，刷新瀏覽器頁面，以後和用戶交互的數據都能保存到數據庫中。任什麼時候候均可以從數據庫中讀取數據，展現到頁面上，不會由於服務器中途關閉，丟失先前的數據了。

至此，一個要素齊全，主體框架展現清晰的Django項目完成了，其實很簡單是否是？

3、 Django使用總結

Django做爲Python必學Web框架，它的功能強大，內容全面，但同時也意味着限制頗多，靈活性低，可修改性差，這就是魚和熊掌不可兼得了。咱們學習Django，其實就是在學習一個軟件，首先要理解它的基本原理，把握它的總體框架，牢記一些基本規則，剩下的就是不斷深刻細節，而後熟能生巧、經驗多少的問題了，不存在多高深的不可掌握的技術。

最後，原創不易，版權全部，轉載需受權。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程