Django开发入门 – 3.用Django创建一个Web项目

Django开发入门 -- 3.用Django创建一个Web项目

Build A Web Based Project With Django

By Jackson@ML

本文简要介绍如何利用最新版Python 3.13.2来搭建Django环境,以及创建第一个Django Web应用项目,并能够运行Django Web服务器。

创建该Django项目需要准备物理磁盘资源,同时使用Terminal和其它工具,逐步完成并建立一个Django新项目。大致有以下四个步骤:

1. 创建项目文件结构

为了归拢项目中涉及到所有文件(包括Python程序文件和其它文件等),最好的办法是创建统一的项目文件夹,如果需要容易识别,则命名为django-project为好。

1) 创建项目文件夹

在Terminal中,选择适当位置创建Django项目需要的文件夹,执行以下命令:

bash 复制代码
$ mkdir Django-project
2) 获取Visual Studio Code

为了增强关联度,使开发时能够在项目文件夹下创建其它文件,则使用集成开发环境(IDE)最为直观。

于是,让我们下载和安装Visual Studio Code并配置它具备Python开发环境。对于具体步骤,本文不再赘述,请参看文章:

2025最新版Visual Studio Code安装使用指南

3) 创建新的终端

打开安装好的Visual Studio Code,并打开该项目文件夹django-project,在Terminal 菜单中,点击选择New Terminal ,于是,在Visual Studio Code中打开新的终端,如下图所示:

2. 创建Django虚拟环境

1) 创建项目虚拟环境

新的终端打开后,显示在VS Code下方,执行以下命令,建立Djang项目所需的虚拟环境:

bash 复制代码
$ python3 -m venv django-env

于是,在VS Code左侧看到创建了子文件夹和相应的文件,如下图:

2) 激活虚拟环境

在创建的项目文件夹内,子文件夹/bin会有激活命令,于是,在终端内执行该命令(注意相对路径):

bash 复制代码
$ source django-env/bin/activate

虚拟环境激活成功!

可以看到,命令提示符前,已经有django-env字样,在一对圆括号()包裹下,位于终端命令行最前端,表明已处于独立的虚拟环境中。

接下来,安装所需的库,就可以在此独立虚拟环境中进行。

3. 创建Django项目

1) 安装Django

由于基于Python3系列开发,因此可以用pip3来安装Django:

bash 复制代码
$ pip3 install django

于是,开始出现"Collecting Django"并完成安装,结果如下图:

安装完毕,看到命令行提示pip工具可以更新升级,于是,执行该命令:

bash 复制代码
$ pip install --upgrade pip

结果如下图所示:

可以看到,pip版本已经升级为pip-25.0.1。

2) 验证Django版本

为确保Django安装完好,可以执行命令,验证Django版本:

bash 复制代码
$ python3 -m django version

结果如下图所示:

可以看到,当前安装版本为5.1.6.

3) 创建Django项目

使用django-admin 命令可以创建新项目,加入新项目可命名为:studentTable。

可以看到,在项目文件夹django-project下,增加了studentTable子文件夹,其目录结构全貌如下:

4. 运行开发服务器

1) Manage.py文件

创建该项目时,自动创建了名为manage.py的Python脚本文件,在V S Code中查看该文件,如下图所示:

不难看出,该文件是作为"Django's command-line Utility",即Django命令行实用程序来运行的。也就是说,它是一个Django内置的应用程序,可以用该文件作为django的系列管理命令(或者称为自动批处理),

这样一来,它就可以自动分步骤执行Python脚本内容。像启动服务器这样,需要多个任务运行的动作,则非它莫属。

2) 启动运行开发服务器

即然manage.py可以自动化,那么依靠它,就可以用来直接启动运行服务器。

bash 复制代码
$ python3 manage.py runserver

结果如下图所示:

可以看到,该Web服务器已运行。

让我们一起来看看Web服务器的真面貌吧。

打开Chrome浏览器,在地址栏中输入本地Web服务器地址:

http://127.0.0:8000/

结果如下图:

由页面中央看到,"The install worked successfully! Congratulations!",表明我们第一个项目创建成功!Web服务器已在本地成功运行。

能够看到这欣喜的一幕,倍感欣慰。

喜欢就请点赞和关注哈。

您的认可,我的动力!😃

相关推荐
伍哥的传说16 分钟前
H3初识——入门介绍之常用中间件
前端·javascript·react.js·中间件·前端框架·node.js·ecmascript
洛小豆1 小时前
深入理解Pinia:Options API vs Composition API两种Store定义方式完全指南
前端·javascript·vue.js
洛小豆1 小时前
JavaScript 对象属性访问的那些坑:她问我为什么用 result.id 而不是 result['id']?我说我不知道...
前端·javascript·vue.js
叹一曲当时只道是寻常1 小时前
Softhub软件下载站实战开发(十六):仪表盘前端设计与实现
前端·golang
超级土豆粉1 小时前
npm 包 scheduler 介绍
前端·npm·node.js
bug爱好者1 小时前
原生小程序如何实现跨页面传值
前端·javascript
随笔记1 小时前
uniapp开发的小程序输入框在ios自动填充密码,如何欺骗苹果手机不让自动填充
前端·ios·app
bug爱好者1 小时前
原生微信小程序最实用的工具函数合集
前端·javascript
3Katrina1 小时前
JS事件机制详解(2)--- 委托机制、事件应用
前端·javascript·面试
Allen Bright1 小时前
【CSS-15】深入理解CSS transition-duration:掌握过渡动画的时长控制
前端·css