1.安装django

pip install django

安装完成后除了在模块目录lib下回有Django模块文件外,在python安装目录下的Scripts目录下会生成一个djangoadmin.exe,这个工具用来创建django项目的 ,会在创建项目的时候默认吧项目需要文件文件夹创建

2.创建项目

django中项目会有一些默认文件默认文件夹

2.1 在终端

2.2 Pycharm企业版)

在这里插入图片描述

选择项目保存位置,和解释器注意解释选择刚才安装django模块解释

在这里插入图片描述

通过pycharm创建项目,相比使用命令创建的,在基础上默认加了文件和目录,不是必要的。

在这里插入图片描述

删除列表参数
在这里插入图片描述

默认项目的文件介绍

mysite
├── manage.py         【项目的管理启动项目、创建app数据管理】【无需修改】【常用】
└── mysite
    ├── __init__.py
    ├── settings.py    【项目配置文件】          【经常修改】
    ├── urls.py        【URL和python函数对应关系】【经常修改】
    ├── asgi.py接收网络请求】【无需修改】
    └── wsgi.py接收网络请求】【无需修改

3. 创建app

app在项目下,app之间独立互不影响比如以下结构:
- 项目
	- app,用户管理【表结构函数、HTML模板、CSS】
	- app,订单管理【表结构函数、HTML模板、CSS】
	- app,后台管理【表结构函数、HTML模板、CSS】
	- app,网站   【表结构、函数、HTML模板、CSS】
	- app,API    【表结构、函数、HTML模板、CSS】
	..
	

创建app命令

python3   manage.py startapp app名称

如:python3   manage.py startapp  apptest

创建之后就会在项目目录下生成一个对应的目录:

在这里插入图片描述

app目录结构介绍

├── app01
│   ├── __init__.py
│   ├── admin.py         django默认提供了admin后台管理。
│   ├── apps.py          app启动类
│   ├── migrations       数据库变更记录
│   │   └── __init__.py
│   ├── models.py        对数据库操作。
│   ├── tests.py         单元测试
│   └── views.py         函数 (urls.py中指定的URL与函数关系 的函数一般定义在这里)
├── manage.py
└── mysite2
    ├── __init__.py
    ├── asgi.py
    ├── settings.py
    ├── urls.py          【URL->函数】
    └── wsgi.py

4.启动一个app

4.1app注册settings.py】

创建app后需要settings.py中INSTALLD_APPS列表添加app的信息(在app目录下的apps.py文件中的函数名)
在这里插入图片描述

settings.py

4.2 配置URL和视图函数对应关系 【urls.py】

urls.py中有个urlpatterns中写url视图函数的关系,

# 格式如下
from apptest import views  #函数需要import导入,一般写在app的views.py中,这里我们导入这个文件

urlpatterns = [
    # path('url地址', 函数)
    path('admin/', admin.site.urls),   #默认自带的,可以注释,当访问http://ip域名/admin/时,会执行admin.py中的site.urls函数  ,这个函数需要import导入,一般写在app的views.py中,这里我们导入这个文件
]

4.3 编写视图函数 【views.py】

定义urls.py中使用的函数。views.py文件中默认是空的。

from django.shortcuts import render, HttpResponse  #HttpResponse用来浏览器的相应


# Create your views here.
def index(request):      #这里request是默认参数必须添加
    return HttpResponse("您好欢迎光临!!!")

在这里插入图片描述

4.4 启动django项目

在这里插入图片描述

4.5 访问地址

直接访问提示地址,会提示not found 因为没有加路径index/,这里会提示已经配置了那些地址

正确路径访问

在这里插入图片描述

4.6 再增加页面

再需要增加其他页面时,只需要在views中配置函数,然后在urls.py中增加url和函数的对应关系。

在这里插入图片描述

效果

在这里插入图片描述
访问没有配置的路径会提示已有路径:
在这里插入图片描述

5、templates模板

上面的例子,只用HttpResponse给用户返回了一个字符串,正常网站应该返回一个页面,这时候就需要templates目录返回html

views中配置return返回返回render(默认已经导入模块),一个参数写函数传过来变量request(一般使用request自定义别的内容也可以)第二个参数html文件名。在render就会找到这个文件并返回浏览器**(默认会到app目录下查找templates目录下的文件)**(#会按照app在settings注册顺序,到每个app的templates目录下吃查找

如果本文2.2中settings文件中删除的那个配置没有修改 ,会优先去项目目录下的templates目录里找文件,如果找不到才会去每个app下templates目录里查找。一般不适用默认的到项目下templates目录查找模板。

def user_list(request):
    # 默认会到app目录下查找templates目录下的文件
    return render(request, "user_list.html")

在这里插入图片描述

6.模板语法

6.1html使用变量

html文件中定义变量,在访问该页面时,通过render,将变量内容定义

比如html文件内容如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>user</title>
</head>
<body>
    <div>姓名:{{ name }}</div>    {# 这里定义name变量 #}
</body>
</html>

并在urls文件中配置:对应关系

path('user/', views.user)

views.py中函数如下:

def user(request):
    return render(request, "user.html", {"name": "songxk"})

展示效果如下:

效果

传输的是列表

传输一个变量的值是列表则在页面也是展示为列表的格式

list

传输的是字典

传输一个变量的值是字典,在页面也是展示为字典格式,一般不这样用

在这里插入图片描述

图中html文件代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>user</title>
</head>
<body>
    <div>字典:{{ dict }}</div>
    <div>字典中所有键值对:{{ dict.items }}</div>
    <div>字典中所有key:{{ dict.keys }}</div>
    <div>字典中所有值values:{{ dict.values }}</div>
    <div>姓名:{{ dict.name }}</div>

    <hr>
    使用for循环遍历键值对
    {% for k,v in  dict.items  %}
        <div>{{ k }} 是:{{ v }}</div>
    {% endfor %}
    使用for循环遍历键
    {% for key in dict.keys  %}
        <div>{{ key }}</div>
    {% endfor %}
</body>
</html>

6.2html中使用for循环

格式:使用{% %}包裹,使用{% endfor %}结束循环体

{% for 循环变量名 in 变量 %}
    <div>{{ 循环变量名 }}</div>
{% endfor %}

举例:(以列表为例,字典相同用法

html中:

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

views.py中:

def user(request):
testlist2 = ["lalala", "hahaha", "xixixi"]
return render(request, "user.html", {"list2": testlist2})

在这里插入图片描述

6.2html中使用if判断

格式:使用{% %}包裹,使用{% endfor %}结束循环体

{% if 条件 %}
	代码
{% elif 条件 %}
	代码
{% else 条件 %}
	代码
{% endif %}

7.静态文件

html常用到静态文件、图片插件,这个些文件也有规定位置需要放在app下的static目录下

文件:js css文件

图片pngjpg

插件plugins

img

必须使用static,如果不是则加载不到图片

在这里插入图片描述

静态文件路径可以这样写绝对路径,(Django中)也可以在文件头部引入static变量,来方便使用。写路径时还会有提示

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>user_list</title>
</head>
<body>
    返回一个html文件,<h1>hahaha</h1>
    <img src="/static/img/hhxx.jpg" alt="">
{#    路径可以这样卸绝对路径,也可以在文件头部引入static变量,来方便使用。#}
    <img src="{% static 'img/hhxx.jpg' %}" alt="">

</body>
</html>

在这里插入图片描述

这个边量在settings.py中有定义STATIC_URL

在这里插入图片描述

8.请求和响应

8.2请求

在上边views.py文件中定义函数时,我们使用的request参数,是一个对象封装用户发来的所有请求相关的数据,我们可以使用这个数据获取想要的数据。

  • 获取请求方式(GET POST)
# request是一个对象封装用户发来的所有请求相关的数据
def index(request):
    # 利用request数据获取请求方式(GET POST):
    print(request.method)

在这里插入图片描述

  • 获取通过url传递的参数:
 # 利用request数据,接收在url上传递的值
    print(request.GET)

在这里插入图片描述

# 获取通过post请求体中传递数据
print(request.POST)

8.3响应

HttpResponse("返回内容")
return render(request, "user_list.html")

在返回的页面中,可以使用占位符,在返回页面时写入,html中占位符格式{{ 变量名 }}

return render(request, "user_list.html", {"变量名": "内容"})

在这里插入图片描述

注意导入redirect模块

# 当访问http://127.0.0.1:8000/index时,跳转www.baidu.com
def index(request):
	return redirect("https://www.baidu.com")

在这里插入图片描述

9.案例登录页面

9.1配置登录页面

def login(request):
    return render(request, "login.html")    # 访问login函数返回login.html
  • urls.py中配置访问路径与函数的对应关系
urlpatterns = [
    path('login', views.login)     # 访问到ip/login路径时运行views中的login函数
]

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
    <h1>用户登录</h1>

    用户名<input type="text" name="username" placeholder="用户">
    密码<input type="password" name="passwd" placeholder="密码">
    <input type="submit" value="提交">
</body>
</html>

input

**type指定类型:**text文本类型输入框password密码类型输入展示不是明文,submit提交按钮

name设置变量名称:相当于输入内容后赋值给这变量,方便后台取值

placeholder占位符:当输入框中没有内容时展示。

value按钮的展示内容

在这里插入图片描述

9.2 form表单

上边我们做了用户登录的页面,但实际输入的用户名密码信息我们还拿不到

这时候需要用form标签,通过submit按钮表单中的内容提交服务

格式如下:

<form method="post" action="/login">
    用户名:<input type="text" name="username" placeholder="用户名">
    密码<input type="password" name="passwd" placeholder="密码">
    <input type="submit" value="提交">   {# 这里使用submit类型按钮form标签中的参数传给后台 #} 
</form>

form 标签中:

method指定提交表单方式可以是postget

action指定提交的地址,提交给那个地址。

这个时候在页面填写内容,点击提交,后端就可以接收到输入的值了。

9.3接收表单的内容

现在,页面直接访问http://127.0.0.1:8000/login时请求到函数额方式get,而当填写表单后,点击按钮提交时,我们指定了是post,并将数据提交给login这个地址。

这样这个函数会同时处理通过GET和POST两种方式发来的请求。

那么函数中就可以根据请求方式不同,执行不同的动作

  • 可以在views.py中login函数使用if判断返回相应的内容
def login(request):
    if request.method == "GET":
        return render(request, "login.html")
    else:
        print(request.POST)    #获取post提交的内容。
        return HttpResponse("登录成功!!!")

request.method获取请求方式,在上文8.2中有提到。

配置完成后访问login页面输入信息并提交。

在这里插入图片描述

!!!报错Forbidden (403)

默认情况下Django中有csrf-token验证,因为我们没有配置认证,无法验证,所以报错

解决方法,在html文件中,form表单里添加一个{% csrf_token %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
    <h1>用户登录</h1>
    <form method="post" action="/login">
        {% csrf_token %}
        用户名:<input type="text" name="username" placeholder="用户名">
        密码<input type="password" name="passwd" placeholder="密码">
        <input type="submit" value="提交">
    </form>
</body>
</html>

在这里插入图片描述

这里可以看到添加{% csrf_token %}后,在请求中会自动多一个csrfmiddlewaretoken的内容,就是自动生成token

9.4登录验证

拿到报文数据后,我们就可以获取传过来的值通过判断,来决定是否登录成功,或者做那个动作

def login(request):
    if request.method == "GET":
        return render(request, "login.html")
    else:
        user = request.POST.get("username")    	#获取数据username对应的值
        pwd = request.POST.get("passwd")		#获取数据username对应的值
        if user == "songxk" and pwd == "123123":			#这里写死了判断内容,使用数据库后可以通过读取数据库拿到的值做对比
            return HttpResponse("登录成功")
        else:
            return HttpResponse("登录失败")

在这里插入图片描述

9.5使用模板语句{{变量名}}实现当前页面返回结果

登录成功跳转系统其他页面,但的登录失败跳转页面返回登录结果,不太符合实际场景要求。

在登录页面直接返回登录失败提示,这里就用到了模板语句,在html文件中添加一个变量{{ 变量名 }}

  • 这里使用一个变量errmsg在函数中向页面传输内容,后期也可以使用HTML的标签为内容添加格式(加粗标红等)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
    <h1>用户登录</h1>
    <form method="post" action="/login">
        {% csrf_token %}
        用户名:<input type="text" name="username" placeholder="用户名">
        密码<input type="password" name="passwd" placeholder="密码">
        <input type="submit" value="提交">
         {{ errmsg }}
    </form>
</body>
</html>
def login(request):
    if request.method == "GET":
        return render(request, "login.html")
    else:
        user = request.POST.get("username")
        pwd = request.POST.get("passwd")
        if user == "songxk" and pwd == "123123":
            # 重定向到百度
            return redirect("https://www.baidu.com")
        else:
            return render(request, "login.html", {"errmsg": "账号或密码错误"})

在这里插入图描述
至于页面展示效果,可以通过html根据跟人需求进行优化

原文地址:https://blog.csdn.net/Sxiaokun/article/details/126079709

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_13217.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注