django基础篇01-环境的搭建和项目的创建

本文参考自银角大王的博客

基本配置

常用命令:

django-admin startproject xxx(项目名)
python3 manage.py startapp xxx(app名)
python3 manage.py runserver ip:port(ip、端口)
python3 manage.py syncdb
python3 manage.py makemigrations
python3 manage.py migrate

1.安装django

pip3 install django

但是我在安装django的时候,总是遇到 Time Out错误,于是经过一番Goole,在使用pip3安装django时设置超时时间即可,如果更改命令为

pip3 --default-timeout=1000 install -U django

2.创建django工程

方式一:命令行创建
django-admin startproject [项目名称]
#例如
django-admin startproject mysite


方式二:pycharm创建
File -> New Project ->选择django即可

分析创建后的工程目录结构:

-mysite            #django工程名
    -manage.py        #管理django程序
    -mysite
        -__init__.py
        -setting.py    #配置文件   
        -urls.py       #url映射表,也叫url映射关系
        -wsgi.py       #遵循wsgi规范,是否记得之前的wsgiref模块, uwsgi + ngix

下面对各个模块解释说明:

manage:管理django程序

setting:配置文件

urls:url映射关系

wsgi:遵循wsgi规范,是否记得之前的wsgiref模块, uwsgi + ngix

3.运行django程序

python3 manage.py runserver [ip:port]
#例如
python3 manage.py runserver 127.0.0.1:8000

神奇的事情发生了,浏览器出现了一个久违的画面

4.创建app

首先要cd到你的工程目录下,本文则 cd mysite,然后执行命令

python3 manage.py startapp blog

此时工程的目录结构如下

-mysite
    -blog
        -migrations
        -__init__.py
        -admin.py
        -apps.py
        -models.py
        -tests.py
        -views.py
    -mysite
        -__init__.py
        -settings.py
        -urls.py
        -wsgi.py
    -db.sqlite3
    -manage.py

下面进行一一解释:

migrations:  数据修改标结构

admin:      django为我们提供的后台管理

apps:    配置当前的app

models:   ORM,创建制定的类,通过命令可以生成数据库结构

tests:    单元测试

views:     业务代码

5.小试牛刀

先简单做一个登录界面,并且记录一下第一次创建django项目遇到的问题

创建项目,以及添加app这里不再赘述,上述已经做了解释,下面上干货了,项目的目录结构如下:创建了static、template 2个文件夹,一个用于存放静态文件,一个存放模版

下面我展示一下各个文件的代码,然后在做填坑操作:

 在login.html中我们创建了一个表单,搭建登录界面,代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../static/commons.css">

    <style>
        label{
            width: 80px;
        }
        #error_info{
            color: red;
        }
    </style>
</head>
<body>

    <form action="/login/" method="post">
        <p id="error_info">{{ error_msg }}</p>
        <p>
            <label for="username">用户名:</label>
            <input type="text" name="username" placeholder="请输入用户名">
        </p>
        <p>
            <label for="username">密码:</label>
            <input type="password" name="pwd" placeholder="请输入密码">
        </p>
        <p>
            <input type="submit" value="登录">
        </p>
    </form>

</body>
</html>
View Code

在views中我们创建了业务相关的操作

from django.shortcuts import render
from django.shortcuts import redirect

def login(request):

    if request.method == 'POST':
       username =  request.POST.get('username',None)
       pwd = request.POST.get('pwd',None)
       print(username,pwd)
       if username == 'xm' and pwd == '123456':
           return redirect('https://www.baidu.com')
       else:
           return render(request,'login.html',{'error_msg': '用户名或密码错误!'})
  return render(request,'login.html')
View Code

填坑操作:

坑1:

你会发现我们在创建完项目和app后的工程目录下,新创建了两个文件夹,一个是static,还有一个是templates,其中static用于存放一些静态文件,比如css,js等,templates存放一些模版,因为我们不可能在views.py的方法中通过字符串搭建界面,一个是不方便,一个是没法调试,但是随机而来就是如果和项目做关联。

templates如何管理,否则一直报错404,如何在配置呢?别怕坑我已经给你填平了,在setting.py文件中其实细心的你已经发现了有一个TEMPLATES字段,没错,就是在这理修改,如果你更换了目录,也要修改这个配置文件的目录,否侧还是404,本项目是将templates和工程目录平级的目录下,所以配置如下:

坑2:

在学习web的时候,我们在html中引入外部的css时,样式很快就是显示出来了,可是我在static文件中创建commons.css时,在login.html中引入了,样式却不起作用,why?what are  you fucking?,于是掐脚一算,应该还是和配置文件有关系,于是我就尝试了修改配置文件,发现配置文件中除了STATIC_URL = '/static/'以外没有和路径有关系的啊,后来经过Google大爷找到的答案,配置如下:

STATIC_URL = '/static/'是配置文件默认的配置,此时我们需要新增静态文件夹的路径配置,如上图框框所示,注意名字必须正确,而且别忘了STATICFILES_DIRS是一个元组,必须在元素后面加','

坑3:

在urls.py文件中默认配置如下:

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

from blog import views

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

我们的登录页面也要再次配置,所以我们仿照默认配置加上自己的配置

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

from blog import views

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

似乎一切准备就绪,我们运行项目发现一切安好,效果出来了,

注意到我们的login.html文件中表单的action了吗?我们写的action='/login' method='post',意味着我们提交给的还是本页面,请求方式为post请求

当我们填写完信息后,点击提交按钮后,坑来了,报错了,这事什么问题,有事找Google啊,找了好半天,找到问题了,因为出现在urls.py上,

解决办法如下:

之前我们在urls.py中配置过login对应方法,因为我们是根据默认配置写的,出什么问题?不应该啊,可是真的就是这个配置问题,问题就出现在'login/'这个斜杠上

解决办法有两种:

第一种: 修改urls.py,去掉path('login/', views.login)后面的斜杠,为path('login', views.login)

第二种: 修改login.html,将<form action="/login" method="post">修改为<form action="/login/" method="post">

推荐使用第一种,统一urls.py文件的格式。

这样文件就解决了,可是随之而来的还有一个问题,也就是坑4了,继续往下看吧

坑4:

在解决了坑3问题后,我们点击提交按钮后,发现又报了另一个错,what funck your 祖宗?

幸亏这个问题不是那么恶心,否则果断弃坑,只需要将settings.py中的一行代码注释,即可发送请求了。

刷新点击“提交”按钮,你会发现,一切是那么美好和值得。

原文地址:https://www.cnblogs.com/it-q/p/9303729.html