zdpdjango_argonadmin Django后台管理系统中的常见功能开发

文章来源：企鹅号 - Python私教

效果预览

首先，看一下这个项目最开始的样子：

左侧优化

将左侧优化为下面的样子：

代码位置：

代码如下：

{% load i18n static admin_argon %}

<aside class="sidenav bg-white navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-4 "

id="sidenav-main">

{#左侧LOGO#}

<i class="fas fa-times p-3 cursor-pointer text-secondary opacity-5 position-absolute end-0 top-0 d-none d-xl-none"

aria-hidden="true" id="iconSidenav"></i>

<span class="ms-1 font-weight-bold">Django后台管理系统</span>

</a>

</div>

{% admin_get_menu as app_list %}

{% if app_list %}

{% for app in app_list %}

{% if app.has_perms and not app.pinned %}

<a class="nav-link {% if app_label != app.label and app.url not in request.path|urlencode %} collapsed{% endif %}"

data-bs-toggle="collapse" data-bs-target="#submenu-{{ app.app_label }}"

href="{{ app.url }}">

</div>

<span class="nav-link-text ms-1">{{ app.label|slice:10 }}{% if app.label|length > 10 %}

..{% endif %}</span>

</a>

{% if app.models %}

<div class="multi-level ms-5 collapse {% if 'tables-bootstrap-' in segment or app_label == app.label or app.url in request.path|urlencode %} show {% endif %}"

role="list" id="submenu-{{ app.app_label }}"

aria-expanded="{% if app_label == app.label or app.url in request.path|urlencode %}true{% else %}false{% endif %}">

{% for model in app.models %}

{% if model.url %}

<span class="nav-link-text ms-1">{{ model.label }}</span>

</a>

</li>

{% else %}

<li class="nav-item list-unstyled">{{ model.label }}</li>

{% endif %}

{% endfor %}

</ul>

</div>

{% endif %}

</li>

{% endif %}

{% endfor %}

{% endif %}

{% if request.user.is_superuser %}

</div>

</a>

{% else %}

</div>

</a>

{% endif %}

</li>

{% if request.user.is_authenticated and not request.user.is_superuser %}

</div>

<span class="nav-link-text ms-1">Tables</span>

</a>

</li>

</div>

<span class="nav-link-text ms-1">Billing</span>

</a>

</li>

</div>

<span class="nav-link-text ms-1">Virtual Reality</span>

</a>

</li>

</div>

</a>

</li>

<h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-6">Account pages</h6>

</li>

</div>

<span class="nav-link-text ms-1">Profile</span>

</a>

</li>

{% endif %}

</ul>

</div>

<img class="w-50 mx-auto" src="{% static 'img/illustrations/icon-documentation.svg' %}"

alt="sidebar_illustration">

<p class="text-xs font-weight-bold mb-0">请点击链接</p>

</div>

<a href="https://github.com/zhangdapeng520" target="_blank"

class="btn btn-dark btn-sm w-100 mb-3">源码下载</a>

<a class="btn btn-primary btn-sm mb-0 w-100" href="https://github.com/zhangdapeng520"

target="_blank" type="button">旗舰版本</a>

</div>

修改数据面板上方的卡片

在这里插入图片描述

代码：

$53,000

</h5>

比昨天

</p>

</div>

</div>

2,300

</h5>

比上周

</p>

</div>

</div>

+3,462

</h5>

比昨天

</p>

</div>

</div>

$103,430

</h5>

<span class="text-success text-sm font-weight-bolder">+5%</span> 比上月

</p>

</div>

</div>

发表于: 22天前2024-04-08 00:00:00
原文链接：https://page.om.qq.com/page/OHfMqp0VCtSbE5w4L1x52yeg0
腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号（企鹅号）传播渠道之一，根据《腾讯内容开放平台服务协议》转载发布内容。
如有侵权，请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长进交流群

领取专属 10元无门槛券

私享最新 技术干货

zdpdjango_argonadmin Django后台管理系统中的常见功能开发

相关快讯

扫码

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐