美文网首页
Django 学习笔记 - 编写第一个Django页面

Django 学习笔记 - 编写第一个Django页面

作者: yipliksun | 来源:发表于2017-01-04 00:08 被阅读0次

    编写第一个Django页面

    编写流程

    1. 数据模型(finished)
    2. URL配置
    3. 控制器
    4. 页面

    URL配置

    总url.py的代码

    urlpatterns = [
        url(r'^admin/', include(admin.site.urls)),
        url(r'^$', "block.views.block_list"),
    ]
    
    • r 防止后面的字符串被转义

    views.py (控制器)编写

    from django.shortcuts import render_to_response
    
    from models import Block
    
    def block_list(request):
        blocks = Block.objects.all().order_by("-id")
        return render_to_response("block_list.html", {"blocks": blocks})
    
    • render_to_response 渲染及返回模板
    • .objects 对数据库操作
    • -id 负号表示倒序
    • blocks 的类型是一个django定义的数据类型??set,查询的结果集
    • render_to_response 字典是给模板渲染的变量,可以多个key

    页面模板

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Python部落论坛</title>
    </head>
    <body>
        <h1>Python部落论坛</h1>
        {% for block in blocks %}
        <div class="blockitem">
            {{ block.name }}
            {{ block.decs }}
            {{ block.manager.username }}
        </div>
        {% endfor %}
    </body>
    </html>
    
    • for 对每一个block输出一遍开闭标签部分的html代码
    • {{ }} django 语法,把大括号里面的值输出

    创建模板html文件

    mkdir block/templates
    touch block/templates/block_list.html
    

    用bootstrap美化页面

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    

    grid网格来划分布局

    <div class="container">
        <div class="row">
            <div class="col-sm-10 col-md-6">
            A
            </div>
            <div class="col-sm-10 col-md-6">
            B
            </div>
        </div>
    </div>
    

    表格

    <table class="table">
        <tr>
            <td>A</td>
            <td>B</td>
        </tr>
        <tr>
            <td>C</td>
            <td>D</td>
        </tr>
    </table>
    
    • table class 指定表格的样式table table-stipe table-bordered table-hover等

    按钮

    <button type="button" class="btn btn-success"></button>
    
    • bootstrap 定义class,class里面两个属性 第一个基本 第二个形式

    well 井

    <div class="well">...</div>
    

    文档阅读

    相关文章

      网友评论

          本文标题:Django 学习笔记 - 编写第一个Django页面

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