1. 完善学员管理系统
  2.  
  3. - bootstrap fontawesome
  4. - 分页,路径导航,表格(class样式),消息图标(i标签),邮件图标(i标签)
  5. - 响应式导航
  6. @media(min-width, max-width来设置样式)
  7. 导航
  8. - 后台管理布局(三大块,header, menus, content; menus, contentPosition)
  9. a. header: min-width:1190px; height:48px; line-height:48px
  10. //line-height:48px,这样header里面的所有都不用设置行高了
  11. - logo (float:left,其下面的元素不用设置float)
  12. 可以是文字,也可以是图片标签(暂时只能是这两种)
  13. - top-menusfloat:left)
  14. - <div class='top-menus left'>
  15. <a>首页</a>
  16. <a>视频</a>
  17. <a>影评</a>
  18. </div>
  19. - 此时adisplay:inline-block 还是一行拍着,但是可以设置padding
  20. 注意和rmeuns下面adisplay:block注意区分
  21. - rmeuns
  22. - avatar
  23. 当鼠标悬浮在头像时,出现个人信息的样式
  24. .pg-header .avatar:hover a{
  25. display:block;
  26. }
  27.  
  28. .c1:hover .c2{} // hover c1,它的孩子c2发生变化
  29. b.body(menus,content)
  30. -- menus: position:absolute,沾满整个高度,top:48px, left:; width:200px;bottom:;
  31. -- content: postion:absolute, top:48px; left:200px; bottom:; overflow:scroll
  32. overflow: scroll表示当内容超过页面高度时,会出现滚动条
  33.  
  34. - django母版
  35. 母版: 定义所有页面的公共部分(layout.html)
  36. {% block html %} {% endblock %}
  37. {% block js %} {% endblock %}
  38. {% block css %} {% endblock %}
  39. 子板:继承母版,并自定义私有的内容
  40. {% extends "layout.html" %}
  41. {% block html %}定义自己的html{% endblock %}
  42. {% block js %}定义自己的js{% endblock %}
  43. {% block css %}定义自己的css{% endblock %}

[oldboy-django][1初始django]后台管理页面的布局 + djano母版(继承html)的更多相关文章

  1. Django用户登陆以及跳转后台管理页面3

    Django用户登陆以及跳转后台管理页面1http://www.cnblogs.com/ujq3/p/7891774.html Django用户登陆以及跳转后台管理页面2http://www.cnbl ...

  2. Django用户登陆以及跳转后台管理页面2

    请先写好以下,再来替换文件 Django用户登陆以及跳转后台管理页面1http://www.cnblogs.com/ujq3/p/7891774.html from django.shortcuts ...

  3. Django基础-003 配置Django自带的后台管理,操作数据库

    插入测试数据,可以自己写页面来插入数据 也可以使用Django自带的后台管理,来操作数据表 1.创建用户 python manage.py createsuperuser 2.在浏览器输入地址,进入D ...

  4. 8 功能6:后台管理页面,编辑文章,xss攻击

    1.后台管理页面之文本编辑 # 后台管理url re_path(r'^cn_backend/$', views.cn_backend, name='cn_backend'), re_path(r'^c ...

  5. python:页面布局 后台管理页面之常用布局

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  6. HTML高级标签(2)————窗体分帧(2)————后台管理页面

    使用frameset进行窗体分帧.构建简易的后台页面.这篇博客就作为一个简易后台管理页面的实战演练. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd3px ...

  7. 老男孩Day16作业:登录、注册、后台管理页面(动态)

    一.作业需求: 1.后台管理主界面(左边菜单框.(全选.反选)框.返回顶部按钮) 2.老男孩登录.注册页面 二.博客地址:https://www.cnblogs.com/catepython/p/93 ...

  8. go语言实战教程之 后台管理页面统计功能开发(2)

    上节内容介绍了后台管理页面统计功能开发(1),从功能介绍,到接口请求分析和归类,最后是代码设计.经过上节内容的介绍,已经将业务逻辑和开发逻辑解释清楚,本节内容侧重于编程代码实现具体的功能. 当日增长数 ...

  9. 用jquery-easyui的布局layout写后台管理页面

    先在官网下载easyui文档 引入头部文件 <link rel="stylesheet" type="text/css" href="${pag ...

随机推荐

  1. mybatis-分页和缓存

    1.分页 1.1在dao接口中配置分页参数: package com.java1234.mappers; import java.util.List;import java.util.Map; imp ...

  2. HDU 2602 Bone Collector骨头收藏者(01背包)

    题意:收藏骨头. 思路: 常规的01背包. #include <iostream> #define N 1005 using namespace std; int volume[N]; / ...

  3. 进程peb结构、获得peb的方法

    PEB :进程环境块TEB.ProcessEnvironmentBlock成员就是PEB的结构体地址TEB结构体位于FS段选择符所指的段内存的起始地址处,且ProcessEnvironmentBloc ...

  4. Android从本地选择图片文件转为Bitmap,并用zxing解析Bitmap

    如何从本地选择图片文件 使用Intent调用系统相册后,onActivityResult函数返回的是Uri格式的路径 /** * 打开系统相册 */ private void openSysAlbum ...

  5. BZOJ3932(主席树上二分+差分

    按时间作为主席树的版本,每个版本的主席树都是一个权值线段树. 差分消去时间影响 对于当前时间版本的主席树查询前K大即可. 树上二分时结束后切记判定l==r的状态(易错 l==r叶子节点可能存在多个值( ...

  6. 【51nod1443】路径和树(堆优化dijkstra乱搞)

    点此看题面 大致题意:给你一个无向联通图,要求你求出这张图中从u开始的权值和最小的最短路径树的权值之和. 什么是最短路径树? 从\(u\)开始到任意点的最短路径与在原图中相比不变. 题解 既然要求最短 ...

  7. FW 数据库迁移之从oracle 到 MySQL

    方式一: 手动方式导入导出 手动的方式导入, 就是操作步骤会比较繁琐一些. 对Table 的结构和数据: 1. 使用 SQL Developer 把 oracle 的 table 的schema 和 ...

  8. Java读取properties配置文件工具类

    1.   PropertyUtils.java package javax.utils; import java.io.InputStream; import java.util.Properties ...

  9. MooseFS 3.0 集群环境部署过程

    1 准备好6台虚拟机:(centos7) Master server:  192.168.242.135 Cgi server:                192.168.242.135 meta ...

  10. OO2019第四单元作业总结

    一.本单元两次作业的架构设计  1.第一次作业 第一次作业由于时间仓促,没有过多的架构设计,就直接补全了所给的MyUmlInteraction类,导致整个程序的代码风格和效率都不高,在强测中也因此失掉 ...