django初探-创建简单的博客系统(二)建议收藏

显示博客信息将博客内容保存到数据库还不是发布博客的终极目的,博客一定要显示出来,显示博客信息的基本知识如下图:显示文章标题获取数据当我们在./blog/models.py中创建了数据模型后,D

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

django初探-创建简单的博客系统(二)建议收藏此处内容已经被作者隐藏,请输入验证码查看内容
验证码:
请关注本站微信公众号,回复“”,获取验证码。在微信里搜索“”或者“”或者微信扫描右侧二维码都可以关注本站微信公众号。

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

显示博客信息

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

  django初探-创建简单的博客系统(二)建议收藏

显示文章标题

获取数据

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

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

  python manage.py shell

  django初探-创建简单的博客系统(二)建议收藏

  对BlogArticles类可以进行类似操作

  django初探-创建简单的博客系统(二)建议收藏

添加模板

  在/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/

  django初探-创建简单的博客系统(二)建议收藏

  点击标题查看文章内容

  django初探-创建简单的博客系统(二)建议收藏

设置文章列表页

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

  django初探-创建简单的博客系统(二)建议收藏

  这样显示太过于单一,为了让其显示的更加丰富,可以在/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初探-创建简单的博客系统(二)建议收藏

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/120183.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 查询Linux版本命令_查看redhat版本命令

    查询Linux版本命令_查看redhat版本命令1、#uname-a(Linux查看版本当前操作系统内核信息)2、#cat/proc/version(Linux查看当前操作系统版本信息)3、#cat/etc/issue或cat/etc/redhat-release(Linux查看版本当前操作系统发行版信息)4、#cat/proc/cpuinfo(Linux查看cpu相关信息,包括型号、主频、内核信息等)…

  • count(distinct) 与group by 浅析

    count(distinct) 与group by 浅析在传统关系型数据库中,groupby与count(distinct)都是很常见的操作。count(distinctcolA)就是将colA中所有出现过的不同值取出来,相信只要接触过数据库的同学都能明白什么意思。count(distinctcolA)的操作也可以用groupby的方式完成,具体代码如下:selectcount(distinctcolA)fromtable1;selec

  • python的dropna_python–data.dropna[通俗易懂]

    python的dropna_python–data.dropna[通俗易懂]读取csv文件data=pd.read_csv(“”)1、删除全为空值的行或列data=data.dropna(axis=0,how=’all’)#行data=data.dropna(axis=1,how=’all’)#列2、删除含有空值的行或列data=data.dropna(axis=0,how=’any’)#行data=data.dropna(axis=1,how=’an…

  • js 访问asmx接口「建议收藏」

    js 访问asmx接口「建议收藏」用C#写了一个接口,js需要用ajax访问varjsonObj=newObject();jsonObj[‘cid’]=cid;$.ajax({type:”POST”,url:”/tv/hub.asmx/getDeviceLogs”,data:JSON.string…

  • java中中文乱码_java中中文乱码怎么解决?「建议收藏」

    java中中文乱码_java中中文乱码怎么解决?「建议收藏」java中中文乱码解决方法:一、设置工作空间的编码1、编辑器的编码会影响到所有的项目中的字符的显示,可以说是作用最为广泛的设置,每一个项目都会受到这个设置的影响。点击菜单栏中的窗口(Window)——选项(Preferences)。2、点击常规(General)——工作空间(Wordspace),然后在右侧的文本文件编码格式(Textfileencoding)中选择你想要设置的编码格式,系…

  • 自动根据汉字生成拼音_拼音分类表

    自动根据汉字生成拼音_拼音分类表pyhz_tabp2h[]={ {L”A”, L”a1″,1,L”阿啊呵腌吖锕”}, {L”A”, L”a2″,2,L”啊呵嗄”}, {L”A”, L”a3″,3,L”啊呵”}, {L”A”, L”a4″,4,L”啊呵”}, {L”A”, L”a5″,5,L”阿啊呵”}, {L”Ai”, L”ai1″,1,L”哀挨埃唉哎捱锿”},

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号