VSCode搭建Django开发环境

文章目录

  • 一、Django
  • 二、搭建步骤
    • [1. 安装python和VSCode,安装插件](#1. 安装python和VSCode,安装插件)
    • [2. VSCode打开项目文件夹](#2. VSCode打开项目文件夹)
    • [3. 终端中键入命令:建立虚拟环境](#3. 终端中键入命令:建立虚拟环境)
    • [4. 选择Python的解释器路径为虚拟环境](#4. 选择Python的解释器路径为虚拟环境)
    • [5. 在虚拟环境中安装Django](#5. 在虚拟环境中安装Django)
    • 6.创建Django项目
    • [7. 创建app应用](#7. 创建app应用)
    • [8. 运行应用](#8. 运行应用)
    • [9. 修改配置中文显示](#9. 修改配置中文显示)
  • 三、Django模板
    • [1. 新建模版](#1. 新建模版)
    • [2. 把myapp添加到settings](#2. 把myapp添加到settings)
    • [3. 写一个视图](#3. 写一个视图)
    • [4. 把访问路径写进urls.py](#4. 把访问路径写进urls.py)
    • [5. 在setting中配置templates的路径](#5. 在setting中配置templates的路径)
    • [6. 显示结果](#6. 显示结果)

一、Django

Django 是一个高级 Python Web 框架,它鼓励快速开发和简洁、实用的设计。它由经验丰富的开发人员构建,解决了 Web 开发的大部分麻烦,因此您可以专注于编写应用程序,而无需重新发明轮子。它是免费和开源的。

二、搭建步骤

1. 安装python和VSCode,安装插件

2. VSCode打开项目文件夹

3. 终端中键入命令:建立虚拟环境

复制代码
python3 -m venv env

生成环境后新建一个终端

4. 选择Python的解释器路径为虚拟环境

View -> Command Paletter -> Python: select

选择含有env(自己建立的虚拟环境文件夹)的解释器路径

5. 在虚拟环境中安装Django

先创建一个新的终端,再安装Django

复制代码
 pip install django

6.创建Django项目

复制代码
django-admin startproject mysite

7. 创建app应用

复制代码
cd ./mysite
python ./manage.py startapp myapp

8. 运行应用

复制代码
python ./manage.py runserver

9. 修改配置中文显示

复制代码
LANGUAGE_CODE = 'zh-Hans'
TIME_ZONE = 'Asia/ShangHai'

结果

三、Django模板

1. 新建模版

myapp目录下新建一个templates文件夹,在里边新建一个index.html

复制代码
<html>
    <head>
        <title>test</title>
    </head>
    <body>
        test
    </body>
</html>

2. 把myapp添加到settings

打开mysite目录下的settings.py,在INSTALLED_APPS中添加myapp

复制代码
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'myapp'
]

3. 写一个视图

打开myapp目录下的views.py,写一个index函数

复制代码
from django.shortcuts import render

# Create your views here.
def index(request):
    return render(request, 'index.html')

4. 把访问路径写进urls.py

打开mysite目录下的urls.py

复制代码
from django.contrib import admin
from django.urls import path
from myapp import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', views.index, name='index')
]

5. 在setting中配置templates的路径

复制代码
import os

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')], # 配置此行
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

6. 显示结果

相关推荐
markfeng82 天前
Python+Django+H5+MySQL项目搭建
python·django
QQ4022054963 天前
Python+django+vue3预制菜半成品配菜平台
开发语言·python·django
百锦再3 天前
Django实现接口token检测的实现方案
数据库·python·django·sqlite·flask·fastapi·pip
starlaky3 天前
Django入门笔记
笔记·django
QQ5110082853 天前
python+springboot+django/flask的校园资料分享系统
spring boot·python·django·flask·node.js·php
WeiXin_DZbishe3 天前
基于django在线音乐数据采集的设计与实现-计算机毕设 附源码 22647
javascript·spring boot·mysql·django·node.js·php·html5
B站计算机毕业设计超人3 天前
计算机毕业设计Django+Vue.js高考推荐系统 高考可视化 大数据毕业设计(源码+LW文档+PPT+详细讲解)
大数据·vue.js·hadoop·django·毕业设计·课程设计·推荐算法
计算机程序猿学长3 天前
大数据毕业设计-基于django的音乐网站数据分析管理系统的设计与实现(源码+LW+部署文档+全bao+远程调试+代码讲解等)
大数据·django·课程设计
B站计算机毕业设计超人3 天前
计算机毕业设计Django+Vue.js音乐推荐系统 音乐可视化 大数据毕业设计 (源码+文档+PPT+讲解)
大数据·vue.js·hadoop·python·spark·django·课程设计
B站_计算机毕业设计之家3 天前
电影知识图谱推荐问答系统 | Python Django系统 Neo4j MySQL Echarts 协同过滤 大数据 人工智能 毕业设计源码(建议收藏)✅
人工智能·python·机器学习·django·毕业设计·echarts·知识图谱