用Django全栈开发——09. 集成AdminLTE的Dashboard页面

最新推荐文章于 2024-04-20 09:33:06 发布
最新推荐文章于 2024-04-20 09:33:06 发布
阅读量2.4k 收藏 6
点赞数
分类专栏： Django Peekpa.com Python 文章标签： python django vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gl891011/article/details/106614096
版权

大家好，这是皮爷给大家带来的最新的学习Python能干啥？之Django教程，从零开始，到最后成功部署上线的项目。这一节，我们集成AdminLTE到Django项目中。
在这里插入图片描述

上一讲中，我们已经将AdminLTE中的Login例子搬到了我们的项目中，那么这一节，我们则是需要将AdminLTE的Dashboard集成进来。

需求分析

为什么要继承AdminLTE的Dashboard呢？原因很简单，你看AdminLTE它长的样子：

在这里插入图片描述
这不就是个控制台吗？我们的网站是需要一个CMS(Content Management System)控制系统的。现在有现成的，我们就集成呗，而且，这个东西集成了之后，对以后的开发也是很有好处的，到之后的内容，我们就会看到。

挑选页面

首先我们来简单分析一下我们要继承的页面内容。

我们肯定是想来弄一个类似中控台的页面，这个中控台，大致有这么几个部分：

  • 左侧的菜单栏，这个是最关键的；
  • 右侧的内容页面，针对每一个菜单中的选项，都有一个页面与之对应；
  • 顶部菜单栏；

开始集成

接下来，我们就该将AdminLTE集成到系统里了。

首先，同样是在templates文件夹下创建一个叫Dashboard.html的文件。这个和上节课刚开始集成Login的时候的步骤是一样的。

接着，我们来到已经下载好的AdminLTE文件中，打开任意一个index.html文件，会在浏览器里面看到AdminLTE的样子。

我们既然要集成，那么就得找到代码，这个简单，我们就直接在AdminLTE页面右键查看网页源码：

在这里插入图片描述
既然已经找到源码，那么我们就来一步一步的复制黏贴呗。

head标签

首先是head标签，因为head标签一般是来保存网页基本元信息的，所以我们这里也先把这一部分标签的代码黏贴过来：

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>AdminLTE 3 | Dashboard</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Tempusdominus Bbootstrap 4 -->
  <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- JQVMap -->
  <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
  <!-- summernote -->
  <link rel="stylesheet" href="plugins/summernote/summernote-bs4.css">
  <!-- Google Font: Source Sans Pro -->
  <link href="https://fonts.googleapis.com/css?family=Sour
最低0.47元/天 解锁文章
皮克啪的铲屎官
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用Django全栈开发——08. 使用AdminLTE开发前端登录页面
皮克啪的铲屎官
07-20 5777
大家好，这是皮爷给大家带来的最新的学习Python能干啥？之Django教程，从零开始，到最后成功部署上线的项目。这一节，在Django中集成AdminLTE。 Peekpa.com的官方地址：http://peekpa.com 这一章节，我们将会介绍一个非常好用的东西，他叫Adminlte。 官方地址：https://adminlte.io/ 在线Demo地址：https://adminlte.io/themes/AdminLTE/index2.html 最新Demo地址（我们就是要继承这个）：http
用django快速实现管理后台网站（全栈版本）
qq_43008709的博客
08-11 1510
使用python 的django框架，利用第三方库django-adminlte3 快速搭建一个管理网站.....
Django-AdminLTE：打造美观高效的后台管理界面
gitblog_00011的博客
04-02 538
Django-AdminLTE：打造美观高效的后台管理界面 项目地址:https://gitcode.com/lyhapple/django-adminlte Django-AdminLTE 是一个基于 Django 框架的后台管理系统模板，采用了流行的 AdminLTE 主题，为开发者提供了一个快速构建整洁、响应式且功能丰富的管理界面的方法。 项目简介 Django-AdminLTE 提供了预...
用前端框架Bootstrap的AdminLTE模板和Django实现后台首页的页面
昊虹AI笔记
10-31 2381
用前端框架Bootstrap的AdminLTE模板和Django实现后台首页的页面
django-adminlte2:可重复使用的AdminLTE模板和管理主题
05-06
Django的AdminLTE模板，模板标签和管理主题 Django AdminLTE2以标准基础模板的形式向开发人员提供AdminLTE2主题的功能。 还提供了Django内置管理界面的可选样式。 安装 使用pip安装： pip install django-adminlte2 添加到已安装的应用程序： INSTALLED_APPS = [ # General use templates & template tags (should appear first) 'django_adminlte', # Optional: Django admin theme (must be before django.contrib.admin) 'django_adminlte_theme', ... ] 用法 设计为高度可定制的。 提供了模板块，
探索Django-CRUDs-AdminLTE：一个强大的Django后台管理模板
最新发布
gitblog_00014的博客
04-20 414
探索Django-CRUDs-AdminLTE：一个强大的Django后台管理模板 项目地址:https://gitcode.com/oscarmlage/django-cruds-adminlte Django-CRUDs-AdminLTE 是一款基于流行的Django框架和AdminLTE模板构建的快速开发工具。它为开发者提供了一套简洁、高效且可自定义的后台管理系统，帮助你快速搭建具有现代界面...
用Django全栈开发——29. 部署之阿里云CentOS+Nginx+uWsgi+Django.html
07-06
阿里云CentOS+Nginx+uWsgi+Django部署Django，《用Django全栈开发》系列文章最后一篇，感兴趣的同学可以查看。
Python+Django+vue3全栈开发商城项目.zip
10-05
Python+Django+vue3全栈开发商城项目，包含用户、订单、购物车、商品等模块，后端代码均有注释，是学习python项目开发良好案例
django-adminlte3：Django的AdminLTE模板，模板标签和管理主题
02-04
Django的AdminLTE模板，模板标签和管理主题 Django AdminLTE3以标准基础模板的形式向开发人员提供AdminLTE3主题的功能。 还提供了Django内置管理界面的可选样式。安装使用pip安装： pip install django-adminlte3...
Django登录模板页面login.html
06-04
Django——表单.doc
07-10
Django——表单.doc
Python-基于pythondjangoAdminLTE实现的资产管理系统
08-10
基于 python 3.7 django 2.2.3 AdminLTE-3.0.0-beta.1 实现的资产管理系统
Python-基于pythondjangoAdminLTE实现的运维devops管理系统
08-10
基于 python django AdminLTE 实现的运维devops管理系统
Django Xadmin使用手册(文字_目录_高清)（官方教程）
11-03
Django Xadmin使用手册(目录_高清),详细的xadmin使用说明.
Python-djangoadmin美化采用layui作为基本框架改写大部分页面
08-12
django admin 美化，采用layui 作为基本框架，改写大部分页面
Flask-Admin集成adminLTE
stackess
04-08 6125
简介 开源一个项目，Flask-Admin-adminLTE集成了Flask-Admin和adminLTE，是一个Python环境下的WEB后台管理系统脚手架，目标是用极少量的代码，快速构建小型WEB应用。 地址：https://github.com/cstackess/Flask-Admin-adminLTE 系统截图 列表界面（特意把自定义的action也都显示出来） 查看界面 编辑界面...
asp.net core练手小项目(08) - 引入AdminLTE界面库
王敏的专栏
09-19 1057
AdminLTE 是一款基于 Bootstrap 的前端界面框架，免费开源。本篇基于上次完成的代码，引入 AdminLTE 界面框架。完成后界面效果如下： AdminLTE 可以从其官网或者 Github 网站下载，有 3.0+ 版和 2.0+ 版，我们选择 3.1.0 版。下载解压后可以通过框架提供的示例来探索用法。在 AdminLTE 目录下，有 index1.html, index2.html 和 index3.html 以及 starter.html 四个文件都可以了解到 AdminLTE 界面的
Django开发博客2
weixin_43667990的博客
06-13 305
一.视图层 列表页 from blog.models import * from config.models import SideBar def post_list(request, category_id=None, tag_id=None): tag = None category = None if tag_id: post_list, tag...
⒆ Django实现类似wordpress博客得侧边栏功能
轻编程的博客
07-04 290
那么，我们也参考这种思路来开发一个类似的侧边栏功能！ 创建迁移文件，并同步数据到数据库！ 再在这个SideBar模型类下边定义一个方法用来获取侧边栏列表和一个属性来渲染侧边栏的模板内容 将侧边栏模型注册到admin，并设置要显示的侧边栏！ 在base.html中渲染侧边栏...
MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ]
05-24
- `django.contrib.auth.middleware.AuthenticationMiddleware`：提供用户身份验证支持，确保只有已登录用户才能访问需要授权的页面。 - `django.contrib.messages.middleware.MessageMiddleware`：提供消息支持，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值