Django CBV （类视图函数）

小灰灰 2023-10-08 12:00 39阅读 0赞

#### Django 类视图函数 ####

*   *  写在前面
     *   *  1、先创建一个新的应用
         *  2、写一个类视图函数
         *  3、post访问试试
         *  4、再创建一个类视图函数
         *  5、as\_view()里面可以传参
         *  6、TemplateView
         *   *  6.1、template\_name写到路由里
             *  6.2、template\_name写到视图里
         *  7、ListView
         *  8、DetailView
         *   *  8.1、DetailView还可以不指定template\_name

### 写在前面 ###

> 之前我们用的视图函数叫FBV（也就是函数型视图函数），这里我们来试试CBV（类视图函数）的写法。

> 类视图函数可以让代码看起来更简洁，用起来更方便

#### 1、先创建一个新的应用 ####

创建应用CBVapp

python manage.py startapp CBVapp

![在这里插入图片描述][20200112190026345.png]  
在这个应用里创建一个urls.py  
![在这里插入图片描述][20200112190143155.png]  
在根路由里面新建CBVapp的路由连接  
![在这里插入图片描述][20200112190432665.png]

#### 2、写一个类视图函数 ####

视图函数CBVapp/views.py  
![在这里插入图片描述][20200112191341159.png]  
在CBVapp/urls.py添加一个对应的路由  
![在这里插入图片描述][20200112191406122.png]  
启动  
![在这里插入图片描述][20200112191443231.png]  
访问  
![在这里插入图片描述][20200112191535496.png]

#### 3、post访问试试 ####

在接口测试工具postman里面尝试对这个地址进行post请求  
![在这里插入图片描述][20200112191854513.png]  
最后提示405，访问不被允许  
原因是手动创建的类视图函数需要自己写GET、POET等请求方式  
如下  
![在这里插入图片描述][20200112192223538.png]  
再次发起post请求  
![在这里插入图片描述][20200112192258697.png]

#### 4、再创建一个类视图函数 ####

视图  
![在这里插入图片描述][20200112192652994.png]  
路由  
![在这里插入图片描述][20200112192737205.png]  
访问  
![在这里插入图片描述][2020011219280692.png]  
![在这里插入图片描述][20200112192827495.png]

#### 5、as\_view()里面可以传参 ####

视图  
![在这里插入图片描述][20200112193926725.png]  
路由  
![在这里插入图片描述][20200112194022255.png]  
访问  
![在这里插入图片描述][20200112194049711.png]  
注意：as\_view()里面只能传已经存在的参数

#### 6、TemplateView ####

先在模板文件夹templates里面新建一个index.html  
![在这里插入图片描述][20200112230749929.png]

##### 6.1、template\_name写到路由里 #####

在视图里写一个继承自TemplateView的视图类  
![在这里插入图片描述][20200112230853970.png]  
写一个带template\_name的路由  
![在这里插入图片描述][20200112230940981.png]  
运行后，访问：  
![在这里插入图片描述][20200112231033800.png]

##### 6.2、template\_name写到视图里 #####

视图  
![在这里插入图片描述][20200112231226419.png]  
路由  
![在这里插入图片描述][20200112231248138.png]  
运行后，访问  
![在这里插入图片描述][20200112231310455.png]

#### 7、ListView ####

ListView用来获取存储在数据库中的某个model的列表，获取更方便，不用手动获取数据库里的信息。  
例：  
首先，记得在setting中注册当前app  
![在这里插入图片描述][20200113001222987.png]  
模型（创建一个user表）  
![在这里插入图片描述][20200113001144101.png]  
迁移

python manage.py makemigrations
    python manage.py migrate

在数据库插入数据  
![在这里插入图片描述][20200113004656907.png]

视图  
![在这里插入图片描述][2020011300105277.png]  
路由  
![在这里插入图片描述][20200113001320378.png]  
模板html（ListView里面自带object\_list,能获取model里user所有的列）  
![在这里插入图片描述][20200113001343616.png]  
访问  
![在这里插入图片描述][20200113001630540.png]

#### 8、DetailView ####

DetailView能够根据get请求传的一个pk获取数据库里的某一条数据。  
例：  
视图  
![在这里插入图片描述][20200113002810831.png]  
路由  
![在这里插入图片描述][20200113003132995.png]  
html  
![在这里插入图片描述][20200113002915702.png]  
访问  
![在这里插入图片描述][2020011300314820.png]

##### 8.1、DetailView还可以不指定template\_name #####

DetailView不指定template\_name，它可以根据html文件命名规则找到对应的html

**规则：**

*  该html必须在 **templates/应用名/** 文件夹下
 *  文件名需为 **\_detail,html** 结尾

例：

*  路由不变  
    ![在这里插入图片描述][20200113004002361.png]
 *  视图  
    ![在这里插入图片描述][20200113003901309.png]
 *  html  
    ![在这里插入图片描述][20200113004539989.png]  
    访问  
    ![在这里插入图片描述][20200925153125261.png]

[20200112190026345.png]: https://img-blog.csdnimg.cn/20200112190026345.png
[20200112190143155.png]: https://img-blog.csdnimg.cn/20200112190143155.png
[20200112190432665.png]: https://img-blog.csdnimg.cn/20200112190432665.png
[20200112191341159.png]: https://img-blog.csdnimg.cn/20200112191341159.png
[20200112191406122.png]: https://img-blog.csdnimg.cn/20200112191406122.png
[20200112191443231.png]: https://img-blog.csdnimg.cn/20200112191443231.png
[20200112191535496.png]: https://img-blog.csdnimg.cn/20200112191535496.png
[20200112191854513.png]: https://img-blog.csdnimg.cn/20200112191854513.png
[20200112192223538.png]: https://img-blog.csdnimg.cn/20200112192223538.png
[20200112192258697.png]: https://img-blog.csdnimg.cn/20200112192258697.png
[20200112192652994.png]: https://img-blog.csdnimg.cn/20200112192652994.png
[20200112192737205.png]: https://img-blog.csdnimg.cn/20200112192737205.png
[2020011219280692.png]: https://img-blog.csdnimg.cn/2020011219280692.png
[20200112192827495.png]: https://img-blog.csdnimg.cn/20200112192827495.png
[20200112193926725.png]: https://img-blog.csdnimg.cn/20200112193926725.png
[20200112194022255.png]: https://img-blog.csdnimg.cn/20200112194022255.png
[20200112194049711.png]: https://img-blog.csdnimg.cn/20200112194049711.png
[20200112230749929.png]: https://img-blog.csdnimg.cn/20200112230749929.png
[20200112230853970.png]: https://img-blog.csdnimg.cn/20200112230853970.png
[20200112230940981.png]: https://img-blog.csdnimg.cn/20200112230940981.png
[20200112231033800.png]: https://img-blog.csdnimg.cn/20200112231033800.png
[20200112231226419.png]: https://img-blog.csdnimg.cn/20200112231226419.png
[20200112231248138.png]: https://img-blog.csdnimg.cn/20200112231248138.png
[20200112231310455.png]: https://img-blog.csdnimg.cn/20200112231310455.png
[20200113001222987.png]: https://img-blog.csdnimg.cn/20200113001222987.png
[20200113001144101.png]: https://img-blog.csdnimg.cn/20200113001144101.png
[20200113004656907.png]: https://img-blog.csdnimg.cn/20200113004656907.png
[2020011300105277.png]: https://img-blog.csdnimg.cn/2020011300105277.png
[20200113001320378.png]: https://img-blog.csdnimg.cn/20200113001320378.png
[20200113001343616.png]: https://img-blog.csdnimg.cn/20200113001343616.png
[20200113001630540.png]: https://img-blog.csdnimg.cn/20200113001630540.png
[20200113002810831.png]: https://img-blog.csdnimg.cn/20200113002810831.png
[20200113003132995.png]: https://img-blog.csdnimg.cn/20200113003132995.png
[20200113002915702.png]: https://img-blog.csdnimg.cn/20200113002915702.png
[2020011300314820.png]: https://img-blog.csdnimg.cn/2020011300314820.png
[20200113004002361.png]: https://img-blog.csdnimg.cn/20200113004002361.png
[20200113003901309.png]: https://img-blog.csdnimg.cn/20200113003901309.png
[20200113004539989.png]: https://img-blog.csdnimg.cn/20200113004539989.png
[20200925153125261.png]: https://img-blog.csdnimg.cn/20200925153125261.png