macOS+vsCode+python+Django 如何配置?(记录)

步骤1,Django环境准备

python环境,是基于anaconda的虚拟环境。

查询并选择对应的虚拟环境:

conda info --envs

通过“conda activate 虚拟环境名”,进去对应虚拟环境。

按照Django

pip install django

步骤2,创建项目文件 

先找到需要存放文件的文件夹位置,创建hello_django文件夹

创建并进入该新建的文件夹

mkdir hello_django

创建django文件

django-admin startproject web_first_django

步骤3,运行Django文件

进入步骤2说创建的文件夹 

cd web_first_django

再运行

python manage.py runserver
 ** 预览效果**

************************************************试着修改************************************************

步骤4,创建一个App

运行

python manage.py startapp app01

 用Vscode打开

web_first_django
├── manage.py         【项目的管理,启动项目、创建app、数据管理】【***常用***】
└── web_first_django
    ├── __init__.py
    ├── settings.py    【项目配置】          【***修改***】
    ├── urls.py        【URL和函数的对应关系】【***修改***】
    ├── asgi.py        【接收网络请求】【不建议修改】
    └── wsgi.py        【接收网络请求】【不建议修改】

 步骤5,配置内容
5.1注册APP

在web_first_django文件下的settings.py文件,进行注册APP

"app01.apps.App01Config"

 5.2编写URL和视图函数对应关系

在web_first_django文件下的urls.py文件,进行编写

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

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

 5.3编写视图函数

在app01文件下的views.py文件,进行编写

from django.shortcuts import render,HttpResponse

# Create your views here.
def index(request):
    return HttpResponse("欢迎登录Django")

 步骤6,运行Django文件

 ** 预览效果** 

利用Django语法示例
在原有基础上,创建对应的html文件和视图函数

实现效果 

from django.shortcuts import render,HttpResponse

# Create your views here.
def index(request):
    return HttpResponse("欢迎登录Django")

def index_test(request):
    return render(request,"user_list.html")

def yf(request):
    name = "linql"
    roles = ["01","002","004"]
    key_values = {"key1":"001","key2":"002","key3":"003"}
    
    return render(request,"yf.html",{"n1":name,"n2":roles,"n3":key_values})
<!DOCTYPE html>
<html>
<head>
    <title>优化后的代码</title>
</head>
<body>
    <h1>00000</h1>
    <div>{
   
   {n1}}</div>
    <div>{
   
   {n2}}</div>
    <div>{
   
   {n2.0}}</div>
    <div>{
   
   {n2.1}}</div>
    <div>{
   
   {n2.2}}</div>

    {%for item in n2%}
    <div>{
   
   {item}}</div>
    {%endfor%}

    <hr/>
    {
   
   {n3}}
    {
   
   {n3.key1}}
    {
   
   {n3.key2}}
    {
   
   {n3.key3}}

    {%for item in n3.keys%}
    <div>{
   
   {item}}</div>
    {%endfor%}
    {%for item in n3.values%}
    <div>{
   
   {item}}</div>
    {%endfor%}

</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_23938507/article/details/131844149