使用PyCharm创建基于Django的Web项目完整指南-超级详细版本

拥慌29

949人浏览 · 2025-07-02 20:13:03

拥慌29 · 2025-07-02 20:13:03 发布

1. 环境准备

首先需要安装以下工具：

Python解释器（建议3.6以上版本）

PyCharm IDE（社区版或专业版）

2. 创建Django项目

在PyCharm中创建新项目后，通过以下步骤初始化Django环境：

1、打开终端(Terminal)

2、安装Django框架：

pip install django

3、创建Django项目：

django-admin startproject demo
cd demo

4、启动开发服务器测试：

python manage.py runserver

此时访问 http://127.0.0.1:8000/ 应该能看到Django的欢迎页面。

3.Django项目执行流程解析

当浏览器访问URL时，Django的处理流程如下：

请求到达Django服务器
URL路由器(urls.py)匹配请求路径
调用对应的视图函数处理请求
返回HTTP响应给浏览器

4. 配置基础路由

在demo/urls.py中添加简单路由示例：

from django.http import HttpResponse

def index(request):
    return HttpResponse("Hello World")

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/', index),  # 新增路由
]

以下是效果图：

5. 创建应用模块

Django项目通常由多个应用组成，创建book应用的步骤：

python manage.py startapp book

6. 注册应用

在settings.py的INSTALLED_APPS中添加新创建的应用：

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'book',  # 新添加的应用
]

7. 配置分路由系统

在book应用中创建urls.py文件

在总路由中引入分路由：

from django.urls import include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('book/', include("book.urls")),  # 引入book应用的路由
]

8. 模板配置

在项目根目录创建templates文件夹
修改settings.py配置模板路径：

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [BASE_DIR / 'templates'],  # 添加模板路径
        ...
    },
]

9. 静态资源管理创建`static`文件夹存放静态资源

创建static文件夹存放静态资源
配置静态文件路径：STATIC_URL = 'static/' STATICFILES_DIRS = [BASE_DIR / 'static'] # 静态文件目录。

STATIC_URL = 'static/'
STATICFILES_DIRS = [BASE_DIR / 'static']  # 静态文件目录

10.在templates下创建一个book文件，里面建一个search_book.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>search_book</title>
    </head>
<body>
<table>
  <tr>
    <td>id</td> <td>name</td> <td>age</td> <td>sex</td>
</tr>
    <tr>
        <td>101</td> <td>张三</td> <td>20</td> <td>男</td>
    </tr>
    <tr>
        <td>101</td> <td>李玲</td> <td>18</td> <td>女</td>
      
    </tr>
</table>
</body>
</html>

11. 在模板中使用静态资源

HTML模板中引用静态文件的示例：

<link href="/static/css/main.css" rel="stylesheet"/>
<script src="/static/js/main.js" type="text/javascript"></script>

CSS样式表示例(static/css/main.css)：

table {
    width: 300px;
    height: auto;
    border: 1px solid green;
    border-collapse: collapse;
}

table th, td {
    border: 1px solid green;
}

插入css之后的整体代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>search_book</title>
    <link href="/static/css/main.css" rel="stylesheet">
    <script src="/static/js/main.js" type="text/javascript"></script>
</head>
<body>
<table>
  <tr>
    <td>id</td> <td>name</td> <td>age</td> <td>sex</td>
</tr>
    <tr>
        <td>101</td> <td>张三</td> <td>20</td> <td>男</td>
    </tr>
    <tr>
        <td>101</td> <td>李玲</td> <td>18</td> <td>女</td>  
    </tr>
</table>
</body>
</html>

12. 视图函数示例

from django.shortcuts import render

def search_book(request):
    return render(request, "search_book.html")

13.urls示例


from django.urls import path
from .views import *

app_name = "book"

# prth 前边是网址名，后边是视图引用名
urlpatterns = [
    path("search_book/",search_book)
]

14.成果展示

切记输入/search_book前面一定要加/book哟。

通过以上步骤，您已经完成了一个基础Django项目的搭建，包含了路由配置、应用创建、模板系统和静态文件管理等核心功能。

魔乐社区

魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。

更多推荐

小参数・大码力・易部署 | Qwen3.6-27B上线魔乐社区，基于昇腾的部署教程来了

继一周前模型开源发布后，千问再度开源Qwen3.6-27B —— 一个拥有270亿参数的稠密多模态模型，也是社区呼声最高的模型规格。Qwen3.6-27B 依然支持多模态思考与非思考模式，在智能体编程方面达到了旗舰级表现，全面超越前代开源旗舰 Qwen3.5-397B-A17B（总参数397B / 激活参数17B的MoE模型）。作为稠密架构，它无需MoE路由即可部署，是开发者在实用、可广泛部署规模