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)
]

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