一、页面实现

  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. c#操作sqlite db3数据库

    首先添加引用 System.Data.SQLite.dll,引用只用添加这个,但SQLite.Interop.dll文件必须也和它同时放在Debug目录下 然后可用: SQLiteConnection ...

  2. OpenKruise - 云原生应用自动化引擎正式开源

    2019 年 6 月 24 日至 26 日, 由 Cloud Native Computing Foundation (CNCF) 主办的云原生技术大会 KubeCon + CloudNativeCo ...

  3. jmeter日期处理beanshell(1)

    import java.time.LocalDate; //昨天: String sdate1 = LocalDate.now().minusDays(1).toString(); vars.put( ...

  4. 消息点击率翻倍的背后——闲鱼无侵入可扩展IFTTT系统

    一.面临问题 在闲鱼生态里,用户之间会有很多种关系.其中大部分关系是由买家触发,联系到卖家,比如买家通过搜索.收藏.聊天等动作与卖家产生联系:另外一部分是平台与用户之间的关系.对这些关系分析之后我们发 ...

  5. 伪静态的实现方法：IIS环境下配置

    URL 静态化可以提高搜索引擎抓取,开启本功能需要对 Web 服务器增加相应的 Rewrite 规则,且会轻微增加服务器负担.本教程讲解如何在 IIS 环境下配置各个产品的 Rewrite 规则. 下 ...

  6. intellij idea 搜索

    . Ctrl+N 按名字搜索类 相当于eclipse的ctrl+shift+R,输入类名可以定位到这个类文件 就像idea在其它的搜索部分的表现一样,搜索类名也能对你所要搜索的内容多个部分进行匹配 甚 ...

  7. sublime简介

    Sublime Text是一个代码编辑器.也是HTML和散文先进的文本编辑器.漂亮的用户界面和非凡的功能,例如:多选择,Python插件,代码段等等.完全可自定义键绑定,菜单和工具栏等等.漂亮的用户界 ...

  8. 洛谷 1131 [ZJOI2007] 时态同步

    题目描述 小Q在电子工艺实习课上学习焊接电路板.一块电路板由若干个元件组成,我们不妨称之为节点,并将其用数字1,2,3….进行标号.电路板的各个节点由若干不相交的导线相连接,且对于电路板的任何两个节点 ...

  9. rowStyle设置Bootstrap Table行样式

    日常开发中我们通常会用到隔行变色来美化表格,也会根据每行的数据显示特定的背景颜色,如果库存低于100的行显示红色背景 CSS样式 <style> .bg-blue { background ...

  10. 使用国内阿里maven私服方法

    方法1,在maven的config下setings.xml文件中加入以下代码 <mirrors> <mirror> <id>mirrorId</id> ...