完善博客

  博客页面设计

页面概要

  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. bitset刷题记录

    大佬的bitset用法小结 https://www.cnblogs.com/zwfymqz/p/8696631.html BZOJ3687简单题 题意:求子集的算术和的异或和,子集大小为n(n< ...

  2. js日历三级联动

    直接切入正题 <html><head><title>年月日三下拉框联动</title><meta http-equiv='Content-Type ...

  3. Jquery实现挂号平台首页源码

    带二级导航.轮播海报.二级联动.搜索功能.Tab选项卡 按照国际惯例先放图 index.html <!DOCTYPE html> <html lang="zh-cn&quo ...

  4. 构造并判断二叉搜索树-js

    class Node { constructor (val) { this.val = val this.left = this.right = undefined } } class Tree { ...

  5. Android数据存储之Application

    Application是Android的一大组件,在APP运行过程中有且仅有一个Application对象,它类似于javaweb中的session,贯穿整个生命周期. Application中适合保 ...

  6. Ubuntu在当前用户目录下安装python 包

    对于tar.gz文件: tar -zxvf setuptools-19.6.tar.gz cd setuptools-19.6.tar.gz python3 setup.py build python ...

  7. Postman: Test

    Tests 参考:Writing Tests Testing examples 这里写测试用例,进行一些判断等等.即处理断言 下面新建了两个测试用例,名字分别是”Status code is 200“ ...

  8. H3C IP地址配置

    一.IP地址分类 分配地址就是给每个连接到IPv4网络上的设备分配的一个网络唯一的地址.IP地址长度为32比特,通常采用点分十进制方式表示,即每个IP地址被表示为以小数点隔开的4个十进制整数,每个整数 ...

  9. js面向对象怎么理解

    js面向对象怎么理解 <一>. 认识对象.首先要认识对象:在编程中,对象(object)是具体的某一个实例,唯一的某一个个体.如:电脑就是一个统称,而你面前的这一台电脑就是对象.而电脑的统 ...

  10. 大json直接序列化成dataset

    rtnDs= JsonConvert.DeserializeObject<DataSet>(strBuff);