用django框架写一个博客项目

目录

1.查询所有的文章,完成文章的展示列表页

(1)查询所有文章(views.py)

(2)将数据返回前端

(3)前端调用循环渲染数据

2.根据列表页提供的id查询文章详情

(1)查询详情

(2)返回前端

3.项目监听本机所有ip

(1)修改pycharm配置

(2)修改settings.py配置

4.效果

5.富文本

6.分页


1.查询所有的文章,完成文章的展示列表页

(1)查询所有文章(views.py)

(2)将数据返回前端

views.py

用django框架写一个博客项目_第1张图片

(3)前端调用循环渲染数据

newList.html

核心代码:

您现在的位置是:网站首页>>个人日记个人日记

{% if articles %} {% for article in articles %}
  • {% endfor %} {% else %}

    抱歉,这家伙太懒,什么都没有留下

    {% endif %}

    继承base.html的样式

    用django框架写一个博客项目_第2张图片

    2.根据列表页提供的id查询文章详情

    (1)查询详情

    urls.py

    用django框架写一个博客项目_第3张图片

    views.py

    用django框架写一个博客项目_第4张图片

    (2)返回前端

    new.html

    核心代码

    您现在的位置是:网站首页>>信息浏览个人简介

    {{ article.title }}

    发布时间:{{ article.time }}作者:{{ article.author.name }}

      {{ article.content }}

    继承base.html

    用django框架写一个博客项目_第5张图片

    3.项目监听本机所有ip

    (1)修改pycharm配置

    用django框架写一个博客项目_第6张图片

    用django框架写一个博客项目_第7张图片

    因为http协议默认端口是80,所以访问浏览器就不用写端口了,直接写ip即可

    (2)修改settings.py配置

    可以写自己的ip地址或者是    ["*"]

    4.效果

    用django框架写一个博客项目_第8张图片

    5.富文本

    详情查看:https://blog.csdn.net/g_optimistic/article/details/88957477

    用django框架写一个博客项目_第9张图片

    6.分页

     

    你可能感兴趣的:(django项目,django,django数据库)