【Django 实战】从零打造功能完备的博客系统——爱博客iBlog摘要本文详细介绍了一个基于 Django 4.2 Bootstrap 5.3 开发的全功能博客系统包含用户管理、文章发布、双重审核、树形评论、AJAX 互动等核心功能。项目代码完整适合 Django 初学者学习和企业二次开发。 目录一、项目简介二、技术栈选型三、核心功能展示四、系统架构设计五、源码获取一、项目简介1.1 项目背景随着自媒体的蓬勃发展越来越多的人希望拥有自己的博客平台。虽然市面上已有 WordPress、Hexo 等成熟方案但为了深入学习 Django 框架我决定从零开始开发一个功能完备的博客系统——爱博客iBlog。1.2 项目定位目标用户Django 初学者、需要内容管理系统的中小企业核心特色双重审核机制、树形评论系统、AJAX 异步交互、现代化后台开发周期X 周建议填写实际周期代码规模600 行核心代码9 个模板文件项目首页截图二、技术栈选型2.1 后端技术栈技术版本用途Python3.12开发语言Django4.2Web 框架SQLite3-数据库可切换 MySQL/PostgreSQLPillowlatest图片处理SimpleUIlatest后台管理主题2.2 前端技术栈技术版本用途Bootstrap5.3UI 框架Bootstrap Icons1.11.3图标库JavaScriptES6交互逻辑HTML5/CSS3-页面结构与样式2.3 开发工具IDEPyCharm / VS Code版本控制Git数据库管理DBeaver / Navicat接口测试Postman技术栈思维导图三、核心功能展示3.1 用户系统功能亮点✅ 自定义用户模型手机号、头像、简介✅ 完整的认证体系登录/登出/密码修改✅ 个人中心我的文章、资料编辑✅ 公开用户主页展示文章、收藏、关注和粉丝✅ 成就统计面板个人中心截图关键代码自定义用户模型#blog/models.pyclassCustomUser(AbstractUser):自定义用户模型phone_numbermodels.CharField(手机号,max_length20,blankTrue)avatarmodels.ImageField(头像,upload_toavatars/,blankTrue,nullTrue)introductionmodels.TextField(简介,blankTrue,nullTrue)def__str__(self):returnself.username3.2 文章管理功能特性✅ 富文本编辑器可扩展 Markdown✅ 封面图上传✅ 草稿箱功能✅ 双重审核机制状态 审核状态✅ 分类管理✅ 上一篇/下一篇导航✅ 浏览量统计文章详情截图双重审核机制文章状态 STATUS_CHOICES[(draft,草稿),(published,已发布),(archived,已归档),]审核状态 REVIEW_CHOICES[(pending,待审核),(approved,审核通过),(rejected,审核未通过),]设计优势用户保存草稿不影响审核流程管理员可批量审核文章已发布文章可撤回重新审核3.3 评论系统功能亮点✅ 无限层级嵌套回复✅ 提醒功能✅ 评论折叠/展开✅ 管理员隐藏评论✅ 时间戳显示评论区截图递归获取后代评论defget_all_descendants(comment):递归获取评论的所有后代评论descendants[]forreplyincomment.replies.all():descendants.append(reply)descendants.extend(get_all_descendants(reply))returndescendants3.4 互动功能AJAX 点赞无需刷新页面实时更新计数防止重复点赞点赞动作截图// 点赞核心代码asyncfunctiontoggleLike(articleId){constresponseawaitfetch(/like/${articleId}/,{method:POST,headers:{X-CSRFToken:getCookie(csrftoken)}});constdataawaitresponse.json();// 更新 UI updateLikeCount(data.like_count); }收藏功能一键收藏文章个人收藏夹实时统计收藏数3.5 后台管理SimpleUI 主题配置#settings.pySIMPLEUI_CONFIG{system_keep:False,menu_display:[文章管理,用户中心,外部链接],menus:[{name:文章管理,icon:fas fa-newspaper,models:[{name:所有文章,url:/admin/blog/article},{name:评论管理,url:/admin/blog/comment},{name:分类管理,url:/admin/blog/category},]},# ... 更多菜单]}后台管理截图自定义操作按钮一键切换文章状态一键切换审核状态批量操作发布/审核/隐藏四、系统架构设计4.1 目录结构mydemo/ ├── blog/# 核心应用│ ├── models.py# 数据模型定义│ ├── views.py# 业务逻辑视图│ ├── admin.py# 后台管理配置│ ├── forms.py# 表单处理│ ├── urls.py# 路由配置│ ├── templatetags/# 自定义模板标签│ └── templates/blog/# 前端模板文件├── mydemo/# 项目配置│ ├── settings.py# 全局配置│ └── urls.py# 主路由入口├── media/# 用户上传文件 (图片等)├── static/# 静态资源 (CSS, JS, Images)├── manage.py# Django 管理脚本└── db.sqlite3# 数据库文件4.2 目录结构数据模型概览系统包含 6 个核心数据模型设计严谨CustomUser: 扩展用户模型包含头像、简介、手机号及成就统计。Article: 文章模型支持封面图、分类关联、浏览量及双重状态管理。Comment: 评论模型自关联实现无限嵌套树形结构。Category: 分类模型自动生成 Slug支持隐藏/显示状态。Like: 点赞记录唯一约束防止重复点赞。Favorite: 收藏记录唯一约束防止重复收藏。Follow: 关注记录唯一约束防止重复关注。4.3 快速开始克隆项目gitcloneyour-repo-urlcdmydemo创建并激活虚拟环境# Windowspython-mvenv .venv .venv\Scripts\activate# macOS/Linuxpython3-mvenv .venvsource.venv/bin/activate安装依赖pipinstalldjango pillow# 如果有 requirements.txt# pip install -r requirements.txt数据库迁移python manage.py makemigrations python manage.py migrate创建超级管理员python manage.py createsuperuser启动服务python manage.py runserver访问系统 前台首页:http://localhost:8000/ 后台管理:http://localhost:8000/admin/五、源码获取爱博客