一、页面实现

  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. @codeforces - 1187F@ Expected Square Beauty

    目录 @description@ @solution@ @accepted code@ @details@ @description@ 给定一个序列 x = {x1, x2, ..., xn},已知 ...

  2. uni-app拨打电话

    调起通讯页面拨打电话 https://uniapp.dcloud.io/api/system/phone?id=makephonecall 点击按钮直接拨打电话 <template> &l ...

  3. pytorch nn.Embedding

    pytorch nn.Embeddingclass torch.nn.Embedding(num_embeddings, embedding_dim, padding_idx=None, max_no ...

  4. H3C 各种视图之间的关系

  5. NodeMCU快速上云集锦

    摘要: 上至智慧园区项目,下至 `Hello world`,基于开源 MQTT 协议,阿里云 IoT 用户使用 NodeMCU 完成了不少 IoT 项目,以下为项目和教程集锦,欢迎大家一起上手试试. ...

  6. Ext.FormPanel-----FieldSet的用法

    Ext.form.FieldSet的常用配置项: 1.checkboxToggle : Mixed True表示在lengend标签之前fieldset的范围内渲染一个checkbox,或者送入一个D ...

  7. SuperSocket根据条件获取 Session

    如果你有一个自定义的属性 "CompanyId" 在你的 AppSession 类之中,如果你想要获取这个属性等于某值的 的所有 Session, 你可以使用 AppServer ...

  8. JavaScript的一些SAO操作

    IE判断检测 jQuery 在 1.9 版本之前,提供了一个浏览器对象检测的属性 使用率极高.但是在版本发布之后,大家钟爱的这个属性被无情的抛弃了.大家开始着手寻找.browser 的替代方案.于是各 ...

  9. TabHost选项卡的实现（二）：使用Fragment实现

    在上一篇博客<TabHost选项卡的实现(一):使用TabActivity实现>中,讲解了如何使用TabActivity创建管理选项卡,但是,通过TabActivity创建选项卡的方式已经 ...

  10. Python--day46--上节内容回顾及补充

    1,union(把两张表连起来,以上下的方式):具有自动去重的功能,有相同的就去掉. 结果: 2,union all就没有去重的功能 3,临时表,指定映射,条件,三元运算