美文网首页
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

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