一、页面实现

  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. Android横竖屏切换和灭屏亮屏时Activity的生命周期探究(1)

    研究这个问题的初衷在于项目中碰到了一个问题:横屏的时候灭屏再亮屏,亮屏的时候用户能够清晰的看到先启动竖屏(过程1)再切换到横屏的过程,因为灭屏的时候onSaveInstanceState()保存的时横 ...

  2. DirectEvents用法

    DirectEvents异步执行服务器端事件 我们首先来看一下Ext.Net DirectEvents的一个最简单用法,通过点击按钮触发服务器端的事件处理方法,并在前台弹出一个提示框. <ext ...

  3. ubuntu14.04 编译hadoop-2.6.0-cdh5.4.4

    1 protocol buffer sudo apt-get install libprotobuf-dev asn@hadoop1:~/Desktop$ protoc --version libpr ...

  4. H3C 以太网集线器

  5. JavaScript的一些SAO操作

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

  6. Codeforces Round #172 (Div. 1 + Div. 2)

    A. Word Capitalization 模拟. B. Nearest Fraction 枚举. C. Rectangle Puzzle 求出两个矩形的点,套简单多边形的面积交板子. D. Max ...

  7. 2018-8-10-win10-uwp-使用-Geometry-resources-在-xaml

    title author date CreateTime categories win10 uwp 使用 Geometry resources 在 xaml lindexi 2018-08-10 19 ...

  8. uni-app 生命周期函数

    应用生命周期 函数名 说明 onLaunch 当uni-app 初始化完成时触发(全局只触发一次) onShow 当 uni-app 启动,或从后台进入前台显示 onHide 当 uni-app 从前 ...

  9. 扶桑号战列舰 （单调栈+线段树区间更新懒惰标记 or 栈）

    传送门 •题目描述 题目描述 众所周知,一战过后,在世界列强建造超无畏级战列舰的竞争之中,旧日本海军根据“个舰优越主义”,建造了扶桑级战列舰,完工时为当时世界上武装最为强大的舰只. 同时,扶桑号战列舰 ...

  10. P1096 4个数的全排列

    题目描述 输入4个有序的个位数.按照字典序输出它们的全排列. 输入格式 输入四个数字a,b,c,d.(0<=a,b,c,d<10) 输出格式 输出它们的全排列.每个排列占一行.而且每个排列 ...