PyCharm實現（Django的模型、表單、管理工具、引入靜態文件）

時間 2020-04-19

標籤 pycharm 實現 django 模型表單管理工具引入靜態文件欄目 Python 简体版

原文原文鏈接

1、Django 模型（PyCharm實現）

Django 對各類數據庫提供了很好的支持，包括：PostgreSQL、MySQL、SQLite、Oracle。css

Django 爲這些數據庫提供了統一的調用API。咱們能夠根據本身業務需求選擇不一樣的數據庫。html

MySQL 是 Web 應用中最經常使用的數據庫。本章節咱們將以 Mysql 做爲實例進行介紹。你能夠經過本站的 MySQL 教程瞭解更多Mysql的基礎知識。python

若是你沒安裝 mysql 驅動，能夠執行如下命令安裝：mysql

sudo pip install mysqlclient  #較慢
pip install -i https://pypi.douban.com/simple/  mysqlclient  #較快

一、PyCharm建立Django

二、數據庫配置

咱們在項目的 settings.py 文件中找到 DATABASES 配置項，將其信息修改成：git

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',  # 或者使用 mysql.connector.django
        'NAME': 'test',
        'USER': 'root',
        'PASSWORD': '123456',
        'HOST':'localhost',
        'PORT':'3306',
    }
}

這裏添加了中文註釋，因此你須要在 HelloWorld/settings.py 文件頭部添加 # -*- coding: UTF-8 -*-。web

上面包含數據庫名稱和用戶的信息，它們與 MySQL 中對應數據庫和用戶的設置相同。Django 根據這一設置，與 MySQL 中相應的數據庫和用戶鏈接起來。sql

三、定義模型

建立 APP

Django規定，若是要使用模型，必需要建立一個app。咱們使用如下命令建立一個 TestModel 的 app:數據庫

django-admin startapp TestModel

目錄結構以下：django

HelloWorld
|-- TestModel
|   |-- __init__.py
|   |-- admin.py
|   |-- models.py
|   |-- tests.py
|   `-- views.py

咱們修改 TestModel/models.py 文件，代碼以下：瀏覽器

# models.py
from django.db import models

class Test(models.Model):
    name = models.CharField(max_length=20)

以上的類名錶明瞭數據庫表名，且繼承了models.Model，類裏面的字段表明數據表中的字段(name)，數據類型則由CharField（至關於varchar）、DateField（至關於datetime）， max_length 參數限定長度。

接下來在settings.py中找到INSTALLED_APPS這一項，以下：

INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'TestModel',               # 添加此項
)

在命令行中運行：

$ python manage.py migrate   # 建立表結構
//失敗了可用python3 manage.py migrate

$ python manage.py makemigrations TestModel  # 讓 Django 知道咱們在咱們的模型有一些變動
$ python manage.py migrate TestModel   # 建立表結構

看到幾行 "Creating table…" 的字樣，你的數據表就建立好了。

建立好了以後可在Navicat for MySQL查看到：

Creating tables ...
……
Creating table TestModel_test  #咱們自定義的表
……

表名組成結構爲：應用名_類名（如：TestModel_test）。

注意：儘管咱們沒有在models給表設置主鍵，可是Django會自動添加一個id做爲主鍵。

四、數據庫操做

接下來咱們在 HelloWorld 目錄中添加 testdb.py 文件（下面介紹），並修改 urls.py：

from django.contrib import admin
from django.urls import path
from . import testdb

urlpatterns = [
    path('admin/', admin.site.urls),
    path('testdb/', testdb.testdb),
]

添加數據

添加數據須要先建立對象，而後再執行 save 函數，至關於SQL中的INSERT：

#HelloWorld/HelloWorld/testdb.py文件代碼
# -*- coding: utf-8 -*-

from django.http import HttpResponse

from TestModel.models import Test

# 數據庫操做
def testdb(request):
    test1 = Test(name='runoob')
    test1.save()
    return HttpResponse("<p>數據添加成功！</p>")

訪問 http://127.0.0.1:8000/testdb 就能夠看到數據添加成功的提示。

輸出結果以下：

數據庫可看到：

當瀏覽器每刷新一下，數據庫裏的信息就會增長一條。

2、從新建立一個Django

要提早把數據庫裏建立的表刪除

建立好以後運行一下這個項目

會自動跳到瀏覽器

一、若是你是按上面繼續作的，須要如下步驟：

（還原爲，原始狀態）

刪除test的表文件
刪除以前建立的XGPtest/XGPtest/testdb.py文件
XGPtest/TestModel/models.py文件內容刪除
註釋XGPtest/XGPtest/urls.py中關於testdb的內容
而後從新啓動

瀏覽器訪問http://127.0.0.1:8000/會和以前的界面同樣，有個小火箭！

刪除XGPtest/TestModel/migrations/0001_initial.py文件

二、從新生成表單

$ python manage.py migrate   # 建立表結構
//失敗了可用python3 manage.py migrate

$ python manage.py makemigrations TestModel  # 讓 Django 知道咱們在咱們的模型有一些變動
$ python manage.py migrate TestModel   # 建立表結構

三、models.py文件添加類型

#XGPtest/TestModel/models.py
from django.db import models

class Test(models.Model):
    name = models.CharField(max_length=20)

建立完成以後，數據庫中就生成testmodel_test表

四、XGPtest/XGPtest/urls.py中關於testdb的內容，解除註釋

from django.contrib import admin
from django.urls import path
from . import testdb

urlpatterns = [
    path('admin/', admin.site.urls),
    path('testdb/', testdb.testdb),
]

三、建立XGPtest/XGPtest/testdb.py測試文件

# -*- coding: utf-8 -*-

from django.http import HttpResponse

from TestModel.models import Test

# 數據庫操做
def testdb(request):
    test1 = Test(name='runoob')
    test1.save()
    return HttpResponse("<p>數據添加成功！</p>")

四、獲取數據

首先多訪問幾回http://127.0.0.1:8000/testdb生成數據

數據庫更改一下其中內容（隨意編寫）

Django提供了多種方式來獲取數據庫的內容，以下代碼所示：

#XGPtest/XGPtest/testdb.py#XGPtest/XGPtest/testdb.py 文件尾部添加
def getdb(request):
    # 初始化
    response = ""
    response1 = ""

    # 經過objects這個模型管理器的all()得到全部數據行，至關於SQL中的SELECT * FROM
    list = Test.objects.all()

    # filter至關於SQL中的WHERE，可設置條件過濾結果
    response2 = Test.objects.filter(id=1)

    # 獲取單個對象
    response3 = Test.objects.get(id=1)

    # 限制返回的數據 至關於 SQL 中的 OFFSET 0 LIMIT 2;
    # Test.objects.order_by('name')[0:2]

    # 數據排序
    Test.objects.order_by("id")

    # 上面的方法能夠連鎖使用
    Test.objects.filter(name="runoob").order_by("id")

    # 輸出全部數據
    for var in list:
        response1 += var.name + " "
    response = response1
    return HttpResponse("<p>" + response + "</p>")

XGPtest/XGPtest/urls.py文件添加

from django.contrib import admin
from django.urls import path
from . import testdb

urlpatterns = [
    path('admin/', admin.site.urls),
    path('testdb/', testdb.testdb),
    path('gitdb/', testdb.gitdb),         #添加
]

瀏覽器訪問https://www.runoob.com/django/django-model.html

五、更新數據

修改數據可使用 save() 或 update():

#XGPtest/XGPtest/testdb.py#XGPtest/XGPtest/testdb.py 文件尾部添加
def modify(request):
    # 修改其中一個id=1的name字段，再save，至關於SQL中的UPDATE
    test1 = Test.objects.get(id=1)
    test1.name = 'Google'
    test1.save()

    # 另一種方式
    #Test.objects.filter(id=1).update(name='Google')

    # 修改全部的列
    # Test.objects.all().update(name='Google')

    return HttpResponse("<p>修改爲功</p>")

XGPtest/XGPtest/urls.py文件添加

from django.contrib import admin
from django.urls import path
from . import testdb

urlpatterns = [
    path('admin/', admin.site.urls),
    path('testdb/', testdb.testdb),
    path('gitdb/', testdb.gitdb),         #添加
    path('modify/', testdb.modify), 
]

瀏覽器訪問http://127.0.0.1:8000/modify/

查看test數據庫testmodel_test表

六、刪除數據

刪除數據庫中的對象只需調用該對象的delete()方法便可：

#XGPtest/XGPtest/testdb.py#XGPtest/XGPtest/testdb.py 文件尾部添加
def del(request):
    # 刪除id=1的數據
    test1 = Test.objects.get(id=1)
    test1.delete()

    # 另一種方式
    # Test.objects.filter(id=1).delete()

    # 刪除全部數據
    # Test.objects.all().delete()

    return HttpResponse("<p>刪除成功</p>")

XGPtest/XGPtest/urls.py文件添加

from django.contrib import admin
from django.urls import path
from . import testdb

urlpatterns = [
    path('admin/', admin.site.urls),
    path('testdb/', testdb.testdb),
    path('gitdb/', testdb.gitdb),         #添加
    path('modify/', testdb.modify), 
    path('del/', testdb.del),
]

瀏覽器訪問http://127.0.0.1:8000/del

數據庫查看第一個數據是否刪除

3、Django 表單

HTML表單是網站交互性的經典方式。本章將介紹如何用Django對用戶提交的表單數據進行處理。

一、HTTP 請求

HTTP協議以"請求－回覆"的方式工做。客戶發送請求時，能夠在請求中附加數據。服務器經過解析請求，就能夠得到客戶傳來的數據，並根據URL來提供特定的服務。

二、GET 方法

咱們在以前的項目中建立一個 search.py 文件，用於接收用戶的請求：

#/HelloWorld/HelloWorld/search.py 文件代碼：
# -*- coding: utf-8 -*-

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

# 表單
def search_form(request):
    return render(request,'search_form.html',{})

# 接收請求數據
def search(request):
    request.encoding = 'utf-8'
    if 'q' in request.GET and request.GET['q']:
        message = '你搜索的內容爲: ' + request.GET['q']
    else:
        message = '你提交了空表單'
    return HttpResponse(message)

在模板目錄 templates 中添加 search_form.html 表單：

#/HelloWorld/templates/search_form.html 文件代碼：
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>xgp666</title>
</head>
<body>
<form action="/search" method="get">
    <input type="text" name="q">
    <input type="submit" value="搜索">
    </form>
</body>
</html>

可在瀏覽器打開是一個搜索框

urls.py 規則修改成以下形式：

#/HelloWorld/HelloWorld/urls.py 文件代碼：
from django.contrib import admin
from django.urls import path
from . import testdb
from . import search

urlpatterns = [
    path('admin/', admin.site.urls),
    path('testdb/', testdb.testdb),
    path('gitdb/', testdb.getdb),
    path('modify/', testdb.modify),
    path('del/', testdb.dl),
    path('search/', search.search),
    path('search-from/', search.search_form),
]

訪問地址 http://127.0.0.1:8000/search-form 並搜索，結果以下所示:

分析一下

三、POST 方法

上面咱們使用了GET方法。視圖顯示和請求處理分紅兩個函數處理。

提交數據時更經常使用POST方法。咱們下面使用該方法，並用一個URL和處理函數，同時顯示視圖和處理請求。

咱們在 templates 建立 post.html：

#/HelloWorld/templates/post.html 文件代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>xgp666</title>
</head>
<body>
    <form action="/search-post/" method="post">
        {% csrf_token %}
        <input type="text" name="q">
        <input type="submit" value="Submit">
    </form>

    <p>{{ rlt }}</p>
</body>
</html>

在模板的末尾，咱們增長一個 rlt 記號，爲表格處理結果預留位置。

表格後面還有一個{% csrf_token %}的標籤。csrf 全稱是 Cross Site Request Forgery。這是Django提供的防止假裝提交請求的功能。POST 方法提交的表格，必須有此標籤。

在HelloWorld目錄下新建 search2.py 文件並使用 search_post 函數來處理 POST 請求：

#/HelloWorld/HelloWorld/search2.py 文件代碼：
# -*- coding: utf-8 -*-

from django.shortcuts import render
from django.views.decorators import csrf

# 接收POST請求數據
def search_post(request):
    ctx ={}
    if request.POST:
        ctx['rlt'] = request.POST['q']
    return render(request, "post.html", ctx)

urls.py 規則修改成以下形式：

#/HelloWorld/HelloWorld/urls.py 文件代碼：
from django.contrib import admin
from django.urls import path
from . import testdb
from . import search
from . import search2

urlpatterns = [
    path('admin/', admin.site.urls),
    path('testdb/', testdb.testdb),
    path('gitdb/', testdb.getdb),
    path('modify/', testdb.modify),
    path('del/', testdb.dl),
    path('search/', search.search),
    path('search-from/', search.search_form),
    path('search-post/', search2.search_post),
]

訪問 http://127.0.0.1:8000/search-post 顯示結果以下：

4、Django Admin 管理工具

Django 提供了基於 web 的管理工具。

Django 自動管理工具是 django.contrib 的一部分。你能夠在項目的 settings.py 中的 INSTALLED_APPS 看到它：

#/HelloWorld/HelloWorld/settings.py 文件代碼：
INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
)

django.contrib是一套龐大的功能集，它是Django基本代碼的組成部分。

一、激活管理工具

一般咱們在生成項目時會在 urls.py 中自動設置好，咱們只需去掉註釋便可。

配置項以下所示：

#/HelloWorld/HelloWorld/urls.py 文件代碼：
from django.contrib import admin
from django.urls import path
from . import testdb
from . import search
from . import search2

urlpatterns = [
    path('admin/', admin.site.urls),
    path('testdb/', testdb.testdb),
    path('gitdb/', testdb.getdb),
    path('modify/', testdb.modify),
    path('del/', testdb.dl),
    path('search/', search.search),
    path('search-from/', search.search_form),
    path('search-post/', search2.search_post),
]

當這一切都配置好後，Django 管理工具就能夠運行了。

二、使用管理工具

啓動開發服務器，而後在瀏覽器中訪問 http://127.0.0.1:8000/admin/，獲得以下界面：

由於我如今是新建了個項目因此須要建立表結構：

$ python manage.py migrate   # 建立表結構
//失敗了可用python3 manage.py migrate

$ python manage.py makemigrations TestModel  # 讓 Django 知道咱們在咱們的模型有一些變動
$ python manage.py migrate TestModel   # 建立表結構

你能夠經過命令 python manage.py createsuperuser 來建立超級用戶，以下所示：

# python manage.py createsuperuser
Username (leave blank to use 'root'): admin
Email address: admin@runoob.com
Password:
Password (again):
Superuser created successfully.

以後輸入用戶名密碼登陸，界面以下：

models.py文件添加類型

#XGPtest/TestModel/models.py
from django.db import models

class Test(models.Model):
    name = models.CharField(max_length=20)

建立完成以後，數據庫中就生成testmodel_test表

爲了讓 admin 界面管理某個數據模型，咱們須要先註冊該數據模型到 admin。好比，咱們以前在 TestModel 中已經建立了模型 Test 。修改 TestModel/admin.py:

#HelloWorld/TestModel/admin.py: 文件代碼：
from django.contrib import admin
from. models import Test

# Register your models here.
admin.site.register(Test)

刷新後便可看到 Testmodel 數據表:

能夠簡單的添加、修改、刪除。

三、使用管理工具添加一個用戶

四、複雜模型

管理頁面的功能強大，徹底有能力處理更加複雜的數據模型。

先在 TestModel/models.py 中增長一個更復雜的數據模型：

from django.db import models

# Create your models here.
class Test(models.Model):
    name = models.CharField(max_length=20)

class Contact(models.Model):
    name   = models.CharField(max_length=20)
    age    = models.IntegerField(default=0)
    email  = models.EmailField()
    def __unicode__(self):
        return self.name

class Tag(models.Model):
    contact = models.ForeignKey(Contact, on_delete=models.CASCADE,)
    name    = models.CharField(max_length=50)
    def __unicode__(self):
        return self.name

這裏有兩個表。Tag 以 Contact 爲外部鍵。一個 Contact 能夠對應多個 Tag。

咱們還能夠看到許多在以前沒有見過的屬性類型，好比 IntegerField 用於存儲整數。

在 TestModel/admin.py 註冊多個模型並顯示：

from django.contrib import admin
from TestModel.models import Test,Contact,Tag

# Register your models here.
admin.site.register([Test, Contact, Tag])

刷新管理頁面，顯示結果以下：

在以上管理工具咱們就能進行復雜模型操做。

若是你以前還未建立表結構，可以使用如下命令建立：
$ python manage.py makemigrations TestModel  # 讓 Django 知道咱們在咱們的模型有一些變動
$ python manage.py migrate TestModel   # 建立表結構
**數據庫會生成新的表單testmodel tag和testmodel Contacts)

五、自定義表單

咱們能夠自定義管理頁面，來取代默認的頁面。好比上面的 "add" 頁面。咱們想只顯示 name 和 email 部分。修改 TestModel/admin.py:

#HelloWorld/TestModel/admin.py: 文件代碼：
from django.contrib import admin
from . models import Test,Contact,Tag

class ContactAdmin(admin.ModelAdmin):
    fields = ('name', 'email')

# Register your models here.
admin.site.register(Contact, ContactAdmin)
admin.site.register([Test, Tag])

以上代碼定義了一個 ContactAdmin 類，用以說明管理頁面的顯示格式。

裏面的 fields 屬性定義了要顯示的字段。

因爲該類對應的是 Contact 數據模型，咱們在註冊的時候，須要將它們一塊兒註冊。顯示效果以下：

咱們還能夠將輸入欄分塊，每一個欄也能夠定義本身的格式。修改 TestModel/admin.py爲：

from django.contrib import admin
from TestModel.models import Test, Contact, Tag

# Register your models here.
class ContactAdmin(admin.ModelAdmin):
    fieldsets = (
        ['Main', {
            'fields': ('name', 'email'),
        }],
        ['Advance', {
            'classes': ('collapse',),  # CSS
            'fields': ('age',),
        }]
    )

admin.site.register(Contact, ContactAdmin)
admin.site.register([Test, Tag])

上面的欄目分爲了 Main 和 Advance 兩部分。classes 說明它所在的部分的 CSS 格式。這裏讓 Advance 部分隱藏：

Advance 部分旁邊有一個 Show 按鈕，用於展開，展開後可點擊 Hide 將其隱藏，以下圖所示：

六、內聯(Inline)顯示

上面的 Contact 是 Tag 的外部鍵，因此有外部參考的關係。

而在默認的頁面顯示中，將二者分離開來，沒法體現出二者的從屬關係。咱們可使用內聯顯示，讓 Tag 附加在 Contact 的編輯頁面上顯示。

修改TestModel/admin.py：

from django.contrib import admin
from TestModel.models import Test, Contact, Tag

# Register your models here.
class TagInline(admin.TabularInline):
    model = Tag

class ContactAdmin(admin.ModelAdmin):
    inlines = [TagInline]  # Inline
    fieldsets = (
        ['Main', {
            'fields': ('name', 'email'),
        }],
        ['Advance', {
            'classes': ('collapse',),
            'fields': ('age',),
        }]

admin.site.register(Contact, ContactAdmin)
admin.site.register([Test, Tag])

顯示效果以下：

七、列表頁的顯示

在 Contact 輸入數條記錄後，Contact 的列表頁看起來以下:

咱們也能夠自定義該頁面的顯示，好比在列表中顯示更多的欄目，只須要在 ContactAdmin 中增長 list_display 屬性:

#HelloWorld/TestModel/admin.py: 文件代碼：
from django.contrib import admin
from TestModel.models import Test,Contact,Tag

# Register your models here.
class TagInline(admin.TabularInline):
    model = Tag

class ContactAdmin(admin.ModelAdmin):
    list_display = ('name','age', 'email') # list
    inlines = [TagInline]  # Inline
    fieldsets = (
        ['Main',{
            'fields':('name','email'),
        }],
        ['Advance',{
            'classes': ('collapse',),
            'fields': ('age',),
        }]

    )

admin.site.register(Contact, ContactAdmin)
admin.site.register([Test])

刷新頁面顯示效果以下：

搜索功能在管理大量記錄時很是有，咱們可使用 search_fields 爲該列表頁增長搜索欄：

#HelloWorld/TestModel/admin.py: 文件代碼：
from django.contrib import admin
from TestModel.models import Test,Contact,Tag

# Register your models here.
class TagInline(admin.TabularInline):
    model = Tag

class ContactAdmin(admin.ModelAdmin):
    list_display = ('name','age', 'email')
    search_fields = ('name',)               #search
    inlines = [TagInline]  # Inline
    fieldsets = (
        ['Main',{
            'fields':('name','email'),
        }],
        ['Advance',{
            'classes': ('collapse',),
            'fields': ('age',),
        }]

    )

admin.site.register(Contact, ContactAdmin)
admin.site.register([Test])

在本實例中咱們搜索了 name 爲xgp的記錄，顯示結果以下：

5、引入靜態文件

文件連接《連接: https://pan.baidu.com/s/133f0ypYOsAi8s8DdV_Uduw 提取碼: 4847》

須要將一些靜態資源引入項目，新建一個static目錄，能夠將js、css等文件放入這個目錄中：

一、urls.py 規則修改成以下形式：

from django.contrib import admin
from django.urls import path
from . import testdb
from . import search
from . import search2
from . import index

urlpatterns = [
    path('admin/', admin.site.urls),
    path('testdb/', testdb.testdb),
    path('gitdb/', testdb.getdb),
    path('modify/', testdb.modify),
    path('del/', testdb.dl),
    path('search/', search.search),
    path('search-from/', search.search_form),
    path('search-post/', search2.search_post),
    path('index/', index.index),
]

二、本目錄建立index.py文件

from django.shortcuts import render

def index(request):
    return render(request, 'index.html' ,{})

瀏覽器查看一下

三、須要讓Django找到這個目錄，須要在setting文件中進行配置：

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

四、修改一下index.html文件

在html文件中引入靜態資源：

把index.html文件中全部的image替換爲{{ STATIC_URL }}/image！

ctrl+F：替換

瀏覽器查看一下

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。