Django-C005-说说MVT之外的事情

柔情只为你懂 2021-11-23 16:56 190阅读 0赞

# 此文章完成度【100%】留着以后忘记的回顾。多写多练多思考，我会努力写出有意思的demo，如果知识点有错误、误导，欢迎大家在评论处写下你的感想或者纠错。  #

# 【Django version】: 2.1 #

# 【pymysql version】：0.9.3 #

# 【python version】: 3.7 #

# 【Pillow version】：6.0.0 #

# 常用 #

--------------------

###  到此为止，关于Django框架的三大块MVT已经告一段落，让我们扩充一些Django其他的功能，为了更好的完成开发，而努力吧 ###

### 主要知识点如下： ###

1.  ### 静态文件处理 ###
2.  ### 中间件 ###
3.  ### 上传图片 ###
4.  ### admin站点 ###
5.  ### 分页 ###
6.  ### 示例：省市区选择、jquery、ajax ###

### 接下来才是每天都最重要的环节，重复重复不断重复的创建项目：　　 ###

## 创建项目test5 ##

django-admin startproject test5

## 进入到项目目录test5,创建应用school ##

cd test5
    python manage.py startapp school

## 在test5下的settings中的INSTALLED\_APPS中注册应用 ##

INSTALLED_APPS = [
        'django.contrib.admin',
        'django.contrib.auth',
        'django.contrib.contenttypes',
        'django.contrib.sessions',
        'django.contrib.messages',
        'django.contrib.staticfiles',
        'school',
    ]

## 在test5下的settings中的DATABASES中指定数据库引擎，并配置 ##

DATABASES = {
        'default': {
            'ENGINE': 'django.db.backends.mysql',
            'NAME': 'school',
            'USER': 'root',
            'PASSWORD': 'toor',
            'HOST': 'localhost',
            'PORT': 3306,
        }
    }

## 在test5下的settings中的TEMPLATS中添加模板路径 ##

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',
                ],
            },
        },
    ]

## 创建模板目录，并将所有school的html添加到school这个文件夹中 ##

![1473186-20190628234803223-851616900.png][]

## 在test5下的urls.py，添加url配置指向到school应用下的urls.py中 ##

from django.contrib import admin
    from django.urls import path, include
    
    app_url_patterns = ('school.urls', 'school')
    
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('', include(app_url_patterns, namespace='school')),
    ]

## 在school应用下创建urls.py 并且添加index测试路径 ##

from django.urls import re_path, include
    from . import views
    urlpatterns=[
        re_path(r'^$', views.index, name='index'),
    ]

## 在school应用下的views.py中创建index视图 ##

from django.shortcuts import render
    
    def index(request):
        return render(request, 'school/index.html')

## 在模板templates/school目录下创建index.html ##

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>常用技术练习</title>
    </head>
    <body>
        <h1>常用技术练习</h1>
    </body>
    </html>

## 在应用school下的模型models.py中定义AreaInfo ##

#  静态文件 #

--------------------

### 项目中的CSS、图片、js都是静态文件。一般会将静态文件放到一个单独的目录中，以方便管理。在html页面中调用，也需要指定静态文件的路径，django中提供了一个解析的方式配置静态文件路径。静态文件可以放在项目根目录下，也可以放在应用的目录下， 由于有些静态文件在项目中是通用，所以推荐放在项目的根目录下、方便使用。  ###

## 创建静态文件存放目录 ，这里选择的是在项目的根目下创建，并且分别常见css、js、img目录 ##

![1473186-20190629003108274-36243319.png][]

## 在应用下的urls.py中创建img\_static的url规则 ##

from django.urls import re_path, include
    from . import views
    
    
    urlpatterns=[
        re_path(r'^$', views.index, name='index'),
        re_path(r'^img_static$', views.img_static),
    ]

## 在视图views.py中定义img\_static视图函数 ##

from django.shortcuts import render
    
    ...
    
    def img_static(request):
        return render(request, 'school/img_static.html')

## 在templates/school下创建img\_static.html ##

{% load static %}
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <img src="{% static 'img/cat.jpg'%}">
        <img src="static/img/cat.jpg">
    </body>
    </html>

## 当然这些还是不够的，最重要的一步就是，在test5/settings文件中配置路径 ##

STATIC_URL = '/static/'
    
    STATICFILES_DIRS = [
        os.path.join(BASE_DIR, 'static'),
    ]

## 保存图片到static/img/目录下 ##

![1473186-20190629010923377-759137022.jpg][]

## 访问127.0.0.1:8000/img\_static,两个img标签的图片都显示在浏览器中，所以这两种写路径的方式都可以。 ##

![1473186-20190629010455759-1784975629.png][]

## 配置静态文件 ##

### Django提供了一种配置，可以在html页面中隐藏真是路径 ###

## <1> 在test5/settings.py中修改STATIC\_URL项 ##

# STATIC_URL = '/static/'
    STATIC_URL = '/abc/'

### 再次访问127.0.0.1:8000/img\_static，可以看出动态获取的还是可以显示，但是静态写入的地址就不能生效了 ###

![1473186-20190629011601477-136993010.png][]

### 为了安全考虑可以通过配置项隐藏真实图片路径 ###

### 注意：这种方案可以隐藏真实的静态文件路径，但是结合Nginx布署时，会将所有的静态文件都交给Nginx处理，而不用转到Django部分，所以这项配置就无效了。 ###

## 如果你想禁用一些非法操作的用户，那么你需要怎么呢？ ##

## 当然就是获取用户的IP将它废掉，那么如何获取IP呢，我就不再罗嗦 ##

# 获取浏览器端的IP地址
    # 使用request对象的META属性
    request.META['REMOTE_ADDR']

# 既然要封其IP，断其连接，那就是我们应用下的所有网页都不允许访问，我们这就可以写成一个函数装饰器 #

## 在视图中views.py 定义装饰器函数 ##

from django.shortcuts import render
    from django.http import HttpResponse
    
    # 禁用的IP列表
    EXCLUDE_IPS = ['192.168.3.5']  # 这个ip是我自己的，
    
    def blocked_ips(view_func):
        """阻止访问IP的装饰器函数"""
        def wrapper(request, *view_args, **view_kwargs):
            user_ip = request.META['REMOTE_ADDR']  # 获取用户的ip
            if user_ip in EXCLUDE_IPS:
                            # 直接返回一个response页面给他
                return HttpResponse('<h1>禁用访问111</h1>')
            return view_func(request, *view_args, **view_kwargs)
        return wrapper 
    
    # 将所有禁止访问的页面都添加一个函数装饰器
    @blocked_ips  # 阻止IP访问的函数装饰器
    def index(request):
        user_ip = request.META['REMOTE_ADDR']
        return render(request, 'school/index.html')

##  访问127.0.0.1:8000 因为禁止的是我自己ip，所以成功得到了禁止访问111 ##

![1473186-20190629153602813-411614927.png][]

## 那么你会说这依然还是很麻烦。那么就让我们学习一下中间件，看看他当中是否有能解决，我们这个问题的能力 ##

# 中间件 #

--------------------

### Django中的中间件是一个轻量级、底层的插件系统，可以介入Django的请求和响应处理过程，修改Django的输入或输出。中间件的设计为开发者提供了一种无侵入式的开发方式，增强了Django框架的健壮性，其他的MVC框架也有这个功能，名称为IoC。 ###

## ##

## >>> : 接下来是插播，理解不深也不用着急，下面会有更全面的解释  ##

### 那么接下来说人话，就好比刚才用函数装饰器来阻断一个ip的访问，我们会在他访问每一个页面的时候返回一个response给他。所以他看到的是我们准备给他的一个针对他的页面。如果启用中间件的话，就比那个简单得多了，首先应用好比一个大楼，在发来请求的时候，在访问视图之前，在通过url匹配之后，我们准备函数阻断他的行为，这样就不需要在每一个函数上给装了一个防盗门（装饰器），就好比直接在大楼外安插了一个保安对每一个违规请求者， 在直接拒绝在大门外，之后的扩展的新视图函数也不需要依次添加装饰器。 ###

### <1> 将之前的装饰器注释掉，或者删除掉，因为你了解了这个方法，就不会在管那些装饰器啥啥的。 ###

### <2> 在school应用下创建一个中间件名字叫middleware.py的文件，并在里面创建一个BlankedIPMiddleware这个中间件类  ###

< 2-1 > 简单的讲解一下，先从我们导入的这个类说起 【from django.utils.deprecation import MiddlewareMixin】，为啥是它，因为NB，为啥NB，Django提供了 **django.utils.deprecation.MiddlewareMixin** 来简化中间件类的创建，这些中间件类同时兼容 **MIDDLEWARE 和 旧的MIDDLEWARE\_CLASSES**。所以我们这里就继承自**MiddlewareMixin**

**在school目录下创建middleware.py文件**

from django.http import HttpResponse
    from django.utils.deprecation import MiddlewareMixin
    
    
    class BlockedIPMiddleware(MiddlewareMixin):
    　　"""阻断ip访问的中间件类"""
        EXCLUDE_IPS = ['192.168.3.5','127.0.0.1']  # 定义一个类属性，来记录所有阻止访问的IP
    　　
    　　 # 处理视图前，url匹配成功后，调用。
        # 返回None就会继续接下来的操作，什么都没有发生一样或直接返回HttpResponse对象阻断那些不友好者
        def process_view(self, request, view_func, *view_args, **view_kwargs):
            user_ip = request.META['REMOTE_ADDR']  # 获取当前的浏览器提交的IP
            if user_ip in BlockedIPMiddleware.EXCLUDE_IPS:  
                return HttpResponse('<h1>通过中间件禁止访问</h1>')

### <3>在test5/settings中注册中间件 ###

MIDDLEWARE = [
        'django.middleware.security.SecurityMiddleware',
        'django.contrib.sessions.middleware.SessionMiddleware',
        'django.middleware.common.CommonMiddleware',
        'django.middleware.csrf.CsrfViewMiddleware',
        'django.contrib.auth.middleware.AuthenticationMiddleware',
        'django.contrib.messages.middleware.MessageMiddleware',
        'django.middleware.clickjacking.XFrameOptionsMiddleware',
        'school.middleware.BlockedIPMiddleware',  # 注册中间件
    ]

### <4>访问12.0.0.1:8000 ###

![1473186-20190629163305432-349976821.png][]

# #

## 每个中间件组件都负责执行一些特定的功能，例如，Django中包含的一个中间件组件，AuthenticationMiddleware它将用户与使用的请求会话关联起来。接下来我将讲解一下中间件的工作原理，如何注册中间件，你如何创建自己的中间件，Django有一些内置的中间件，您可以立即使用它们，他们已经设置在settings中的MIDDLEWARE中，并且后续需要注册的中间件也在这里： ##

## 中间件将获取一个get\_response 然后返回一个中间件，它接受请求并返回响应，就像视图一样。例如： ##

def simple_middleware(get_response):
        # 只初始化一次
    
        def middleware(request):
            # 这里的代码会在每一个请求之前执行
            # 调用视图(和之后的中间件)
    
            response = get_response(request)
    
            # 这里的代码会在请求/响应之后执行
            # 视图已经被调用
    
            return response
    
        return middleware

## 或者他也可以写成一个类 ##

class SimpleMiddleware:
        def __init__(self, get_response):
            self.get_response = get_response
            # 只初始化一次
    
        def __call__(self, request):
            # 这里的代码会在每一个请求之前执行
            # 调用视图(和之后的中间件)
    
            response = self.get_response(request)
    
            # 这里的代码会在请求/响应之后执行
            # 视图已经被调用
    
            return response

## 初始化：必须只有get\_response参数，你也可以使用中间件初始化一些全局状态。请注意这两点： ##

*  Django的get\_response只是来初始化你的中间件，不能在这里定义其他参数
 *  当Web应用运行时，\_\_init\_\_() 只被调用一次
    
        def __init__(self, get_response):
            self.get_response = get_response

## 在请求阶段，在调用视图之前，Django按中间件中定义的顺序自上向下定义中间件。您可以把它看作是一个洋葱:每个中间件类都是一个“层”，它们包裹在视图之外，视图位于洋葱的核心。如果请求通过洋葱的所有层(每个层都调用get\_response将请求传递到下一层)，一直传递到核心视图，那么在返回的过程中，响应将通过每一层(在有内向外)。 ##

## 除了前面描述的基本请求/响应中间件模式之外，您还可以向基于类的中间件添加其他三种特殊方法: ##

## <1> 处理视图前：在每一个请求上，视图函数调用之前，返回None找到指定的视图或HttpResponse对象直接返回： ##

def process_view(self, request, view_func, *view_args, **view_kwargs):
        pass

## 它会返回None或者HttpResponse对象，如果返回None，Django将继续处理这个请求，执行其他中间件中的process\_view()，然后执行匹配的视图。如果它返回HttpResponse对象，Django就不会调用视图，它将把响应中间件应用到HttpResponse并返回结果。 ##

### 注意：请不要在中间件中访问request.POST ###

## <2> 异常处理：当视图抛出异常时调用，在每一个请求上调用，返回一个HttpResponse对象返回给浏览器，否则，将启动缺省异常处理： ##

process_exception(self, request,exception)

## <3>模版响应：在视图完成后执行，如果响应实例具有render()方法，表明它是一个模板响应或等效的响应。 ##

process_template_response(request, response)

## 中间件常见的用途：缓存、会话认证、日志记录、异常 ##

## 中间件执行流程![1473186-20190630023930674-1693795765.png][] ##

# 演示 #

## 在school下的middleware.py中创建中间件类： ##

class MyMiddleware:
        
        def __init__(self, get_response):
            print('-----init-----')
            self.get_response = get_response
    
        def __call__(self, request):
            print("中间件开始")
            response = self.get_response(request)
            print("中间件结束")
            return response
    
        def process_view(self, request, view_func, *view_args, **view_kwargs):
            print("请求实际函数前执行")

## 在settings.py中，向MIDDLEWARE中注册中间件： ##

MIDDLEWARE = [
        'django.middleware.security.SecurityMiddleware',
        'django.contrib.sessions.middleware.SessionMiddleware',
        'django.middleware.common.CommonMiddleware',
        'django.middleware.csrf.CsrfViewMiddleware',
        'django.contrib.auth.middleware.AuthenticationMiddleware',
        'django.contrib.messages.middleware.MessageMiddleware',
        'django.middleware.clickjacking.XFrameOptionsMiddleware',
        # 'school.middleware.BlockedIPMiddleware',
        'school.middleware.MyMiddleware',   
    ]

## 修改views.py中index视图： ##

from django.shortcuts import render
    
    def index(request):
        print("----index 视图执行-----")
        return render(request, 'school/index.html')

## 运行服务器 ##

![1473186-20190630031549186-1302081948.png][]

## 访问127.0.0.1:8000，然后再访问一次 ##

![1473186-20190630031503781-619326606.png][]

## \_\_init\_\_()只会在web服务运行时加载一次 ##

### 注意：如果多个注册的中间件类中都有process\_exception的方法，则先注册的后执行。 ###

# Admin站点 #

--------------------

### 内容发布的部分由网站的管理员负责增、删、改、查数据的，开发这些重复的功能是一件单调乏味、缺乏创造性的工作，为此，Django能够根据自定义的模块类自动地生成管理模块。 ###

### 在第一部分对管理站点坐了简单的介绍，现在我们将零碎的知识扩充一下， 在Django项目中默认启用admin管理站点。 ###

### 第一步：准备工作：创建管理员的用户名和密码。 ###

python manage.py createsuperuser

![1473186-20190630123306118-664247836.png][]

### 第二步：使用在应用的admin.py中注册模型类 ###

from django.contrib import admin
    from school.models import AreaInfo
    
    admin.site.register(AreaInfo)  # 将区域模型类注册到Admin站点

### 第三步：访问127.0.0.1:8000/admin ###

![1473186-20190630123759698-1432031863.png][]

### 列表页显示效果 ###

![1473186-20190630124134505-519924972.png][]

##  更改管理页展示效果 ##

## ModelAdmin类可以控制模型admin界面中的展示方式，主要包括在列表页的展示方式、添加修改页面的展示方式 ##

## 第一步：在应用下的admin.py中，注册魔心那个累前定义管理类AreaAdmin ##

from django.contrib import admin
    from school.models import AreaInfo
    
    
    class AreaAdmin(admin.ModelAdmin):
        pass
    
    
    admin.site.register(AreaInfo)

## 管理类有两种使用方式：注册参数、装饰器 ##

## 注册参数：打开应用下的admin.py文件，注册模型类 ##

admin.site.register(AreaInfo, AreaAdmin)

## 装饰器：打开应用下的admin.py文件，在管理类上注册模型类 ##

from django.contrib import admin
    from school.models import AreaInfo
    
    @admin.register(AreaInfo)
    class AreaAdmin(admin.ModelAdmin):
    　　pass

# 更改列表页展示效果 #

## 列表页选项 ##

## 页大小 ##

## 默认每页显示100条数据，list\_per\_page属性 ##

list_per_page = 100

## 打开应用下的admin.py文件，修改AreaAdmin类 ##

from django.contrib import admin
    from school.models import AreaInfo
    
    @admin.register(AreaInfo)
    class AreaAdmin(admin.ModelAdmin):
        list_per_page = 20

# 访问127.0.0.1:8000/admin/school/areainfo/ #

![1473186-20190630125406705-444764875.png][]

## “操作选项”的位置 ##

## 顶部显示的属性，设置为True在顶不显示，设置为False不在顶部显示，默认为True ##

actions_on_top = True

## 效果区分 ##

![1473186-20190630125957003-321794500.png][]

## 底部显示的属性，设置为True在底部显示，默认为False ##

actions_on_bottom = True  # 设置选项在底部，默认值是False

![1473186-20190630130242367-94400330.png][]

## 列表中的列 ##

## 属性 ##

list_display = ['id', 'name', 'area_parent_id']  # 借用AreaInfo模型类的信息展示

![1473186-20190630130516708-224697185.png][]

## 点击列头可以进行排序的转换 ##

## 将方法作为列 ##

## 列可以是模型里的字段，也可以是模型里的方法，如果列表项显示的是方法，该方法必须要有返回值 ##

## 修改一：在应用下的models.py文件中，修改AreaInfo类： ##

from django.db import models
    
    class AreaInfo(models.Model):
        """地区模型类"""
        name = models.CharField(max_length=50)
        area_parent = models.ForeignKey('self', on_delete=models.CASCADE, null=True, blank=True)
    
        def title(self):
            return str(self.name) + ":" +str(self.id)

## 修改二：在应用下的admin.py文件中，将方法名添加到列表中 ##

from django.contrib import admin
    from school.models import AreaInfo
    
    @admin.register(AreaInfo)
    class AreaAdmin(admin.ModelAdmin):
        list_per_page = 20  # 每一页展示多少数据
        actions_on_top = True  # 设置选项在顶部，默认值是True
        actions_on_bottom = True  # 设置选项在底部，默认值是False
        list_display = ['id', 'name', 'area_parent_id', 'title']  # 添加了一个方法名(title)

## 访问127.0.0.1:8000/admin/school/areainfo/?o=1 ##

![1473186-20190630131735689-1272211014.png][]

## 方法列默认是不能排序的。如果需要排序，需要为方法指定排序依据 ##

## 在应用下的models.py文件中修改AreaInfo类 ##

title.admin_order_field = 'id'   # 设置title这个方法的排序依据为id

![1473186-20190630132204250-1965223562.png][]

## 列头上的1和2是排序的优先级 ##

## 列表题：列标题默认为属性或方法的名称，可以通过属性设置，需要先将模型字段封装成方法，在对方法使用这个属性，模型字段不能直接使用这个属性：short\_description ##

## 在应用下的models.py文件，修改AreaInfo类 ##

## 访问127.0.0.1:8000/admin/school/areainfo/?o=1 ##

![1473186-20190630132636372-839724039.png][]

## 关联对象 ##

## 优化访问关联对象显示它的name属性 ##

## 在应用下models.py文件中修改AreaInfo类： ##

from django.db import models
    
    class AreaInfo(models.Model):
        """地区模型类"""
            ...
    
        def parent(self):
            if self.area_parent is None:
                return ""
            return self.area_parent.name
    
        parent.short_description = "父级地区"

## 在应用下的admin.py中修改list\_display ##

from django.contrib import admin
    from school.models import AreaInfo
    
    @admin.register(AreaInfo)
    class AreaAdmin(admin.ModelAdmin):
        list_per_page = 20  # 每一页展示多少数据
        actions_on_top = True  # 设置选项在顶部，默认值是True
        actions_on_bottom = True  # 设置选项在底部，默认值是False
        # list_display = ['id', 'name', 'area_parent_id', 'title']
        list_display = ['id', 'name', 'parent', 'title']  # 修改为parent

## 访问127.0.0.1:8000/admin/school/areainfo/?o=1 ##

![1473186-20190630133216283-97847864.png][]

## 右侧栏过滤器 ##

## 属性 list\_filter ##

## 只能接受字段，会将对应字段的值列出来，用于快速郭列。一般用于重复值的字段。 ##

## 在应用下的admin.py文件中修改AreaAdmin类 ##

from django.contrib import admin
    from school.models import AreaInfo
    
    @admin.register(AreaInfo)
    class AreaAdmin(admin.ModelAdmin):
        ...
        list_filter = ['name']

## 访问127.0.0.1:8000/admin/school/areainfo/?o=1 ##

![1473186-20190630134359586-398399983.png][]

##  搜索框 ##

## 属性 search\_fields ##

## 用于对指定字段的值进行搜索，支持模糊查询。类型为列表，表示这些字段上进行搜索。 ##

## 在应用下的admin.py修改AreaAdmin类 ##

from django.contrib import admin
    from school.models import AreaInfo
    
    @admin.register(AreaInfo)
    class AreaAdmin(admin.ModelAdmin):
             ...
        search_fields = ['id','name']

## 访问127.0.0.1:8000/admin/school/areainfo/?o=1 ##

![1473186-20190630135133324-878290536.png][]

![1473186-20190630135207080-1053428294.png][]

## 中文标题 ##

## 在应用下的models.py文件中修改AreaInfo模型类，为字段指定verbose\_name参数。第一个参数 ##

from django.db import models
    
    
    class AreaInfo(models.Model):
        """地区模型类"""
        name = models.CharField('地区名称', max_length=50)
            ...

## 访问127.0.0.1:8000/admin/school/areainfo/?o=1 ##

![1473186-20190630135725688-971230049.png][]

#  编辑页选项 #

## 显示字段顺序 ##

# 属性fields,类型是个列表 #

## 在应用下的admin.py文件，修改AreaAdmin类 ##

from django.contrib import admin
    from school.models import AreaInfo
    
    @admin.register(AreaInfo)
    class AreaAdmin(admin.ModelAdmin):
        ...
        fields = ['area_parent', 'name']

## 随便点击一行id，可以转到修改页面 ##

![1473186-20190630140424123-689583451.png][]

###  Area parent点开下拉列表你会发现输出的都是AreaInfo object(id),这样会非常不好识别，选择父级非常的麻烦，这样我就需要想一个解决办法，把它格式化成字符串。 ###

## str方法考虑一下，在应用下打开models.py，修改AreaInfo类，添加str方法 ##

from django.db import models
    
    class AreaInfo(models.Model):
        """地区模型类"""
            ...
        def __str__(self):
            return self.name

## 分组显示 ##

## 属性fieldset ##

fieldset=(
        ('组1标题',{
         'fields':('字段1','字段2')}),
        ('组2标题',{
         'fields':('字段3','字段4')}),
    )

## 在应用下的admin.py文件修改AreaAdmin类： ##

from django.contrib import admin
    from school.models import AreaInfo
    
    @admin.register(AreaInfo)
    class AreaAdmin(admin.ModelAdmin):
           ...
        # fields = ['area_parent', 'name']
        fieldset = (
            ('基本',{
         'fields': ['name']}),
            ('高级',{
         'fields': ['area_parent']}),
        )

## 随便点击一个id ##

![1473186-20190630205321859-248651369.png][]

## 注意: fields与fieldsets两者需要选择一个使用 ##

## 关联对象 ##

## 在一对多的关系中，可以在一这边的编辑页面中编辑多这边的对象，嵌入多这边的对象的方式包括表格、块两种。类型是InlineModelAdmin：表示在模型的编辑页面嵌入关联模型的编辑，子类TabularInline：以表格的形式嵌入。子类StackedInline：以块的形式嵌入。 ##

## StackedInline：在应用下的admin.py文件中创建AreaStackedInline类，并且修改AreaAdmin类 ##

from django.contrib import admin
    from school.models import AreaInfo
    
    class AreaStackedInline(admin.StackedInline):
        model = AreaInfo  # 关联子对象
        extra = 2  # 额外编辑2个子对象
    
    
    @admin.register(AreaInfo)
    class AreaAdmin(admin.ModelAdmin):
        list_per_page = 20  # 每一页展示多少数据
        actions_on_top = True  # 设置选项在顶部，默认值是True
        actions_on_bottom = True  # 设置选项在底部，默认值是False
        # list_display = ['id', 'name', 'area_parent_id', 'title']
        list_display = ['id', 'name', 'parent', 'title']
        list_filter = ['name']
        search_fields = ['id','name']
        # fields = ['area_parent', 'name']
        fieldsets = (
            ('基本',{
         'fields': ['name']}),
            ('高级',{
         'fields': ['area_parent']}),
        )
    
        inlines = [AreaStackedInline]

## 刷新浏览器，下面将显示出所有关联：北京市:110100 的区域，并且还有可以额外增加两条地区的地方 ##

![1473186-20190630211011636-857296471.png][]

## 下面我们感受一下表格的形式嵌入式什么感觉，注释你刚才添加块的代码。 ##

## TabularInline：在应用下修改admin.py文件，并创建AreaTabularInline类： ##

from django.contrib import admin
    from school.models import AreaInfo
    
    
    # class AreaStackedInline(admin.StackedInline):
    #   model = AreaInfo  # 关联子对象
    #   extra = 2  # 额外编辑2个子对象
    
    
    class AreaTabularInline(admin.TabularInline):
        model = AreaInfo  # 关联子对象
        extra = 2  # 额外编辑2个子对象
    
    
    @admin.register(AreaInfo)
    class AreaAdmin(admin.ModelAdmin):
        list_per_page = 20  # 每一页展示多少数据
        actions_on_top = True  # 设置选项在顶部，默认值是True
        actions_on_bottom = True  # 设置选项在底部，默认值是False
        # list_display = ['id', 'name', 'area_parent_id', 'title']
        list_display = ['id', 'name', 'parent', 'title']
        list_filter = ['name']
        search_fields = ['id','name']
        # fields = ['area_parent', 'name']
        fieldsets = (
            ('基本',{
         'fields': ['name']}),
            ('高级',{
         'fields': ['area_parent']}),
        )
    
        # inlines = [AreaStackedInline]
        inlines = [AreaTabularInline]

## 刷新页面，点击id进入修改模式，多观察一些数据 ##

![1473186-20190630211836334-687904309.png][]

# 重写模板 #

--------------------

## 第一步：在templates目录下创建admin目录 ##

![1473186-20190630212642860-585013444.png][]

## 第二步：找到Django的项目下的admin文件夹，大家的路径应该都不一样。大概流程是你安装的Python路径下的Lib中找到一个叫site-packages的文件夹下面会有你安装的Django在找到contrib下就会有admin ##

C:\Users\Circle\AppData\Local\Programs\Python\Python37-32\Lib\site-packages\django\contrib\admin

## 第三步：将需要更改文件拷贝到自己项目下的templates里的admin，此处以base\_site.html为例： ##

![1473186-20190630213326065-1229621360.png][]

## 第四步：编辑base\_site.html文件： ##

{% extends "admin/base.html" %}
    
    {% block title %}{
          { title }} | {
          { site_title|default:_('Django site admin') }}{% endblock %}
    
    {% block branding %}
    <h1 id="site-name"><a href="{% url 'admin:index' %}"><h1>自定义的管理页模板</h1>{
         { site_header|default:_('Django administration') }}</a></h1>
    {% endblock %}
    
    {% block nav-global %}{% endblock %}

## 刷新网页 ##

![1473186-20190630214217027-206315131.png][]

## 多熟悉一下你想更改的模板的源码。你就可以创建一个属于你的模板，想更改什么就去寻找什么 ##

# 上传图片 #

--------------------

### 在Python中进行图片操作，需要安装PIL，可以使用pip安装 ###

### 在Django中上传图片包括两种方式： ###

*  ### 管理页面admin中上传 ###
 *  ### 自定义form表单中上传图片 ###

### 上传图片后，将图片存储在服务器上，然后将图片的路径存储在表中。 ###

# 创建包含图片的模型类 #

### 　　将模板类的属性定义成models.ImageField类型。 ###

## 在应用下的models.py文件中定义PicTest模型类 ##

from django.db import models
    
    class PicTest(models.Model):
        pic = models.ImageField(upload_to='school')

## 生成迁移文件，执行迁移 ##

python manage.py makemigrations
    python manage.py migrate

## 打开项目下的settings.py文件设置图片保存到static目录下 ##

MEDIA_ROOT=os.path.join(BASE_DIR,"static/media")

## 在static目录下创建media目录，在创建应用名的目录 ##

![1473186-20190630220313884-1314441637.png][]

# 在管理页面admin中上传图片 #

--------------------

## 在应用下的admin.py文件，注册PicTest ##

admin.site.register(PicTest)

## 刷新页面，点击PicTest的增加，选择文件，然后找一张图片保存 ##

![1473186-20190630220731250-867825978.png][]

![1473186-20190630220954280-14179026.png][]

## 查看数据库是否添加成功 ##

![1473186-20190630221202352-1312837093.png][]

## 数据保存的位置：static\\media\\school\\ ##

![1473186-20190630221241212-500341922.png][]

# 自定义form表单中上传图片 #

--------------------

## 在应用下的views.py文件创建视图pic\_upload ##

from django.shortcuts import render
    ...
    def pic_upload(request):
        return render(request, 'school/pic_upload.html')

## 在应用下的urls.py文件中配置url ##

re_path(r'^pic_upload$', views.pic_upload),

## 在templates下的school目录中创建pic\_upload.html ##

### 在模板中定义上传表单要求： ###

*  form的属性enctype="multipart/form-data"
 *  form的method为post
 *  input类型为file

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>上传图片</title>
    </head>
    <body>
        <form method="POST" action="/pic_handle" enctype="multipart/form-data">
            {%csrf_token%}
            <input type="file" name="pic"><br>
            <input type="submit" value="上传">
        </form>
    </body>
    </html>

## 在应用views.py文件中创建视图pic\_handle,用于接收表单保存图片，request对象的FILES属性用于接收请求的文件、图片 ##

from django.http import HttpResponse
    from django.conf import settings
    
    def pic_handle(request):
        p = request.FILES.get('pic')  
        p_name = '%s/school/%s' % (settings.MEDIA_ROOT, p.name)
        with open(p_name, 'wb') as pic:
            for c in p.chunks():
                pic.write(c)
        return HttpResponse('OK')

## 在应用下的urls.py 中配置url ##

re_path(r'^pic_handle$', views.pic_handle),

## 访问127.0.0.1:8000/pic\_upload ##

![1473186-20190630223028741-1954072411.png][]

## 会获得pic\_handle返回的ok，查看static/media/school下是否的到文件 ##

![1473186-20190630223036414-2067079838.png][]

![1473186-20190630223147768-1148823038.png][]

##  修改视图pic\_handle,添加写入数据库的功能 ##

from django.http import HttpResponse
    from django.conf import settings
    from school.models import PicTest 
    
    def pic_handle(request):
        p = request.FILES.get('pic')
        p_name = '%s/school/%s' % (settings.MEDIA_ROOT, p.name)
        with open(p_name, 'wb') as pic:
            for c in p.chunks():
                pic.write(c)
        pic_db = PicTest()  # 创建PicTest模型类对象
        pic_db.pic = 'school/' + p.name 
        pic_db.save()
        return HttpResponse('OK')

## 查看数据库中是否写入 ##

![1473186-20190630223816486-127545671.png][]

# 显示图片 #

--------------------

## 在应用的views.py文件中创建pic\_show视图  ##

from django.shortcuts import render
    from school.models import PicTest 
    
    def pic_show(request):
        pt = PicTest.objects.all()
        context = {
         'pt': pt}
        return render(request, 'school/pic_show.html', context)

## 在应用下的urls.py配置url ##

re_path(r'^pic_show$', views.pic_show),

## 在templates在school中创建pic\_show.html文件 ##

{% load static %}
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>显示图片</title>
    </head>
    <body>
        {%for pic in pt%}
        <img src="{%static '' %}media/{
          {pic.pic}}">
        {%endfor%}
    </body>
    </html>

## 访问127.0.0.1:8000/pic\_show ##

![1473186-20190630231711311-1951665753.png][]

# 分页 #

--------------------

## Django提供了数据分页的类，这些类被定义在django/core/paginator.py中，类Paginator用于对列进行一页n条数据的分页运算，类Page用于表示第m页的数据 ##

## Paginator类实例对象 ##

*  ### 方法\_*init\_*(列表,int)：返回分页对象，第一个参数为列表数据，第二个参数为每页数据的条数。 ###
 *  ### 属性count：返回对象总数。 ###
 *  ### 属性num\_pages：返回页面总数。 ###
 *  ### 属性page\_range：返回页码列表，从1开始，例如\[1, 2, 3, 4\]。 ###
 *  ### 方法page(m)：返回Page类实例对象，表示第m页的数据，下标以1开始。 ###

## Page类实例对象 ##

*  ### 调用Paginator对象的page()方法返回Page对象，不需要手动构造。 ###
 *  ### 属性object\_list：返回当前页对象的列表。 ###
 *  ### 属性number：返回当前是第几页，从1开始。 ###
 *  ### 属性paginator：当前页对应的Paginator对象。 ###
 *  ### 方法has\_next()：如果有下一页返回True。 ###
 *  ### 方法next\_page\_number(): 返回下一页的页码 ###
 *  ### 方法has\_previous()：如果有上一页返回True。 ###
 *  ### 方法previous\_page\_number():返回前一页的页码 ###
 *  ### 方法len()：返回当前页面对象的个数。 ###

## 演示： ##

## 在应用下的views.py文件中创建视图page\_test ##

from django.shortcuts import render
    from school.models import AreaInfo
    from django.core.paginator import Paginator
    def page_test(request, pIndex):
        # 查询所有的省
        area_list = AreaInfo.objects.filter(area_parent__isnull = True)
        # 将地区信息按一页10条显示
        paginator = Paginator(area_list, 10)
        # 默认获取第一页
        if pIndex == '':
            pIndex = '1'
        # 将字符串转换成int类型
        pIndex = int(pIndex)
        # 获取第pIndex页的数据
        page = paginator.page(pIndex)
        return render(request, 'school/page_test.html', {
         'page': page})

## 在应用下的urls.py文件中配置url ##

re_path(r'^page(?P<pIndex>\d*)$', views.page_test),

## 在templates文件夹下的school中创建page\_test.html ##

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>分页展示</title>
    </head>
    <body>
        显示当前页的地区信息：<br>
        <ul>
            {%for area in page%}
            <li>{
         { area.id }} -- {
         { area.name }}</li>
            {%endfor%}
        </ul>
        <hr>
        {%if page.has_previous%}
            <a href='/page{
          { page.previous_page_number }}'>上一页</a>  
        {%else%}
            上一页
        {%endif%}
        {%for pindex in page.paginator.page_range%}
            {%if page.number == pindex%}
                {
          {pindex}}  
            {%else%}
                <a href='/page{
          { pindex }}'>{
         {pindex}}</a>  
            {%endif%}
        {%endfor%}
        {%if page.has_next%}
            <a href='/page{
          { page.next_page_number }}'>下一页</a>  
        {%else%}
            下一页
        {%endif%}
    </html>

## 访问127.0.0.1:8000/page ##

![1473186-20190702000002710-1241441610.png][]

## 既然省地区信息的已经可以在页面显示，那么我们做一个关于地区的三级联动案例，这个案例需要在Django中使用到jquery的ajax进行数据交互，jquery框架提供了三种方法用于异步交互，$.ajax、$.get、$.post，由于CSRF约束，我们这里也只是查询信息，所以使用$.get演示：先观看一下最终实现效果: ##

![1473186-20190702181214586-550127184.gif][]

## 第一步：将jquery文件拷贝到static/js目录下 ##

![1473186-20190702181447249-438962130.png][]

## 第二步：在应用下的views.py文件中，添加areas视图 ##

def areas(request):
    return render(request, 'school/areas.html')

## 第三步：在应用下的urls.py中配置url ##

re_path(r'^areas$', views.areas),

## 第四步：在templates中的school下创建areas.html ##

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>地区三级联动</title>
        {%load static%}
        <script type="text/javascript" src='{% static "js/jquery-1.12.4.min.js"%}'></script>
        <script type="text/javascript">
            $(function(){
                // ajax post请求方式的简写 第一个参数是访问的url，第二个参数是传入的数据， 第三个参数回调函数
                // $.post('/prov', {'val':'value'}, function(data){
          
                // })
                //ajax get请求的简写，第一个参数是请求的url，第二个参数是回调函数
                $.get('/prov', function(data){
                    // 回调函数
                    // 获取省列表
                    pro_data = data.area_data
                    pro = $('#pro')
                    // 遍历省的列表
                    for (var i = 0; i < pro_data.length; i++) {
                        //将id和name分别获取
                        id = pro_data[i][0]
                        name = pro_data[i][1]
                        // 格式化option标签
                        option_str = '<option value=' + id + '>' + name + '</option>'
                        // 将每一个标签添加到页面
                        pro.append(option_str)
                    }
    
                })
    
                //绑定pro下拉列表框的change事件，获得省下面的市的信息
                $('#pro').change(function(){
                    //发起一个ajax请求，/city 获取省下面的市
                    //获取点击省的id
                    pro_id = $(this).val()
    
                    $.get('/prov'+pro_id, function(data){
                        //回调函数
                        city_data = data.area_data
                        // append默认是追加模式，如果不清空，每次求情都会在最后面追加
                        city = $('#city')
                        city.empty().append("<option>----请选择市区----</option>")
                        dis = $('#dis')
                        dis.empty().append("<option>----请选择市区----</option>")
                        // 遍历的第二种方式
                        $.each(city_data, function(index, item){
                            id = item[0]
                            name = item[1]
                            // console.log(id)  //测试
                            // console.log(name)  //测试
                            option_city = '<option value=' + id + '>' + name + '</option>'
                            city.append(option_city)
                        })
    
                    })
                })
    
                            //绑定pro下拉列表框的change事件，获得省下面的市的信息
                $('#city').change(function(){
                    //发起一个ajax请求，/city 获取省下面的市
                    //获取点击省的id
                    city_id = $(this).val()
    
                    $.get('/prov'+city_id, function(data){
                        //回调函数
                        dis_data = data.area_data
                        dis = $('#dis')
                        dis.empty().append("<option>----请选择市区----</option>")
                        $.each(dis_data, function(index, item){
                            id = item[0]
                            name = item[1]
                            // console.log(id)
                            // console.log(name)
                            option_city = '<option value=' + id + '>' + name + '</option>'
                            dis.append(option_city)
                        })
    
                    })
                })
                
            })
        </script>
    
    </head>
    <body>
        <h1 style='text-align: center'>省市区列表</h1>
        <div>
            <select id="pro">
                <option >----请选择省----</option>
            </select>
            <select id='city'>
                <option>----请选择市区----</option>
            </select>
            <select id='dis'>
                <option>----请选择区县----</option>
            </select>
        </div>
    </body>
    </html>

## 第五步：在应用下views.py添加prov视图 ##

from django.http import JsonResponse
    def prov(request, parent_id):
        # 如果为空说明请求的是省的下拉列表
        if parent_id == '':
            areas = AreaInfo.objects.filter(area_parent__isnull = True)
        else:
            # 否则就是请求parent_id所对应的下拉列表
            areas = AreaInfo.objects.filter(area_parent = parent_id)    
            
        # 用于添加json数据
        area_list = []
        # 遍历获得的区域列表，添加到json数据中
        for area in areas:
            area_list.append((area.id,area.name))
        # 返回json数据给页面
        return JsonResponse({
         'area_data':area_list})

## 第六步：在应用下的urls.py文件中配置url ##

re_path(r'^prov(?P<parent_id>\d*)$', views.prov),

## 第七步：访问127.0.0.1:8000/areas ##

![1473186-20190702182514166-1068658705.png][]

# \-The End- #

# #

转载于:https://www.cnblogs.com/Hannibal-2018/p/11105251.html

[1473186-20190628234803223-851616900.png]: /images/20211122/be58e864cb9149e4b5f780980ad31e83.png
[1473186-20190629003108274-36243319.png]: /images/20211122/09fe270d8342400eaed6a9a848cc20d0.png
[1473186-20190629010923377-759137022.jpg]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190629010923377-759137022.jpg
[1473186-20190629010455759-1784975629.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190629010455759-1784975629.png
[1473186-20190629011601477-136993010.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190629011601477-136993010.png
[1473186-20190629153602813-411614927.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190629153602813-411614927.png
[1473186-20190629163305432-349976821.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190629163305432-349976821.png
[1473186-20190630023930674-1693795765.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630023930674-1693795765.png
[1473186-20190630031549186-1302081948.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630031549186-1302081948.png
[1473186-20190630031503781-619326606.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630031503781-619326606.png
[1473186-20190630123306118-664247836.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630123306118-664247836.png
[1473186-20190630123759698-1432031863.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630123759698-1432031863.png
[1473186-20190630124134505-519924972.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630124134505-519924972.png
[1473186-20190630125406705-444764875.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630125406705-444764875.png
[1473186-20190630125957003-321794500.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630125957003-321794500.png
[1473186-20190630130242367-94400330.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630130242367-94400330.png
[1473186-20190630130516708-224697185.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630130516708-224697185.png
[1473186-20190630131735689-1272211014.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630131735689-1272211014.png
[1473186-20190630132204250-1965223562.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630132204250-1965223562.png
[1473186-20190630132636372-839724039.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630132636372-839724039.png
[1473186-20190630133216283-97847864.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630133216283-97847864.png
[1473186-20190630134359586-398399983.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630134359586-398399983.png
[1473186-20190630135133324-878290536.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630135133324-878290536.png
[1473186-20190630135207080-1053428294.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630135207080-1053428294.png
[1473186-20190630135725688-971230049.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630135725688-971230049.png
[1473186-20190630140424123-689583451.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630140424123-689583451.png
[1473186-20190630205321859-248651369.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630205321859-248651369.png
[1473186-20190630211011636-857296471.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630211011636-857296471.png
[1473186-20190630211836334-687904309.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630211836334-687904309.png
[1473186-20190630212642860-585013444.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630212642860-585013444.png
[1473186-20190630213326065-1229621360.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630213326065-1229621360.png
[1473186-20190630214217027-206315131.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630214217027-206315131.png
[1473186-20190630220313884-1314441637.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630220313884-1314441637.png
[1473186-20190630220731250-867825978.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630220731250-867825978.png
[1473186-20190630220954280-14179026.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630220954280-14179026.png
[1473186-20190630221202352-1312837093.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630221202352-1312837093.png
[1473186-20190630221241212-500341922.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630221241212-500341922.png
[1473186-20190630223028741-1954072411.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630223028741-1954072411.png
[1473186-20190630223036414-2067079838.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630223036414-2067079838.png
[1473186-20190630223147768-1148823038.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630223147768-1148823038.png
[1473186-20190630223816486-127545671.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630223816486-127545671.png
[1473186-20190630231711311-1951665753.png]: https://img2018.cnblogs.com/blog/1473186/201906/1473186-20190630231711311-1951665753.png
[1473186-20190702000002710-1241441610.png]: https://img2018.cnblogs.com/blog/1473186/201907/1473186-20190702000002710-1241441610.png
[1473186-20190702181214586-550127184.gif]: https://img2018.cnblogs.com/blog/1473186/201907/1473186-20190702181214586-550127184.gif
[1473186-20190702181447249-438962130.png]: https://img2018.cnblogs.com/blog/1473186/201907/1473186-20190702181447249-438962130.png
[1473186-20190702182514166-1068658705.png]: https://img2018.cnblogs.com/blog/1473186/201907/1473186-20190702182514166-1068658705.png