建立社交网站 在之前我们建立的博客网站,更精确一点说应该称为个人博客网站,唯一增删改查文章的手段是作为管理员的我们通过后台实现。这种类似的有新闻站点等内容提供站点,一般只开放评论。 如果想要做一个类似于提供公开博客服务的网站,这种网站其实更多的带有社交属性,即需要管理不同的用户的内容。这次就来做一个
继续扩展博客功能 在上一章里,使用了基本的表单提交数据与处理,和复杂一些的分组查询,至此写一个前后端关联操作数据库进行增删改查和展示的基础逻辑代码不成问题了。 这一章里对之前的功能进行扩展: 自定义模板标签和filter,也就是自定义一个小函数用来处理 给站点增加站点地图和post feed 用Po
新功能 这一次要给博客添加一部分功能: 使用Django发送邮件分享文章 直接从模型建立表单并用视图控制 集成第三方应用 进行更复杂的ORM查询 功能1 通过Django发送邮件分享文章 在开始之前,先想一想这部分的逻辑: 想给用户发送邮件分享文件,有这么几个东西需要知道 用户的邮件地址 要有发送邮
Django基础部分 欢迎来到Django 2 by example的教程。你看到的是目前全网唯一翻译该书的教程。为了简便,与Django基础安装的部分在此略过,直接从该书的实质性部分讲起。 查看Django版本: import django
django.get_version()
虽然书里的d
JS中的宽和高度如何获得 DOM对象的只读宽和高属性: clientWidth和clientHeight 元素的可视部分宽度和高度,即padding+content。如果没有滚动条,即为元素设定的高度和宽度;如果出现滚动条,滚动条会遮盖元素的宽高,那么该属性就是其本来宽高减去滚动条的宽高 offse
伸缩盒子 在之前的布局中,如果采用浮动,则必须特别小心,一旦添加了外边距,很可能导致盒子掉下来。为了达成响应的排版,浮动要做很多设计,还要结合媒体查询进行很复杂的逻辑。 CSS3中引入了伸缩盒子布局,很好的解决了弹性排版的问题。先通过两个例子来看一下。 伸缩盒子简单使用 假如需要水平排布三个盒子,采
CSS3 媒体查询与响应式网页 在学习Bootstrap的时候,已经了解了响应式网页的概念。现在移动互联网的兴起,让Bootstrap都以移动开发作为优先,Bootstrap3用浮动做出了响应式布局,Bootstrap4更是用CSS3的弹性盒子进行了响应式布局。现在通过CSS来了解一下媒体查询特性和
CSS3 渐变 渐变的例子在日常生活中出现的很广泛,抬头看一看云层中的太阳或者月亮,从亮到周围的不亮部分就是一个渐变过程。 CSS3中引入了渐变的例子,而且可以用渐变来替代元素的背景图片,之前通常采用静态的PNG渐变背景图片,但是静态的背景图片在调整大小的时候,很难做到动态效果。 CSS的渐变有两种
CSS3 动画 如果制作过动画就可以知道,动画的本质是一帧一帧图片,CSS动画的原理也是这样,只不过不是将所有帧全部制作出来,而是有关键帧,在加上一系列属性控制,就可以作出动画来了。 CSS动画的属性名称叫做 animation,有8个子属性,还需要搭配 @keyframe name 来设置关键帧,