VSCode搭建Django开发环境

news/2024/7/16 8:22:20 标签: vscode, django, ide

文章目录

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

在这里插入图片描述


http://www.niftyadmin.cn/n/5019980.html

相关文章

波奇学C++:多态知识点

多态中函数的重写&#xff08;基类指针访问派生类函数&#xff09;&#xff0c;只重写函数的实现&#xff0c;而不重写声明。 class Person { public:virtual void fun(int i 0){cout << "Person"<<" "<<i;} }; class Student:public …

分类预测 | MATLAB实现WOA-CNN-BiGRU鲸鱼算法优化卷积双向门控循环单元数据分类预测

分类预测 | MATLAB实现WOA-CNN-BiGRU鲸鱼算法优化卷积双向门控循环单元数据分类预测 目录 分类预测 | MATLAB实现WOA-CNN-BiGRU鲸鱼算法优化卷积双向门控循环单元数据分类预测分类效果基本描述模型描述程序设计参考资料 分类效果 基本描述 1.Matlab实现WOA-CNN-BiGRU多特征分类…

抖音视频批量智能剪辑/智能一键成片功能如何技术开发源头?

抖音seo&#xff0c;视频剪辑&#xff0c;批量发布&#xff0c;账号矩阵管理&#xff0c;无人直播自动询盘锁定客户&#xff0c;想实现以上功能都要有正规的接口权限&#xff0c;这个权限接口已经在前面文章发过。 一、剪辑技术开发 智能剪辑&#xff1a;咱们研发公司自主研发…

LLFormer 论文阅读笔记

Ultra-High-Definition Low-Light Image Enhancement: A Benchmark and Transformer-Based Method 这是南京大学在AAAI 2023发表的一篇AAAI2023 超高清图像暗图增强的工作。提出了一个超高清暗图增强数据集&#xff0c;提供了4K和8K的图片&#xff0c;同时提出了一个可用于暗图…

如何写http mjpeg server

目的 是为了让unity ue 等三维引擎直接读取mjpeg图像进行纹理贴图 使用qt&#xff0c;opencv等等&#xff0c;因为经常要进行图像处理 opencv 使用opencv 和QImage 来转换图像 QImage Widget::Mat2QImage(cv::Mat const& src) { cv::Mat temp; // make the same cv:…

关于一个left join的易错点

很多人在学习mysql的时候应该都出现过很多问题&#xff0c;特别是连接方面的问题应该最多&#xff0c;希望这篇文章帮助到正在找bug的你 Java报错数据返回数量出现错误 遇到这种问题一定要看日志 很明显通过left join查询除了两条数据并且为空 马上思考错误的原因&#xff0c;…

ERR_PNPM_NO_GLOBAL_BIN_DIR Unable to find the global bin directory

错误提示 ERROR Unable to find the global bin directory Run "pnpm setup"to create it automatically, or set the global-bin-dir setting, or the PNPM HOME env variable.The global bin directory should be in the PATH.错误&#xff0c;找不到全局bin目录 …

比较Visual Studio Code中的文件

目录 一、比较两个文件 1.1VS code中的文件大致分为两类&#xff1a; 1.2如何比较VS code中的两个文件&#xff1f; 二、并排差异模式&#xff1a;VS code中的一种差异模式 三、内联差异模式&#xff1a;VS code中的另一种差异模式 四、VS code忽略在行首或者行尾添加或删除…