零基础也能搭网站?手把手教你用Django建第一个Python网站!

算法Web
2026-01-13 15:59
阅读 1280

大家好,我是阿哲,一个在大厂干了3年后端开发的打工人,同时也是B站上那个总在深夜录视频的技术UP主。最近收到好多私信:“学Python能做网站吗?”“简历上写会Django有用吗?”“Go和Python到底选哪个?”

今天这篇教程,就是专门写给完全零基础的你——不需要懂HTML,不用会数据库,甚至都没装过Python也没关系。我当初学Django的时候,连“后端”是啥都搞不清,但三天就跑通了自己的第一个网页。现在,轮到你了!

为什么选Django?它和Go、简历有啥关系?

先说清楚:Django 是一个用 Python 写的 Web 框架,简单理解,就是一套帮你快速搭建网站的“工具箱”。你不用从零造轮子,登录、数据库、后台管理这些功能它都给你包好了。

那和 Go 有啥关系?很多同学纠结“该学 Go 还是 Python”?其实不冲突!Go 性能强,适合高并发服务;Python 开发快,适合快速验证想法。而 Django 正是 Python 做 Web 最成熟的方案之一。大厂里,很多内部系统、数据平台、MVP(最小可行产品)都是用 Django 快速搭建的。

更重要的是——写进简历很加分! 我带过的实习生,只要能独立用 Django 做个小项目(比如博客、待办清单),面试官眼睛都会亮一下。因为这说明你:
✅ 会用框架
✅ 理解前后端交互
✅ 有完整项目经验

别小看这点,对零基础转行的同学来说,这就是敲门砖。


第一步:环境准备(5分钟搞定)

💡提示:以下操作在 Windows / macOS / Linux 都适用

1. 安装 Python(必须!)

去官网 https://www.python.org/downloads/ 下载 Python 3.8 或更高版本(别下2.x,早就淘汰了)。

安装时务必勾选 “Add Python to PATH”(Windows 用户特别注意!),不然后面命令会报错。

验证是否成功:

python --version
# 或
python3 ---version

如果显示类似 Python 3.10.12,恭喜,你过关了!

2. 创建虚拟环境(强烈推荐!)

虚拟环境就像给你的项目建个“隔离房间”,避免不同项目之间的依赖冲突。

# 创建名为 mysite 的虚拟环境
python -m venv mysite

# 激活它(Windows)
mysite\Scripts\activate

# 激活它(macOS / Linux)
source mysite/bin/activate

激活后,命令行前面会出现 (mysite),说明你在“房间”里了。

3. 安装 Django

在激活的虚拟环境中运行:

pip install django

验证安装:

django-admin --version
# 输出类似 4.2.7 就对了

🛑新手常见坑:

  • 忘记激活虚拟环境,导致装到全局
  • pip3 而不是 pip(其实一样,但统一用 pip 更稳)
  • 网速慢?可以加国内源:pip install django -i https://pypi.tuna.tsinghua.edu.cn/simple/

第二步:理解 Django 的核心概念(用大白话)

别被术语吓到!我用“开餐馆”来比喻:

Django 概念 餐馆类比 作用
Project(项目) 整个餐馆 包含所有配置、多个应用
App(应用) 厨房 / 收银台 / 外卖部 功能模块,比如用户系统、文章系统
View(视图) 厨师 接到订单(请求),做出菜(返回网页)
URL(路由) 菜单 告诉顾客点“宫保鸡丁”对应哪道菜
Template(模板) 盘子 装菜的样式,决定网页长啥样

✅ 记住:一个 Project 可以包含多个 App,每个 App 负责一块功能。


第三步:动手!创建你的第一个网站

我们来做一个超简单的“欢迎页”网站。

1. 创建项目

django-admin startproject mysite .

注意最后有个 .!表示在当前目录创建,避免多一层文件夹。

目录结构会变成:

mysite/
├── manage.py
└── mysite/
    ├── __init__.py
    ├── settings.py    ← 全局配置
    ├── urls.py        ← 主路由
    └── wsgi.py

2. 启动开发服务器

python manage.py runserver

看到 Starting development server at http://127.0.0.1:8000/ 就成功了!

打开浏览器,访问 http://127.0.0.1:8000,你会看到那只著名的火箭🚀——恭喜,你的网站上线了!

🔥 提示:按 Ctrl + C 可停止服务器

3. 创建一个 App(比如叫 home)

python manage.py startapp home

现在目录多了 home/ 文件夹,里面有:

  • views.py:写逻辑的地方
  • models.py:定义数据结构(这次先不用)
  • apps.py:App 配置

4. 写一个 View(视图)

编辑 home/views.py

from django.http import HttpResponse

def welcome(request):
    return HttpResponse("你好!这是我的第一个Django网站!")

5. 配置 URL 路由

Django 默认不会自动识别你的 view,需要手动“注册”。

第一步:在 home/ 目录下新建 urls.py

from django.urls import path
from . import views

urlpatterns = [
    path('', views.welcome, name='welcome'),
]

第二步:修改项目主路由 mysite/urls.py

from django.contrib import admin
from django.urls import path, include  # 别忘了 import include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('home.urls')),  # 把 home 的路由包含进来
]

6. 注册 App 到项目

打开 mysite/settings.py,找到 INSTALLED_APPS,加上 'home'

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    # ... 其他默认项
    'home',  # ← 加这一行
]

7. 重启服务器,刷新页面!

现在你应该看到自己写的欢迎语了!


第四步:加点花样——用模板(Template)做漂亮页面

硬编码 HTML 不优雅,Django 推荐用 模板 分离逻辑和界面。

1. 创建模板目录

home/ 下新建文件夹:

home/
└── templates/
    └── home/
        └── welcome.html

💡为什么套两层?Django 默认会按 app_name/template_name.html 找,避免不同 App 模板重名。

2. 编写 HTML 模板

home/templates/home/welcome.html

<!DOCTYPE html>
<html>
<head>
    <title>我的第一个网站</title>
    <style>
        body { font-family: Arial, sans-serif; text-align: center; margin-top: 100px; }
        h1 { color: #333; }
    </style>
</head>
<body>
    <h1>🎉 欢迎来到我的 Django 网站!</h1>
    <p>这一刻,你已经迈出了代码人生的第一页。</p>
</body>
</html>

3. 修改 View 使用模板

home/views.py

from django.shortcuts import render

def welcome(request):
    return render(request, 'home/welcome.html')

刷新页面——是不是瞬间变漂亮了?这就是 MVT(Model-View-Template) 模式的魅力!


新手高频问题解答(避坑指南)

❓Q1:为什么页面改了没生效?

  • 检查是否保存了文件
  • 开发服务器会自动重载,但有时需手动重启
  • 模板路径是否正确?必须是 app/templates/app/xxx.html

❓Q2:怎么看到错误信息?

Django 开发模式会显示详细的错误页面(DEBUG=True)。如果一片空白,大概率是 500 错误,看终端日志!

❓Q3:能部署到网上吗?

当然!虽然本教程只讲本地开发,但后续你可以用:

  • 免费方案:Render、Vercel(需配合 API)、Railway
  • 低成本:阿里云学生机(9.9元/月)
  • 企业级:Docker + Nginx + Gunicorn(以后再学)

❓Q4:学完这个能写简历吗?

完全可以!哪怕只是这个欢迎页,也代表你:

  • 掌握了 Web 开发基本流程
  • 理解了 MVC/MVT 架构思想
  • 能独立搭建 Python Web 环境

建议加一句:“使用 Django 搭建个人技术博客原型,实现静态页面渲染与路由配置”。


下一步学什么?我的学习路线建议

  1. 加数据库:用 Django ORM 存用户、文章(学 models.py
  2. 做表单:让用户能提交数据(比如留言本)
  3. 美化界面:集成 Bootstrap 或 Tailwind CSS
  4. 用户系统:注册、登录、权限控制(Django 自带 auth 模块!)
  5. 部署上线:让全世界都能访问你的网站

📌 终极建议:不要只看教程,立刻动手改代码!
比如把欢迎语改成你的名字,加个计数器,或者做个“每日一句”随机显示。只有亲手敲过,才算真正学会。


结语:你的代码人生,从此开始

三年前,我也坐在电脑前,对着黑屏终端一脸懵。但正是这样一个小小的 “Hello World” 页面,点燃了我对后端开发的热情。

Django 不是终点,而是起点。它让你快速看到成果,建立信心。等你熟悉了这套流程,再去学 Go、Node.js、Spring Boot,都会事半功倍。

简历上的“精通 Django”或许遥远,但“完成第一个 Web 项目”就在今天。

如果你觉得这篇教程帮到了你,欢迎去 B站 搜“阿哲代码”,那里有更多手把手实战视频。下期见!

记住:每一个复杂的系统,都始于一行可运行的代码。

评论 0

最热最新
暂无评论
算法WebLv.1
0
影响力
0
文章
0
粉丝