IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Python知识库 -> Django+Vue.js学习记录(一)环境安装与配置 -> 正文阅读

[Python知识库]Django+Vue.js学习记录(一)环境安装与配置

配置环境

一、虚拟环境

1. 安装虚拟环境包

pip installvirtualenv

在这里插入图片描述
2. 在指定路径下创建虚拟环境

  • 查找python解释器路径;
    where python
    
  • 然后进入自己创建的虚拟环境中,可以通过cd命令;
  • 创建虚拟环境
    virtualenv -p D:\Anaconda3\python.exe env-py3.8.8
    

在这里插入图片描述
3. 进入虚拟环境所在路径,并激活虚拟环境,接着安装django3.1.5

  • 进入自己创建的虚拟环境路径中,可以通过cd命令;
  • 激活虚拟环境activate,退出虚拟环境deactivate.bat,显示为框3所示,代表进入虚拟环境;
  • 安装Django3.1.5,显示Successfully;
    virtualenv -p D:\Anaconda3\python.exe env-py3.8.8
    # 或者
    virtualenv -p D:\Anaconda3\python.exe env-py3.8.8 -i https://pypi.tuna.tsinghua.edu.cn/simple
    
  • 最后可进行查看django版本
    python -m django --version
    

在这里插入图片描述

二. VScode安装

打开Vscode软件,点击扩展或者(Ctrl+Shift+X),搜索对应的名称进行安装

  • 输入chinse可安装中文版界面
  • 输入python,选择第一个安装
  • 输入django,安装前两个

创建项目

django-admin startproject myproject

在这里插入图片描述
便于区分,将目录文件名更改为myproject-test
在这里插入图片描述

创建app

创建命令

python manage.py startapp app1

在这里插入图片描述
app注册
在这里插入图片描述

处理视图的动态逻辑,在app1/views.py中输入

from django.shortcuts import render
from django.http import HttpResponse

# Create your views here.


def index(request):
    return render(request,'1/index.html')

处理URL请求路径,在myproject/urls.py中输入

from django.contrib import admin
from django.urls import path

from app1 import views

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

处理模板,在manage.py同级目录下创建一个名为templates的文件夹,再在templates目录下创建个1的 文件夹,1文件夹下创建一个index.html的文件在index.html文件件输入

<div>你好,Django!</div>

这里有个HTML自动补全的设置

  1. 在VScode窗口下按住ctrl + shift + P,调出搜索框,在搜索框中输入settings.json
  2. 在settings.json界面中添加代码如下:(注意这里将代码放在原有代码的下面,并且放在原有大括号的中间)
    3.保存关闭,输入div,按两次Tab键就会自动补全
    “files.associations”: {
    “*.vue”:“html”
    },
    “emmet.triggerExpansionOnTab”: true,
    “emmet.includeLanguages”: {
    “vue-html”:“html”,
    “vue”:“html”
    }
    在这里插入图片描述

配置settings.py文件,找到TEMPLATES选项,修改如下代码:

import os
'DIRS':[os.path.join(BASE_DIR,'templates')]

运行python manage.py runserver,启动项目

(env-py3.8.8) D:\django_projects\0814\myproject-test>python manage.py runserver

若发生如下错误:

Error: [WinError 10013] 以一种访问权限不允许的方式做了一个访问套接字的尝试。
则表明,8000端口被占用;
在这里插入图片描述

最后在浏览器输入http://127.0.0.1:8000/index/即可;
在这里插入图片描述

  Python知识库 最新文章
Python中String模块
【Python】 14-CVS文件操作
python的panda库读写文件
使用Nordic的nrf52840实现蓝牙DFU过程
【Python学习记录】numpy数组用法整理
Python学习笔记
python字符串和列表
python如何从txt文件中解析出有效的数据
Python编程从入门到实践自学/3.1-3.2
python变量
上一篇文章      下一篇文章      查看所有文章
加:2022-08-19 19:00:11  更:2022-08-19 19:03:12 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/18 12:56:02-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码