美文网首页
Django-开始-0

Django-开始-0

作者: eor | 来源:发表于2018-08-27 22:33 被阅读0次

坑:

  1. 写入 html 前必须在 setting.py 中的 TEMPLATES 注册模板路径,否则 render 无法挂载模板。


    image.png

    根据报错分析可知,最终错误点在于:

raise TemplateDoesNotExist(template_name, chain=chain)

很明显错误说明模板是不存在的,为什么会报这个?我已经指明了绝对路径!
查看一下 render 的定义:

image.png
image.png
好吧,原来 render 并不直接接收 HTML 文件,而是接收 django.template.loader.render_to_string() 返回的值
  1. 路由的根目录直接写 / 不能访问。

安装:

安装真无聊,网上一大票。
一句话,能用 pip 就 pip 不能就上 conda 再不行就直接上 Unofficial Windows Binaries for Python Extension Packages,这都不行就虚拟机吧!


Django 管理

在安装了 Django 之后,在 python 所在的 script 文件夹里将会有一个叫 django-admin.exe 的文件,这一看就知道是管理文件,直接运行它即可获得全部的指令信息。
根据指令利用 django-admin.exe 工具来创建一个项目文件(真是智能):bash django-admin.exe startproject DjangoDemo
运行之后将会根据 dirName 来创建一个项目文件夹,内部有一个 manage.py,这东西还是一看就知道是管理者,按照老习惯看看它的指令都有什么:python manage.py --help

嗯,很多东西,就不列出来了,观察可发现 django 哪一项的功能跟 django-admin.exe 的一模一样啊,看了看官网 django-admin.exe 其实是一个方便的手段,但在使用前需要加上参数 --settings=mysite.settings 来指明使用的是哪一个配置文件,而 manage.py。

安装之后一定要测试一下:
python manage.py runserver 127.0.0.1:10086

image.png
简单了解一下开发服务器 runserver:
  1. 当改动 python 源码文件并重新载入模块时,开发服务器会自动检测并自动刷新。
  2. 开发服务器知道如何为 Django 管理应用程序寻找和显示静态媒体文件。

简单了解下目录:


image.png

试一试路由

打开 urls.py,写入:

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

from django.shortcuts import HttpResponse
def index(requst):
    return HttpResponse('Hello world!')

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

其实就是简单的构建了一个 HTTP 响应包,这个包不是给 django 看的,而是丢给浏览器看的。


image.png

路由返回 html 文件

创建 HTML 视图:

mkdir templates
touch index.html

往 index.html 写入:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>Hello world!</h1>
</body>

</html>

往 setting.py 的 TEMPLATES 中的字典 ’DIRS‘ 加入:

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

将 urls.py 中的 index 函数改为返回一个 html 文件即可:

from django.shortcuts import render
def index(requst):
    return render(requst, r'D:\PRJ\DjangoDemo\templates\index.html')

<center>成功将返回:</center>


image.png

引入其他静态文件、CSS、图片、文本等

这个官网的例子很棒啊~:)

  1. 确定你的 django.contrib.staticfiles 已经被 [INSTALLED_APPS] 所支持。
  2. 在你的 setting 中定义 TATIC_URL,比如:
    py TATIC_URL = '/static/'
  3. 在你的模板中通过模板标签 static 这种方式进行引用,它会自动与 STATICFILES_STORAGE 撸出来的资源路径相关联:
{% load static %}
<img src="{% static "my_app/example.jpg" %}" alt="My image">

{% static %} 模板标签会生成静态文件的绝对路径。

  1. 将你的静态资源文件储存到项目目录的 static 文件夹中, 比如说 my_app/static/my_app/example.jpg。
    最后再向 setting.py 添加:
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

TATIC_URL 用来指明网站访问静态资源时的路径,而 STATICFILES_DIRS 则是指明包含静态资源的路径,在 STATICFILES_DIRS 下的资源,最终在网站的视角都会被映射为 static 下的资源。
参考来源:

实践:
先创建一个 static 文件夹,然后随便怼一张照片进去~

mkdir static
cp ..\Images\[fox生抽]wallls.com_179505.jpg .\static\
tree -L 2 --filelimit 20
image.png

然后在 HTML 中引入作为背景。
先直接硬写路径:

    <style>
    body {
        background-image: url("/static/[fox生抽]wallls.com_179505.jpg")
    }
    </style>
image.png

哈哈,网站的根目录就是项目目录,直接硬写就成了,额,我没用模板啊。

利用模板引入 CSS:
先将刚刚写入 html 硬路径引入图片的代码去除。
在 static 下创建一个 CSS 文件 style.css,并写入图片路径:

body {
    background-image: url("/static/[fox生抽]wallls.com_179505.jpg")
}

在 index.html 的 head 中写入:

    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static '/style.css' %}">

<center>测试<center>


image.png

很好,这次利用模板也成功引入,随便说一句,硬写也是同样可以的,但是使用模板的话一切路径的修改就全部统合起来了,改大量资源会方便一点。


创建子模块 APP 及信息交互

Django 能拥有多个 APP 或者说子模块,相互之间比较独立,但也可以有联系。

啊,反正就是比较原始的代码复用的方式,并且能使得项目的结构清晰一点。直接将上面做的内容怼到一起就是一个模块了。
信息交互,客户端跟服务器的信息交互,如果是网站的话,那也就是 HTTP 交互咯。
创建一个 login 模块:
bash python manage.py startapp login
向 login 内的 views 写入以下代码:

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

def index(request):
    if request.method == 'POST':
        say = request.POST.get('say')
        print(request.POST)
        print(say)
    return render(request, 'index.html')

往 index.html 中的 body 写入:

    <h1>Hello world</h1>
    <form action="/login/" method="post">
        {% csrf_token %}
        说点什么:<input type="text" name="say">
        <br> 
        <input type="submit" value="提交">
    </form>

最后在 urls.py 中编写路由:

from django.contrib import admin
from django.urls import path
from login.views import index

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

注意 {% csrf_token %} 是 Django 自带的 CSRF 保护机制,不加这个会引发跨域问题。
随便写点东西进去提交:Hello world
看看控制台的返回:

image.png
前面三个是请求资源的,分别是 index.html 页面,style.css 文件,和一张图片。
第四行是打印的 request.POST 和 request.POST.get('say'),这里前后端使用的是 HTTP 的 POST API 交互。
嗯,就这样。

相关文章

  • Django-开始-0

    坑: 写入 html 前必须在 setting.py 中的 TEMPLATES 注册模板路径,否则 render ...

  • [原](05)Django-创建我的网页

    Django-创建我的网页 源码地址:https://github.com/edrainann/Django_we...

  • Web应用框架

    Django-提供了构建Web系统的基本应用框架-MTV模式: 模型(model), 模板(Template), ...

  • 2018-04-25

    Django-上传图片 1. 模型定义中将属性定义成 models.ImageField 类型 pic=model...

  • Django-分页

    Django-分页 1.创建对象 Paginator 对象的 page()方法返回 Page 对象,不需要手动构造...

  • django起航2-初始模板

    Django-模板 在应用目录blog下创建templates目录(必须是这个,记得加s) 在templates中...

  • Django-分页

    django-分页 一.django自带的分页 以读取UserInfo表为例 1.导入模块 from django...

  • 补开始0和去开始0

    补0 方式1 方式2 方式3 去开始0 方式一: 方式二: 方式三:

  • 前言: Django-企业级开发框架

    Django-介绍 它是一个Python Web框架, 在众多Python Web框架中,它是应用最广泛的,发展最...

  • [PPJ_17] RESTful接口测试脚本备份

    接前文:[1] Django-数据库配置、数据序列化、视图创建、URL路由配置、API编辑操作[2] Django...

网友评论

      本文标题:Django-开始-0

      本文链接:https://www.haomeiwen.com/subject/tmetwftx.html