上篇django初探-创建简单的博客系统(一)已经记录了Django实现博客的发布的整个过程，接下来继续说明博客标题和内容的显示。

显示博客信息

　　将博客内容保存到数据库还不是发布博客的终极目的，博客一定要显示出来，显示博客信息的基本知识如下图：

　　

显示文章标题

获取数据

　　当我们在./blog/models.py中创建了数据模型后，Django就会自动提供数据库抽象的API，通过API可以创建、获取、修改或删除对象

　　我们可以使用交互模式进行测试

　　python manage.py shell

　　

　　对BlogArticles类可以进行类似操作

　　

添加模板

　　在/blog下templates文件夹，在templates文件夹下添加base.html、titile.html和content.html三个文件

　　base.html

<!DOCTYPE html>

<html lang="zh-cn">

    <head>

        <meta http-equiv="X-UA_compatible" content="IE=Edge">

        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>

            {%block title%}

            {%endblock%}

        </title>

        <link rel="stylesheet" href="http://necolas.github.io/normalize.css/">

        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">

    </head>

    <body>

        <div class="container">

            {%block content%}

            {%endblock%}

        </div>

        <scripy src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></scripy>

        <scripy src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></scripy>

    </body>

</html>

　　titles.html

{%extends "base.html"%}

{%block title%}blog titles{%endblock%}

{%block content%}

<div class="row text-center vertical-middle-sm">

    <h1>小兵千睿</h1>

</div>

<div class="row">

    <div class="col-xs-12 c0l-md-8">

        <ul>

            {%for blog in blogs%}

                <li><a href="{{blog.id}}">{{blog.title}}</a></li> <!--双层花括号表示此处显示变量引用的数据-->

            {%endfor%}

        </ul>

    </div>

    <div class="col-xs-6 col-md-4">

        <h2>show time</h2>

        <img width="200px" src="http://images.cnblogs.com/cnblogs_com/xiaobingqianrui/1185116/o_Image%201.png">

    </div>

</div>

{%endblock%}

　　content.html

{%extends "base.html"%}

{%block title%}blog article{%endblock%}

{%block content%}

<div class="row text-center vertical-middle-sm">

    <h1>{{article.title}}</h1>

</div>

<div class="row">

    <div class="col-xs-12 c0l-md-8">

        <p class="text-center"><span>{{article.author}}</span>

        <span style="margin-left:20px">{{publish}}</span></p>

        <div>{{article.body}}</div>

    </div>

    <div class="col-xs-6 col-md-4">

        <h2>show time</h2>

        <img width="200px" src="http://images.cnblogs.com/cnblogs_com/xiaobingqianrui/1185116/o_Image%201.png">

    </div>

</div>

{%endblock%}

添加视图函数

　　/blog/view.py中添加相应代码

from django.shortcuts import render

# Create your views here.

from .models import BlogArticles

from django.shortcuts import render

def blog_title(request):

    blogs = BlogArticles.objects.all()

    return render(request, 'titles.html', {"blos":blogs})

def blog_article(request, articls_id):

    article = BlogArticles.objects.get(id=articls_id)

    pub = article.publish

    return render(request, 'content.html', {"article":article, "publish":pub})

添加应用URL

　　1. /xbqr/urls.py中添加代码

from django.contrib import admin

from django.urls import path

from django.conf.urls import url,include

urlpatterns = [

    path('admin/', admin.site.urls),

    url(r'^blog/', include(('blog.urls',"blog"),namespace="blog")),

]

　　2. 在/blog/目录下新建urls.py文件，添加如下代码

from django.conf.urls import url

from . import views

urlpatterns = [url(r'^$', views.blog_title, name="blog_title"),

                url(r'(?P<article_id>\d)/$', views.blog_article, name="blog_detail"),]

显示文章内容

　　显示文章内容代码在views.py中已添加

def blog_article(request, articls_id):

    article = BlogArticles.objects.get(id=articls_id)

    pub = article.publish

    return render(request, 'content.html', {"article":article, "publish":pub})

　　启动服务器：python manage.py runserver

　　打开http://127.0.0.1:8000/blog/

　　

　　点击标题查看文章内容

　　

设置文章列表页

　　到目前为止，博客标题和内容的显示就完成了，附加添加如何设置发布博客页面的文章列表页

　　

　　这样显示太过于单一，为了让其显示的更加丰富，可以在/blog/admin.py文件中添加如下代码：

from django.contrib import admin

from .models import BlogArticles

# Register your models here.

class BlogArticlesAdmin(admin.ModelAdmin):

    list_display = ("title", "author", "publish")

    list_filter = ("publish", "author")

    search_fields = ("title", "body")

    raw_id_fields = ("author",)

    date_hierarchy = "publish"

    ordering=["publish","author"]

admin.site.register(BlogArticles, BlogArticlesAdmin)

　　刷新页面：

django初探-创建简单的博客系统(二)的更多相关文章

  1. django初探-创建简单的博客系统

    django第一步 1. django安装 pip install django print(django.get_version()) 查看django版本 2. 创建项目 打开cmd,进入指定目录 ...

  2. django初探-创建简单的博客系统(一)

    django第一步 1. django安装 pip install django print(django.get_version()) 查看django版本 2. 创建项目 打开cmd,进入指定目录 ...

  3. django 部署一个简单的博客系统

    转:https://www.cnblogs.com/fnng/p/3737964.html 写的目的, 加深影响,熟悉开发流程, 开发都是练出来的. 环境 python3.5 windows 7 1. ...

  4. go语言打造个人博客系统(二)

    go语言打造个人博客系统(二)   在上篇文章go语言打造个人博客系统(一)中,我们了解了go语言的优点和go语言的数据库操作,本次我们会完成博客系统的后端开发. 博客系统后端接口开发 路由测试 ht ...

  5. 使用Django+MySQL+Apache+Linux创建简单的博客

    本教程基于慕课网<Django入门与实践>编写,基于CentOS 7 基础知识 什么是django? Django是一个基于Python的高级Web开发框架, 特点:高效,快速,高度集成( ...

  6. Django完整的开发一个博客系统

    今天花了一些时间搭了一个博客系统,虽然并没有相关于界面的美化,但是发布是没问题的. 开发环境 操作系统:windows 7 64位 Django: 1.96 Python:2.7.11 IDE: Py ...

  7. NodeJS+Express+MongoDB 简单个人博客系统【Study笔记】

    Blog 个人博客系统 iBlog是在学习NodeJs时候一个练手项目Demo 系统支持用户注册/登录,内容文章查看,评论,后台管理(定制显示的分类版块,进行文章内容添加)超级管理员还可进行用户管理等 ...

  8. 使用Hexo搭建一个简单的博客（二）

    昨天想着用Hexo和github搭一个自己简单的博客,记录一下自己踩过的坑,具体的流程就不重复了,主要参考了一下几篇文章 GitHub+Hexo 搭建个人网站详细教程 使用Hexo+Github一步步 ...

  9. 用express搭建一个简单的博客系统

    转自:https://blog.csdn.net/qq_29721837/article/details/62055603 Express 简介 Express 是一个简洁而灵活的 node.js W ...

随机推荐

  1. 项目使用EntityFramework需要做的几项工作

    1..新项目引用创建好的其他项目,比如实体类库.数据库业务.实体数据模型等需要用到的项目进行引用. 2.新项目使用NuGet获取AutoMapper和EntityFramework程序包进行安装引用, ...

  2. 第I篇PCI体系结构概述

    PCI总线作为处理器系统的局部总线,主要目的是为了连接外部设备,而不是作为处理器的系统总线连接Cache和主存储器.但是PCI总线.系统总线和处理器体系结构之间依然存在着紧密的联系. PCI总线作为系 ...

  3. 项目总结1——excel导出相关问题

    1.excel导出文件时,文件名中中文部分空白不显示的问题,原本写法是: String fileName = "物联网PBOSS主机巡检日报-" + inspectTime + & ...

  4. R语言实现︱局部敏感哈希算法（LSH）解决文本机械相似性的问题（二，textreuse介绍）

    每每以为攀得众山小,可.每每又切实来到起点,大牛们,缓缓脚步来俺笔记葩分享一下吧,please~ --------------------------- 上一篇(R语言实现︱局部敏感哈希算法(LSH) ...

  5. 笔记︱支持向量机SVM在金融风险欺诈中应用简述

    本笔记源于CDA-DSC课程,由常国珍老师主讲.该训练营第一期为风控主题,培训内容十分紧凑,非常好,推荐:CDA数据科学家训练营 欺诈一般不用什么深入的模型进行拟合,比较看重分析员对业务的了解,从异常 ...

  6. hi3531的h264压缩中修改波特率

    typedef struct hiVENC_ATTR_H264_CBR_S { HI_U32 u32Gop; HI_U32 u32StatTime; HI_U32 u32ViFrmRate; HI_F ...

  7. com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxError Exception

    1.错误描述 com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxError Exception:You have an error in your SQL synt ...

  8. 代码管理必备-----git使用上传码云

    作为一个程序员,你要学会代码的管理,这是一个最基本的修养,就像是一个剑客的剑谱,代码管理,目前流行的是svn和git,但是很不好的是git如果没有插件的话,很多人都不会用git bash 来实现自己的 ...

  9. 小白——java基础之数据类型

    PS:此文章为小白提供,大佬请绕道!!!! 首先特别感谢大才哥给我提供这个平台,未来我希望把java这个版块的内容补全. 今天要讲的是数据类型,最最最基础的内容~ java标识符.数据类型.关键字 开 ...

  10. 用Mirror，搞定用户画像

    Mirror产品概述 Mirror是专为金融行业设计的全面用户画像管理系统.该系统基于星环多年来为多个金融企业客户构建用户画像的经验,深入契合业务需求,实现对用户全方位全维度的刻画.Mirror内置银 ...