利用django写一个博客系统

最新推荐文章于 2024-04-04 09:13:19 发布
最新推荐文章于 2024-04-04 09:13:19 发布
阅读量347 收藏 1
点赞数 1
文章标签： django python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40604197/article/details/105154933
版权

萌新第一次利用django写一个博客系统

搭建环境 利用pycharm
1.新建一个python项目
使用pip install django=3.0.0
在这里插入图片描述
然后使用命令django-admin startproject [项目名]创建项目
在这里插入图片描述
使用python manage.py startapp [app名]创建app
在这里插入图片描述
查看目录结构在这里插入图片描述
添加应用
在这里插入图片描述
在APP中models.py写入自己的model
在这里插入图片描述

model的代码

from django.db import models

# Create your models here.
class ListInfo(models.Model):
    articleName=models.CharField(max_length=20)
    create_date=models.DateField()
    def __str__(self):
        return self.articleName
class ArticleInfo(models.Model):
    articleTitle=models.CharField(max_length=20)
    article=models.CharField(max_length=10000)
    gender=models.BooleanField(default=True)
    list=models.ForeignKey(ListInfo,on_delete=models.CASCADE)

生成迁移文件
python manage.py makemigrations

在这里插入图片描述
根据迁移文件生成数据库创建表
python manage.py migrate在这里插入图片描述
生成数据库文件
在这里插入图片描述

使用SQLite对数据库文件进行编辑和查看
在这里插入图片描述
配置项目的url和app的url
在这里插入图片描述
在这里插入图片描述
创建目录index.html，新建一个和app平级的tempare文件夹，在tempare文件夹下创建index.html，更改项目的settings文件配置
在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    {%for list in articleList %}
    <li>
       <a href="{% url 'blogApp:article_page' list.id%}">
    {{list.articleName}}
       </a>
    </li>
    {%endfor%}
    <a href="{% url 'blogApp:create_article' %}">增加新文章</a>
</ul>
</body>
</html>

效果如下图在这里插入图片描述
然后创建博客的html article.html
在这里插入图片描述
article代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{% load static %}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jisuanji</title>
<style type="text/css">
.box1{
    background:url("{% static "img2/shutterstock_16717870.jpg"%}") no-repeat;
	height:100%;
	}
.box1 span{
	font-size:50px;
	color:#000;
	display:inline-block;
	margin:20px auto;
	text-align:center;
	width:100%;}
.box2{
    padding: 0px;
    height: 500px;
    width: 100%;
	margin:0px;
	background:#6C3;
	font-size:20px;
	display:inline-block;
	}
.p{
	text-indent:2em;
	color:#000;}
.box3{
    font-size: 18px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
	background:url("{% static "img2/bg-0782.gif"%}");
	height:125px;}
 .article{
     text-indent: 2em;
        color: brown;
    }
.words{
    color: crimson;
}

</style>
</head>

<body>
<div class="box1">
{%for article in articleList%}
<span>{{article.articleTitle}}</span>
</div>
<div class="box2">
    <p class="article">
        {{article.article}}
    </p>
</div>
<div class="box3">
    <br>
    <a href="{% url 'blogApp:change_article' article.id%}" class="words">修改当前文章</a>
    <p> <a href="index" class="words"> 返回博客主页</a></p>
    {%endfor%}
</div>
</body>
</html>

在django中如果要使用图片的话要先建一个和tempares平级的文件夹，然后将图片放入，同时要更改settings中的配置在这里插入图片描述
在这里插入图片描述
注释掉下图中的文件在这里插入图片描述

而且还要在html文件的开始加入如下的{$ load static $} 在这里插入图片描述

然后是创建博客的html和views中的方法，记得每进行一个html的配置就要更改一次urls文件中的url
在这里插入图片描述
html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

{% load static %}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jisuanji</title>
<style type="text/css">
.title{
    font-size: 20px;
    background:url("{% static "img2/shutterstock_16717870.jpg"%}") no-repeat;
	height:110px;
    text-align: center;
}
.article{
      padding: 0px;
    height: 500px;
    width: 100%;
	margin:0px;
	background:#6C3;
	font-size:20px;
	display:inline-block;
    text-align: center;
}
.background3{
    font-size: 18px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
	background:url("{% static "img2/bg-0782.gif"%}");
	height:125px;
}
#title{
    vert-align: top;
    width: 50%;
    height: 50px;
}
#article{
    width: 90%;
    height: 90%;
}
#false{
    width: 10%;
    height: 30%;
}
#sure{
    width: 10%;
    height: 30%;
}
</style>
</head>

<body>
<form action="{%url 'blogApp:edit_action'%}" method="post">
<div class="title">
    <span>
    <a>文章标题</a><br>
    <input type="text" id="title" name="title" value=""/>
</span>
</div>
<div class="article">
    <a>文章内容</a><br>
    <textarea id="article"  name="article"></textarea>
</div>
<div class="background3">
    <br>
    <br>
    <input type="submit" id="sure" name="sure" value="确定"/>
    <input type="button" id="false" name="false" value="取消"onclick="window.open('index.html')"/>
</div>
</form>
</body>
</html>

在这里插入图片描述
在这里插入图片描述
然后是对博客的修改的html changArticle.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

{% load static %}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jisuanji</title>
<style type="text/css">
.title{
    font-size: 20px;
    background:url("{% static "img2/shutterstock_16717870.jpg"%}") no-repeat;
	height:110px;
    text-align: center;
}
.article{
      padding: 0px;
    height: 500px;
    width: 100%;
	margin:0px;
	background:#6C3;
	font-size:20px;
	display:inline-block;
    text-align: center;
}
.background3{
    font-size: 18px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
	background:url("{% static "img2/bg-0782.gif"%}");
	height:125px;
}
#title{
    vert-align: top;
    width: 50%;
    height: 50px;
}
#article{
    width: 90%;
    height: 90%;
}
#false{
    width: 10%;
    height: 30%;
}
#sure{
    width: 10%;
    height: 30%;
}
</style>
</head>

<body>
<form action="{%url 'blogApp:change_action'%}" method="post">
    <input type="hidden" id="articleId" name="articleId" value="{{article.id}}"/>
<div class="title">
    <span>
    <a>文章标题</a><br>
    <input type="text" id="title" name="title" value="{{article.articleTitle}}"/>
</span>
</div>
<div class="article">
    <a>文章内容</a><br>
    <textarea id="article"  name="article">{{article.article}}</textarea>
</div>
<div class="background3">
    <br>
    <br>
    <input type="submit" id="sure" name="{{article.id}}" value="确定"/>
    <input type="button" id="false" name="false" value="取消"onclick="window.open('index.html')"/>
</div>
</form>
</body>
</html>

views中的代码如下

from django.shortcuts import render
from django.http import HttpResponse
from .models import  *
from django.db.models import Max
from datetime import datetime
# Create your views here.

def index(request):
    list=ListInfo.objects.all()
    context={"articleList":list}
    return render(request,"blog/index2.html",context)

def details(request,id):
    list=ListInfo.objects.get(id=id).articleinfo_set.all()
    context={"articleList":list}
    return render(request,'blog/article/article.html',context)

def change(request,id):
    list=ArticleInfo.objects.get(id=id)
    context={"article":list}
    return render(request,"blog/article/changeArticle.html",context)

def edit_action(request):
    #print(ArticleInfo.objects.all().aggregate(Max("id")))
    #print(ArticleInfo.objects.all().aggregate(Max("id")).get("id__max"))
    articleMax=ArticleInfo.objects.all().aggregate(Max("id")).get("id__max")
    listMax= ListInfo.objects.all().aggregate(Max("id")).get("id__max")
    title=request.POST.get("title","TITLE")
    content=request.POST.get("article","ARTICLE")
    add=ArticleInfo(articleTitle=title,article=content,id=articleMax+1,list_id=listMax+1)
    add1 = ListInfo(articleName=title,id=listMax+1,create_date="2020-03-08")
    add1.save()
    add.save()
    articles=ListInfo.objects.all()
    context={"articleList":articles}
    return render(request,"blog/index2.html",context)

def create_article(request):
    return render(request,"blog/article/createArticle.html")

def change_action(request):
    retid=request.POST.get("sure","SURE")
    title = request.POST.get("title", "TITLE")
    content = request.POST.get("article", "ARTICLE")
    article=ArticleInfo.objects.get(id=retid)
    article.articleTitle=title
    article.article=content
    list=ListInfo.objects.get(id=article.list_id)
    list.articleName=title
    list.save()
    article.save()
    articles=ListInfo.objects.all()
    context={"articleList":articles}
    return render(request, "blog/index2.html", context)

urls中的配置

from . import views
from django.conf.urls import url

app_name="[blogApp]"
urlpatterns=[
    url("index",views.index,name="index"),
    url("article/(\d+)",views.details,name="article_page"),
    url("change/(\d+)",views.change,name="change_article"),
    url("create",views.create_article,name="create_article"),
    url("edit/action$",views.edit_action,name="edit_action"),
    url("change/action",views.change_action,name="change_action")
]

在html中可以通过app名:url名来调用对应的url
比如要调用第二个url，可以在html方法中使用

<a href="{% url 'blogApp:create_article' %}">

但是必须要在app的url文件添加app的名字
app_name="[app名]"

button按钮可以通过οnclick=“url”来点击跳转到另外的界面
传输数据要通过format标签和submit传入数据，然后在对应的方法中进行增删改查

<body>
<form action="{%url 'blogApp:edit_action'%}" method="post">
<div class="title">
    <span>
    <a>文章标题</a><br>
    <input type="text" id="title" name="title" value=""/>
</span>
</div>
<div class="article">
    <a>文章内容</a><br>
    <textarea id="article"  name="article"></textarea>
</div>
<div class="background3">
    <br>
    <br>
    <input type="submit" id="sure" name="sure" value="确定"/>
    <input type="button" id="false" name="false" value="取消"onclick="window.open('index.html')"/>
</div>
</form>
</body>

在更改博客时可以通过html的隐藏域来讲博客的id传入到后端中，对数据库进行更改
代码如下

<input type="hidden" id="articleId" name="articleId" value="{{article.id}}"/>

不过在写标签的input的时候，千万不要忘记input结尾有一个/，不然在后端中使用request.POST.get(“articleId”,“ARTICLEID”)就无法获得id值，而是你定义的默认的ARTICLEID

栞那
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
用django框架写一个博客项目
也许会有_hui的博客
04-01 624
目录 1.查询所有的文章，完成文章的展示列表页 （1）查询所有文章(views.py) （2）将数据返回前端 （3）前端调用循环渲染数据 2.根据列表页提供的id查询文章详情 （1）查询详情 （2）返回前端 3.项目监听本机所有ip （1）修改pycharm配置 （2）修改settings.py配置 4.效果 5.富文本 6.分页 1.查询所有的文章，完成文章的展示列表...
Django的blog博客系统
qq_40894300的博客
06-10 399
博客系统一、新建工程二、建立静态文件夹配置静态文件夹和项目文件配置新建App应用源码model orm = = = =》 数据库语句路由分发URLS.py与视图views.py验证码实现模板文件模板我所用的是bootstrap提供的直接去官网下载就行了 一、新建工程 创建项目 Django-admin startproject conf conf 是项目名称 此时会在当前目录下生成一个与之同...
django编写的博客系统
11-21
使用python django框架完成的个人博客，Django写blog源代码。
Django完整的开发一个博客系统
weixin_33915554的博客
06-05 4055
今天花了一些时间搭了一个博客系统，虽然并没有相关于界面的美化，但是发布是没问题的。 开发环境 操作系统：windows 7 64位 Django： 1.96 Python：2.7.11 IDE： PyCharm 2016.1 功能篇 既然是博客系统，发布的自然是博客了。让我们想想，一篇博客有什么属性。所以我们要有能...
【附源码】django计算机毕业设计的个人博客系统(源码+mysql+论文)
最新发布
橙蓝毕设程序
04-04 454
随着互联网技术的不断发展，个人博客系统的功能也越来越丰富，不仅仅是简单的文字、图片展示，还可以实现视频、音频等多种形式的互动。通过开发一个具有良好用户体验、功能丰富、易于管理的个人博客系统，可以为现代人提供一个更好的个人展示和交流平台，满足他们对个性化、互动性的需求，同时也有助于提高个人品牌价值，促进知识分享和传播。在数据库管理工具的选择上，使用了Navicat 11，这是一个用户友好且功能强大的数据库管理软件，它支持多种数据库系统，包括MySQL，并提供了图形化界面，使得数据库的管理和维护工作更加便捷。
基于Django的博客系统
weixin_30700977的博客
09-11 534
目前本项目已经上线，可以直接在GEEK浏览本项目效果：http://blog.huangyongchi.com/ 全新的项目源码地址：https://github.com/hyyc554/YcBlog 1.项目需求 基于ajax和用户认证组件实现登录验证 基于ajax和form组件实现注册功能 系统首页文章列表的渲染 个人站点页面设计 文章详细页的继承 点赞与踩灭 评论功能 ...
Python使用Django实现博客系统完整版
09-20
主要为大家详细介绍了Python利用Django完整的开发一个博客系统，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Django搭建个人博客
06-25
这个资源提供了一个快速搭建博客的解决方案，使用Django框架和MySQL数据库。它有很多特点和功能，使得博客站点变得更加易于管理和定制化。 其中最显著的特点是markdown渲染和代码高亮功能。这意味着你可以以更简洁...
基于django+xadmin搭建的博客系统源码.zip
10-30
项目介绍：基于Django+Xadmin打造的个人博客,利用wordpress模板，与Django交互，实现内容发布，主页展示，文章归档，评论等功能，利用requests库、re库等爬虫技术实现数据收集作为网站每日实时新闻，利用haystack...
基于Django YOLOv5搭建实时多摄像头监控系统
06-09
基于Django YOLOv5搭建实时多摄像头监控系统，详细内容可参考本人博客：https://blog.csdn.net/wangyaninglm/article/details/127619678
Django-Blog-Website:这是我的个人博客网站的代码
03-29
我的Django博客概述这是我的anthonykugel.com的django代码存储库。 该网站是使用django网络框架编写的。... 该网站本身正在AWS上... 这是架构图：变更日志和路线图我最终可能会使用plotly合并一个Dashboard。 这将是利用p
基于python框架django实现的个人博客管理系统包含前端+后台
06-29
基于python框架django实现的个人博客管理系统包含前端+后台 运行环境 django1.10+python3+sublime text3+Navicat Premium+cmd命令 项目技术 django+python+sql+cmd+html+css+jquery 使用分页插件，jquery实现万年历，实现时间自动同步更新，调用QQAPI会话面板，前后端分离，后台对数据的增删查改，对用户增删查改，对用户权限赋予等等。 数据库文件sqlite文件—db.sqlite3，数据库名dfyblog 账户密码： admin+password123
基于Django的博客的系统
02-18
文章，页面，分类目录，标签的添加，删除，编辑等。文章及页面支持Markdown，支持代码高亮。 支持文章全文搜索。 完整的评论功能，包括发表回复评论，以及评论的邮件提醒，支持Markdown。 侧边栏功能，最新文章，最多阅读，标签云等。 支持的Oauth登陆，现已有谷歌，GitHub上，脸谱，微博，QQ登录。 请立即获取iTunes Memcache缓存，支持缓存自动刷新。 简单的SEO功能，新建文章等会自动通知谷歌和百度。 集成了简单的图床功能。 集成django-compressor，自动压缩css，js。 网站异常邮件提醒，若有未捕捉到的异常会自动发送提醒邮件。 集成了微信公众号功能，现在可以使用微信公众号来管理你的VPS了。
Python-基于django的个人博客系统ablogbasedjango
08-10
基于django的个人博客系统 a blog base django
基于Django1.9.5开发一个简单的博客系统
06-22
1.页面美化，加入了自定义样式和最新bootstrap 2.文章评论功能，并且显示每篇文章的评论数 3.文章标签，侧边栏会显示标签云，具体还有一个实现标签云的算法 4.分类目录，最新文章，评论列表的显示 5.文章归档功能，按照月份归档 6.实现热门文章功能，根据点击率来排名 7.文章的分页显示，每页大小可后台设置 8.给文章评分，顶和踩 9.全文搜索功能 10.引入富文本编辑器，让格式更漂亮，并支持代码高亮等功能 11.全面集成redis缓存系统，提升系统速度 12.i18n国际化 13.集成xadmin的后台管理系统，管理员维护博客。
django 写的一个小博客
04-08
django 写的一个小博客.urls 有点小问题。大家一起看看吧？ 请指证。谢谢。
基于Django的个人博客系统
qq_44241861的博客
04-29 1765
文章目录项目简介项目功能项目待完善功能技术分析技术难点项目代码 项目简介 本系统采用 Django 技术,前后台开发工具为 Pycharm，数据库采用 MySQL 来进行开发。该文主要包含游客前台阅读、留言博文, 功能,后台用户登录 注册、管理个人博客, 精确地记录一篇文章的阅读量, 自动生成文章摘要等功能。为了让博客文章具有良好的排版，显示更加丰富的格式，支持 Markdown 语法和代码高亮。...
Django博客系统（登录）
IT之一小佬的博客
09-29 727
1. 登录页面展示 1.在users.views.py文件中定义视图 from django.views import View class LoginView(View): def get(self,request): return render(request,'login.html') 2.在users.urls.py文件中定义路由 from users.views import LoginView urlpatterns = [ # 参数1：路由
用Django写一个博客系统
02-17
我可以提供些建议，但是最终由你来决定如何利用Django来构建博客系统。首先，你可以使用Django的模型来存储博客文章的数据，包括文章的标题、内容和其他元数据。其次，你可以使用Django的模板引擎来渲染博客文章，将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值