完善博客

  博客页面设计

页面概要

  1.博客主页面

    主页面内容

      文章标题列表,超链接

      发表博客按钮(超链接)

    列表编写思路

      取出数据库中所有文章对象

      将文章对象们打包成列表,传递到前端

      前端页面把文章以标题超链接的形式逐个列出

      模板for循环

        {% for XX in XXS %}

        HTML语句

        {% endfor %}

      *模板中调用对象或者说展示数据用的两对花括号,这里是一对花括号中加了两个百分号

  

  

  

  2.博客文章内容页面

    页面内容

      标题

      文章内容

      修改文章按钮(超链接)

  

  

  

  

  页面的编写过程

    关键点:url的参数传递

    首先在响应函数中添加了一个叫article_id的参数,写在request后面

    然后写了一个URL正则表达式,用来匹配数字,并以article_id为组名

    URL正则中的组名必须和响应函数中的参数名保持一致,否则会报错的

  开发编辑页面之前,先把主页面下面两个链接补全

    Django中的超链接

      超链接目标地址

        href后面是目标地址(html语言中,a标签里的href就是超链接的目标地址)

        template中可以用“{% url ’app_name:url_name‘  param %}”

          (Django,是在template中,有一种特殊的写法,url:关键字,单引号里面的是目标地址,冒号前是应用的命名空间的名称,冒号后是链接名,param:地址的参数,就像article_id这种参数,写在url后面,以这种形式体现出来)

        其中app_name和url_name都在ur配置文件l中配置

    再配URL

      url函数的名称参数

        根urls,写在include()的第二个参数位置,namespace=’blog‘

        应用下则写在url()的第三个参数位置,name = 'article'

        主要取决于是否使用include引用了另一个url配置文件

    

    

    

  3.博客撰写页面

    页面内容

      标题编辑栏

      文章内容编辑区域

      提交按钮

      一个编辑页面,涉及到了两个响应函数,一个是页面本身的响应函数,另一个是表单提交的目的地,也就是aciton的响应函数

        页面本身的响应函数

      

      

      

    编辑响应函数

      我们在表单里填写的内容,浏览器通过http请求将他们传递到后台的时候,这些数据都会被写在这个请求中,因此,我们的后台代码接收表单的数据的过程,实际上就是接收http请求中夹带的数据的过程,

      通过http请求传递过来的数据,就放在request对象里(响应函数中的request参数),http请求分为get,post等方法,因此,request对象对不同的请求方法分别创建了各自的字典,用于存储他们的数据,

      request.POST['参数名'],request.POST用于存储post请求的字典,里面存放的键值对就是前端传递过来的数据

      取得了数据之后,就要把数据存储到数据库中了,Django中由于有model的存在,因此,我们所有和数据库的操作都是和模型类在做交互

      使用request.POST['参数名']获取表单数据

      models.Article.objects.create(title,content)创建对象

      

      

      

      

      如果通过post方法提交表单,那么必须在前端页面加一句{% crsf_token %} ,csrf是csrf的一个标记,用于防范csrf,csrf是跨站请求伪造,针对网站的一种攻击行为

          

      

      

      补全新文章链接

      

      修改文章的页面

      修改文章编辑页面和新文章编辑页面区别

      思路

      新文章为空,修改文章有内容

      修改文章页面有文章对象

      文章的ID

      

      

      

      

      

      

      

        编辑页面搞定之后,接下来处理edit_action  依然可以通过采用url传递文章id的办法来做,但这里用另一种方法:同样也是传id到后台,但不需要再去修改url以及响应函数的参数

      做法:把article_id放在一个隐藏的input标签的value里,在上下各添加一个

      

      修改后台响应函数,在edit_aciton这里获取这个id,然后做下判断,当article_id不为0的时候,就要取出article对象,然后再给title,content分别赋值

      赋值操作:只要直接给对象的属性赋值,再执行save方法就可以了,所有针对数据的操作,都是针对对象的操作

      修改数据

        article.title = title

        article.save()

      

      

      

      

      

补充小技巧一:

Templates过滤器

  什么是过滤器?

    写在模板中,属于Django模板语言

    可以修改模板中的变量,从而显示不同的内容

  怎么使用过滤器?

    {{value|filter}}

    例:{{list_nums|length}}

    过滤器可叠加:{{value|filter1|filter2|...}}

    

    用过滤器后

     

    

补充小技巧二:

Django Shell

  什么是Django Shell?

    它是一个Python的交互式命令行程序

    它自动引入了我们的项目环境

    我们可以使用它与我们的项目进行交互(可以在这里通过代码的方式和项目进行交互)

  如何使用Django Shell

    python manage.py shell

    from blog.models import Article

    Article.objects.all()

    

    之所以显示标题,因为在models中给Article类添加了一个__str__方法,用于显示这个类的对象

    

  有什么用?

    可以使用Django shell来进行一些调试工作

    测试未知的方法

   

补充小技巧三:

Admin增强

  如果要显示更多的分类,第一列显示标题,第二列显示内容等等

  

    当前的Article类是通过admin.site.register(Article)直接注册到后台管理系统的

    

    如果想要显示更多的分类,第一列显示标题,第二列显示内容等等,需要改变现在的注册方式

    创建admin配置类

      创建admin配置类class ArticleAdmin(admin.ModelAdmin)

    注册:admin.site.register(Article,ArticleAdmin),把Artile和配置类绑定在一起

    

    显示其他字段

      在刚才的配置类中加上一条属性

      list_display = ('title','content')

      list_display同时支持tuple和list,建议使用tuple,不可变的,安全一些

      这里的字段名必须是字符串,和models里的字段名要一模一样

    

    

              

      

      

      

        

        python manage.py makemigrations

        python manage.py migrate

        

       过滤器

       list_filter = ('pub_time',)

        

        

  

  官方文档

    https://docs.djangoproject.com/en/3.0/ref/contrib/admin/

  

      

django入门与实践(续)的更多相关文章

  1. Django入门与实践 17-26章总结

    Django入门与实践-第17章:保护视图 Django 有一个内置的视图装饰器 来避免它被未登录的用户访问: 现在如果用户没有登录,将被重定向到登录页面: 现在尝试登录,登录成功后,应用程序会跳转到 ...

  2. Django入门项目实践(下)

    5.设置应用程序的样式 安装django-bootstrap3. # untitled/untitled/settings.py # ··· INSTALLED_APPS = [ 'django.co ...

  3. Django入门项目实践(中)

    4.用户账户 4.1 让用户能够输入数据 添加新主题 # untitled/learning_logs/forms.py from django import forms from .models i ...

  4. Django入门项目实践(上)

    项目结构 1.建立项目 File -->> New Project... 第一个Location是项目所在的目录,第二个Location是项目独立的Python运行环境,我们称之为Virt ...

  5. Django入门与实践-第26章:个性化工具(完结)

    http://127.0.0.1:8000/boards/1/topics/62/reply/ 我觉得只添加内置的个性化(humanize)包就会很不错. 它包含一组为数据添加“人性化(human t ...

  6. django入门与实践 - 关于升级到django 3.7,三种模板超链接配置(编辑中)

    第一种方法: 在myblog/urls.py模块中: from django.contrib import admin from django.urls import path, include ur ...

  7. Django入门与实践-第14章:用户注册(完结)

    http://127.0.0.1:8000/signup/ django-admin startapp accounts INSTALLED_APPS = [ 'accounts', ] # mypr ...

  8. Django入门与实践-第13章:表单处理(完结)

    http://127.0.0.1:8000/boards/1/ http://127.0.0.1:8000/boards/2/ http://127.0.0.1:8000/boards/3/ http ...

  9. Django入门与实践-第12章:复用模板(完结)

    http://127.0.0.1:8000/http://127.0.0.1:8000/boards/1/http://127.0.0.1:8000/boards/2/http://127.0.0.1 ...

随机推荐

  1. 在写论文的参考文献时,有的段落空格很大,有的段落则正常,原因及解决方法(wps)

    下图是一段原始的参考文献,可以看出第一行的空格很大: 原因: 当一个词占不下时,自动将单词移动到下一行,但是这一行又有很多字符,因此这时,软件会将空闲的位置用空白字符填满.第一行有两个空白字符,因此将 ...

  2. 生成随机数(C++)

    // generate random number #include <iostream> #include <iomanip> #include <cstdlib> ...

  3. ls, chgrp, chown, chmod

    ls命令 [root@client ~]# ls -la 总用量 dr-xr-x---. root root 2月 : . dr-xr-xr-x. root root 2月 : .. -rwxrwxr ...

  4. Wannafly Winter Camp 2020 Day 6G 单调栈 - 贪心

    对于排列 \(p\),它的单调栈 \(f\) 定义为,\(f_i\) 是以 \(p_i\) 结尾的最长上升子序列的长度 先给定 \(f\) 中一些位置的值,求字典序最小的 \(p\) 使得它满足这些值 ...

  5. Uva1639(概率期望/对数处理避免丢失精度)

    Uva1639 题意: 有两个盒子各有n个糖果(n<=200000),每天随机选择一个:选第一个盒子的概率是p(0 ≤ p ≤ 1),第二个盒子的概率为1-p,然后吃掉其中的一颗.直到有一天,随 ...

  6. C#设计模式学习笔记:(1)单例模式

    本笔记摘抄自:https://www.cnblogs.com/PatrickLiu/p/8250985.html,记录一下学习过程以备后续查用. 一.引言 设计模式的分类: 1)依目的: 创建型(Cr ...

  7. node-express处理表单的接口

    写一个小接口,用postman测试接口是否可行

  8. Python机器学习及实践 课后小题

    目录 第二章 2.3章末小结 @(Python机器学习及实践-----从零开始通往Kaggle竞赛之路) 第二章 2.3章末小结 1 机器学习模型按照使用的数据类型,可分为监督学习和无监督学习两大类. ...

  9. SDN-数据控制分离

    严格来说,控制面与数据面分离并不是SDN的专利.从一个chassis角度看,传统路由器其实控制面和转发面也是分离的.Route-enginee和line card分别负责控制面板和转发面.但是传统网络 ...

  10. Nginx proxy_cache 缓存静态文件

    原文链接:https://blog.csdn.net/bjgaocp/article/details/87867521 创建缓存目录mkdir /tmp/ngx_cache 添加下面语句在http{ ...