一、页面实现

  1. index.html
  2. base.html
  3. post.html
  4. header.html
  5. footer.html
<!-- index.html-->

{% extends 'base.html' %}

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>个人博客</title>

</head>

<body>

<h1>欢迎来到我的博客</h1>

{% for post in posts %}

    <hr>

    <p style="font-family: 微软雅黑 ">

    <a href="/post/{{ post.slug }}">{{ post.title }}</a>

    </p>

{% endfor %}

<br>

{{ now }}

</body>

</html>

<div class="mainContext">

    <div class="rightContext">

        {% block title %}欢迎来到我的博客{% endblock %}

        {% block headmessage %}<h3 style="font: 微软雅黑;">文章列表</h3>{% endblock %}

        {% block content %}

        <ul>

            {% for post in posts %}

                <p>

                    <li><a href="/post/{{ post.slug }}">{{ post.title }}</a></li>

                </p>

            {% endfor %}

        </ul>

        {% endblock %}

</div>

</div>


<!-- base.html-->

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{% block title %} {% endblock %}</title>

</head>

<body>

<div class="mainContext">

    <div class="leftContext">

        <h3 style="font: 微软雅黑;">文章分类</h3>

        <ul>

            <li><a href="/tag/?p=唐诗">唐诗</a></li>

            <li><a href="/tag/?p=宋词">宋词</a></li>

            <li><a href="/tag/?p=五言古诗">五言古诗</a></li>

        </ul>

    </div>

    <div class="rightContext">

        <div class="top1">

        {% include 'header.html' %}

    </div>

    <div class="mid2">

        {% block headmessage %} {% endblock %}

        {% block content %} {% endblock %}

    </div>

    <div class="bot3">

        <br/>

        {% include 'footer.html' %}

    </div>

    </div>

</div>

</body>

</html>


<!-- post.html-->

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>post</title>

</head>

<body>

<a href="http://localhost:8000/">返回上一页</a><br/>

{{ post.body }}

</body>

</html>


<!-- footer.html-->

{% block footer %}

    {% if now %}

        <p style="font-family: 微软雅黑">时间：{{ now }}</p>

    {% else %}

        <p style="font-family: 微软雅黑">如需转载请注明来源</p>

    {% endif %}

{% endblock %}

models.py 数据表的设计

from django.db import models

from django.utils import timezone

from tinymce.models import HTMLField

# Create your models here.

class Post(models.Model):

    title = models.CharField(max_length = 200,verbose_name=u'标题')#标题

    slug = models.CharField(max_length=200,verbose_name=u'文章网址')#文章网址

    body = models.TextField()#文章内容

    tags = models.CharField(max_length=100, verbose_name=u'标签')

    pub_date = models.DateTimeField(default = timezone.now)#发表时间

    #pub_date 以timezone.now的方式让其自动产生时间 在执行需要pytz模块支撑

    class Meta:

        db_table = '博客'

        ordering = ['pub_date']#按照发表时间排序显示顺序依据

        def __str__(self):#设置此类所提供的数据项，显示文章标题

            return self.title

数据表的迁移 在cmd中执行

python manage.py makemigrations

python manage.py migrate

views.py 方法的实现

#初始页面 显示所有文章列表

def homepage(request):

    posts = Post.objects.all().order_by('-pub_date')

    return render(request, 'index.html', locals())

    now = datetime.now()

   #显示文章内容

def show_detail(request,slug):

    try:

        post = Post.objects.get(slug = slug)

        if post != None:

            return render(request,'post.html',locals())

    except:

        return redirect('/')#返回首页

#在views中调用属于同一个标签文章

def search_tag(request): #tag在URL中获取

    tag = request.GET.get('p')

    print(tag)

    try:

        posts = Post.objects.filter(tags=tag)#注意这里写的是filter

        if posts != None:#这里使用的是posts，和index.html中对应

            return render(request,'index.html',locals())

    except:

        print('没找到')

url.py在url中注册路径

from django.conf.urls import url, include

from django.contrib import admin

from django.urls import path

from myblogs import views

#import tinymce

urlpatterns = [

    path('', views.homepage),#进入系统主页

    path('admin/', admin.site.urls),#进入管理员页面

    path('post/<slug:slug>/',views.show_detail),#显示详细信息# 定义拼接地址，获取标签信息

    url(r'^tag/$', views.search_tag)#注意这里使用的是url 和正则表达式 需要前文中引入

    #url(r'^tinymce/', include('tinymce.urls')),  # 这是富文本编辑器

]

在界面中添加css或者是图片

  1. 配置setting

    STATIC_URL = '/static/'
    
STATICFILES_DIRS = [
    
    os.path.join(BASE_DIR, 'static'),
    
]

  2. 在界面中引入

    1.方法一
    
{% load staticfiles %}
    
<title>{% block title %} {% endblock %}</title>
    
2.方法二
    
{% load staticfiles %}
    
<link rel="stylesheet" href="{% static 'index.css' %}">

python基础[18]——使用django创建一个简易的博客网站的更多相关文章

  1. Python学习笔记23:Django构建一个简单的博客网站（一个）

    在说如何下载和安装Django,本节将重点讨论如何使用Django站点. 一 新建project 命令:django-admin startproject mysite # 有的须要输入:django ...

  2. 使用Phalcon框架开发一个简易的博客系统

    使用Phalcon PHP框架开发一个简易的博客系统(类似于CMS) 最近在做Phalcon(Phalcon在英文中指的是鸟类中飞得最快的那一个物种,由于是高性能框架,借用了这个词)相关的项目,由于刚 ...

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

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

  4. hexo搭建简易的博客网站

    0.环境检测 1.系统升级(图形更新) #update-manager 检测状态 2.检测升级(命令更新) #sudo apt update #sudo apt -y dist-upgrade 一.安 ...

  5. 从开发到部署，使用django创建一个简单可用的个人博客

    本文参考于: 简书-Django搭建简易博客教程:http://www.jianshu.com/p/d15188a74104 自强学堂-Django基础教程:http://www.ziqiangxue ...

  6. 用django搭建一个简易blog系统（翻译）（一）

    Django 入门 原始网址: http://www.creativebloq.com/netmag/get-started-django-7132932 代码:https://github.com/ ...

  7. [python]使用django快速生成自己的博客小站，含详细部署方法

    前言 人生苦短,我用python 这是之前经常听到的一句笑谈.因为新公司很多业务是用的python语言,所以这几天也一直在学习python的一些东西. 作为一个之前一直java后端的开发人员,对比ja ...

  8. 使用Python创建一个简易的Web Server

    Python 2.x中自带了SimpleHTTPServer模块,到Python3.x中,该模块被合并到了http.server模块中.使用该模块,可以快速创建一个简易的Web服务器. 我们在C:\U ...

  9. 用django创建一个简单的sns

    用django创建一个简单的sns 1.首先创建一个工程newsns django-admin.py startproject newsns 在工程目录下新建一个文件夹templates,在该文件夹下 ...

随机推荐

  1. 【NS2】ns2 otcl与c++关联（转载）

    最近几天,对ns2进行研究,ns2为什么要使用两种语言,因为C++执行速度快,因此对于一些不需要经常改变的东西:例如包的发送.而对于需要经常进行修改的就不能够使用C++,而使用OTcl脚本语言.所有O ...

  2. LeetCode86 Partition List

    题目: Given a linked list and a value x, partition it such that all nodes less than x come before node ...

  3. @bzoj - 2395@ [Balkan 2011]Timeismoney

    目录 @description@ @solution@ @accepted code@ @details@ @description@ 有n个城市(编号从0..n-1),m条公路(双向的),从中选择n ...

  4. @codeforces - 1214F@ Employment

    目录 @description@ @solution@ @accepted code@ @details@ @description@ 有 m 个城市围成一个圆环,编号为 1~m. 某公司有 n 个职 ...

  5. 【[Offer收割]编程练习赛15 A】 偶像的条件

    [题目链接]:http://hihocoder.com/contest/offers15/problem/1 [题意] [题解] 把3个数组的元素全都合并在一个数组里面; (当然你要记录每个数字原本是 ...

  6. hdu 3635 Dragon Balls (MFSet)

    Problem - 3635 切切水题,并查集. 记录当前根树的结点个数,记录每个结点相对根结点的转移次数.1y~ 代码如下: #include <cstdio> #include < ...

  7. hdu 3662 3D Convex Hull

    Problem - 3662 题意很简单,构造三维凸包,求凸包有多少个面. 代码如下: #include <cstdio> #include <iostream> #inclu ...

  8. H3C 主机接收IP包

  9. jq常用动画fade slide

    https://www.cnblogs.com/sandraryan/ hide(); <div class="box">big box</div> $(' ...

  10. lavarel 响应宏

    宏的概念 计算机里的宏是批量处理的意思.比如我们在进行文本编辑的时候,打错字会有回退的功能——control+z:但是这是我们的键盘操作,计算机在进行处理的时候是不能理解的,他必须对最近两次操作进行比 ...