一、页面实现

  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. javascript中字符的一些常规操作

    1,获取第一个字符 var str = "hello word"; console.log(str[0]); // h 2,获取最后一个字符 var str = "hel ...

  2. hdu 1561【树形dp+01背包】

    http://acm.hdu.edu.cn/showproblem.php?pid=1561 很容易想到如果是要攻克v城需要先攻克u城的话,可以建u到v的边.但是如果能够直接攻克u城呢?无边可建,这样 ...

  3. Android学习：导入工程时报错The import android cannot be resolved

    今天在导入别人的工程时,出现了一个这个问题The import android cannot be resolved 就是找不到import android.support.v7.app.Action ...

  4. ROS开发过程中遇到：Could not find a package configuration file provided by "qt_build" with any of the following names: qt_buildConfig.cmake qt_build-config.cmake........

    最近在搭建QT开发ROS 界面的环境,遇到了很多问题,参考了很多资料,最后发现有些问题其实没有那么复杂,只是我们对整体环境还不了解,熟悉了以后你会发现有些问题就迎刃而解了. 在这个过程中,我首先新建了 ...

  5. ROS 设置串口USB软连接

    原创:未经同意,请勿转载 我们在windows 通过USB连接串口,在设备串口中可以观测到COM0或者COMx.当我们插入不同的USB口时会显示不同的COM. 在UBUNTU下,ROS下接收串口信息时 ...

  6. JVM 调优 —— GC 长时间停顿问题及解决方法

    零. 简介 垃圾收集器长时间停顿,表现在 Web 页面上可能是页面响应码 500 之类的服务器错误问题,如果是个支付过程可能会导致支付失败,将造成公司的直接经济损失,程序员要尽量避免或者说减少此类情况 ...

  7. 理解虚拟主机与VPS，云服务器CVM与云服务器ECS的区别

    1.理解虚拟主机与VPS的区别:VPS与虚拟主机的区别 2.理解云服务器CVM与云服务器ECS的区别:云服务器CVM与云服务器ECS的区别 3.锐速安装一键包

  8. poj 3675 Telescope （圆与多边形面积交）

    3675 -- Telescope 再来一题.这题的代码还是继续完全不看模板重写的. 题意不解释了,反正就是一个单纯的圆与多边形的交面积. 这题的精度有点搞笑.我用比较高的精度来统计面积,居然wa了. ...

  9. oracle CBO下使用更具选择性的索引

    基于成本的优化器(CBO, Cost-Based Optimizer)对索引的选择性进行判断来决定索引的使用是否能提高效率. 如果索引有很高的选择性, 那就是说对于每个不重复的索引键值,只对应数量很少 ...

  10. 【t065】最敏捷的机器人

    Time Limit: 1 second Memory Limit: 128 MB [问题描述] [背景] Wind设计了很多机器人.但是它们都认为自己是最强的,于是,一场比赛开始了~ [问题描述] ...