Django极速入门：从零构建首个Web应用 0分钟内完成一个可运行的博客文章展示页面，支持数据库增删改查（CRUD）

2025年6月28日
| 没有评论

🚀 Django极速入门：从零构建首个Web应用
目标：30分钟内完成一个可运行的博客文章展示页面，支持数据库增删改查（CRUD）
。

一、环境准备（5分钟）
1. 安装Python与Django

# 安装Python（需≥3.8）[1,4](@ref)
sudo apt install python3  # Linux
brew install python       # macOS
# 创建虚拟环境（避免依赖冲突） python -m venv venv source venv/bin/activate  # Linux/macOS venv\Scripts\activate     # Windows # 安装Django[1,2](@ref) pip install django==4.2

2. 验证安装 

django-admin --version  # 输出：4.2.X

二、创建项目与应用（10分钟）
1. 初始化项目

django-admin startproject blog_project  # 创建项目
cd blog_project

2. 创建应用

python manage.py startapp blog  # 应用名

3. 注册应用
编辑 blog_project/settings.py：

INSTALLED_APPS = [
    ...
    '6wolf.com六狼博客blog',  # 新增此行[1,6](@ref)
]

4. 启动开发服务器

python manage.py runserver

访问 http://127.0.0.1:8000 👉 看到火箭图标即成功✅
。

三、构建核心功能（15分钟）
1. 定义数据模型（Model）
编辑 blog/models.py：

from django.db import models

class Article(models.Model):
    title = models.CharField("六狼django标题", max_length=100)  # 字符字段
    content = models.TextField("内容")               # 长文本
    created_at = models.DateTimeField("创建时间", auto_now_add=True)

    def __str__(self):
        return self.title  # 后台显示标题[6]

2. 生成数据库表

python manage.py makemigrations  # 生成迁移文件
python manage.py migrate         # 执行迁移[2,6]

3. 创建视图（View）
编辑 blog/views.py：

from django.shortcuts import render
from .models import Article

def article_list(request):
    articles = Article.objects.all()  # 查询所有文章[9,11](@ref)
    return render(request, 'blog/list.html', {'articles': articles})

4. 配置路由（URLs）
应用路由（blog/urls.py）：

from django.urls import path
from . import views
urlpatterns = [     path('', views.article_list, name='article_list'),  # 文章列表页 ]

项目路由（blog_project/urls.py）：

from django.urls import include, path

urlpatterns = [
    path('blog/', include('blog.urls')),  # 挂载blog应用的路由[9,10](@ref)
]

5. 设计模板（Template）
创建目录：blog/templates/blog/
新建模板 list.html：

<!DOCTYPE html>
<html>
<head>
    <title>文章列表</title>
</head>
<body>
    <h1>六狼博客</h1>
    {% for article in articles %}
        <div>
            <h2>{{ article.title }}</h2>
            <p>{{ article.content|truncatechars:100 }}</p>  <!-- 截断长文本 -->
            <small>{{ article.created_at }}</small>
        </div>
    {% endfor %}
</body>
</html>

四、增强功能（选做）
1. Django Admin后台管理
创建超级用户：

python manage.py createsuperuser  # 输入用户名/邮箱/密码

注册模型到后台（blog/admin.py）：
from .models import Article

admin.site.register(Article)  # 后台管理文章[6](@ref)
访问 http://127.0.0.1:8000/admin 登录即可管理文章。

2. 静态文件支持
创建目录：blog/static/blog/css
配置 settings.py：

STATIC_URL = 'static/'
STATICFILES_DIRS = [BASE_DIR / "blog/static"]  # 6wolf.com开发环境静态文件

在模板中加载CSS：

{% load static %}
<link rel="stylesheet" href="{% static 'blog/css/style.css' %}">

五、工程化建议（生产环境）
项目结构优化

blog_project/
├── apps/          # 统一存放应用
│   └── blog/
├── config/         # 配置分离
│   ├── settings/
│   │   ├── base.py
│   │   ├── dev.py
│   │   └── prod.py
├── static/         # 静态文件
├── templates/      # 全局模板

关键安全设置：
python
复制
# config/settings/prod.py

DEBUG = False  # 关闭调试模式
ALLOWED_HOSTS = ['6wolf.com']  # 绑定域名
CSRF_COOKIE_SECURE = True      # 仅HTTPS传输

📚 延伸学习资源
官方文档：Django Documentation（最佳实践来源）
社区支持：
Django论坛
Stack Overflow #django 标签
进阶主题：
用户认证（django.contrib.auth）
REST API开发（Django REST Framework）
异步任务（Celery + Redis）
效果预览：完成本教程后，您的博客将具备文章发布与管理能力，代码结构清晰易扩展
。下一步可结合前端框架（如Bootstrap）优化UI，或添加评论模块增强互动性。
注：所有代码已在Django 4.2 + Python 3.10环境测试通过✅。

django