zoukankan      html  css  js  c++  java
  • [oldboy-django][1初始django]后台管理页面的布局 + djano母版(继承html)

    8 完善学员管理系统
    
        - bootstrap fontawesome
             - 分页,路径导航,表格(class样式),消息图标(i标签),邮件图标(i标签)
             - 响应式导航
                @media(min-width, max-width来设置样式)
                导航
        - 后台管理布局(三大块,header, menus, content; menus, content用Position)
            a. header:  min-1190px; height:48px; line-height:48px
                //line-height:48px,这样header里面的所有都不用设置行高了
                - logo  (float:left,其下面的元素不用设置float)
                    可以是文字,也可以是图片标签(暂时只能是这两种)
                - top-menus(float:left)
                     -   <div class='top-menus left'>
                            <a>首页</a>
                            <a>视频</a>
                            <a>影评</a>
                         </div>
                     - 此时a的display:inline-block, 还是一行拍着,但是可以设置padding
                       注意和rmeuns下面a的display:block注意区分
                - rmeuns
                - avatar
                    当鼠标悬浮在头像时,出现个人信息的样式
                    .pg-header .avatar:hover a{
                        display:block;
                    }
    
                    .c1:hover .c2{} // hover c1,它的孩子c2发生变化
            b.body(menus,content)
                -- menus: position:absolute,沾满整个高度,top:48px, left:0; 200px;bottom:0;
                -- content: postion:absolute, top:48px; left:200px; bottom:0; overflow:scroll
                   overflow: scroll表示当内容超过页面高度时,会出现滚动条
    
        - django母版
            母版: 定义所有页面的公共部分(layout.html)
                    {% block html %} {% endblock %}
                    {% block js %} {% endblock %}
                    {% block css %} {% endblock %}
            子板:继承母版,并自定义私有的内容
                    {% extends "layout.html" %}
                    {% block html %}定义自己的html{% endblock %}
                    {% block js %}定义自己的js{% endblock %}
                    {% block css %}定义自己的css{% endblock %}
  • 相关阅读:
    C++解析-外传篇(3):动态内存申请的结果
    C++解析-外传篇(2):函数的异常规格说明
    C++解析-外传篇(1):异常处理深度解析
    C++解析(31):自定义内存管理(完)
    Fisherfaces 算法的具体实现源码
    Philipp Wagner
    人脸识别中截取面部的实现方法
    OpenCV Haar AdaBoost源码改进据说是比EMCV快6倍
    win10系统下载地址
    人脸识别中的检测(在Opencv中加入了QT)
  • 原文地址:https://www.cnblogs.com/liuzhipenglove/p/7751131.html
Copyright © 2011-2022 走看看