文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎样使用Django suit或Bootstrap美化admin模板

2023-06-04 11:06

关注

本篇文章给大家分享的是有关怎样使用Django suit或Bootstrap美化admin模板,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

Django的功能很强大,总体来说应该是支持的很全面,如果有些同学压根不会html,web前端的东西,Django Admin模板也能满足你的需求,只是做做元数据的管理来说是足够了。

比如我之前快速迭代的一个个人知识库,至少目前来说先解放了自己,能实现一些基本的功能,然后逐步深入,自己一边做产品经理,一边做开发人员,对于需求如何实现和规划,脑子里就有了一个基本的思路。想想也确实,做到了一定程度之后,才会发现一些潜在的问题,或者说有一些新的需求,而如果一直迈不过那个坎,一直停留在之前的需求层次上,我希望把这个阶段压缩,尽快能够完成一些基本的功能。

之前简单配置的知识库的截图如下,还算凑合吧,不算太丑。

怎样使用Django suit或Bootstrap美化admin模板

当然如果想实现一些看起来略好一些的界面,有两个捷径。一个是使用Django Suit,另外一个是配置Bootstrap.

配置Django Suit后的截图如下,可以看到界面好像有些一些特色,色调和布局有了较大的调整,左侧有了真正以上的菜单,而之前的过滤器则放在了红色框里面。

怎样使用Django suit或Bootstrap美化admin模板

要实现这个功能,操作快一些,10分钟轻轻松松搞定。

1)安装django-suit库

pipinstalldjango-suit==0.2.25

2)配置settings.py文件,把suit放到应用列表的前面,要优先于admin的部分,大体内容如下:

INSTALLED_APPS=('suit','django.contrib.admin',)

3)如果Django的版本较低,需要调整settings.py的TEMPLATE_CONTEXT_PROCESSORS设置

TEMPLATE_CONTEXT_PROCESSORS=TCP+('django.core.context_processors.request',)

如果版本较新,可以重点检查下红色的部分。

TEMPLATES = [

{

。。。。

'OPTIONS': {

'context_processors': [

'django.template.context_processors.debug',

'django.template.context_processors.request',

'django.contrib.auth.context_processors.auth',

'django.contrib.messages.context_processors.messages',

],

},

},

]

然后就是启动服务,查看效果了。非常简单的步骤。效果还不错。

而如果启动Bootstrap,则效果会更炫。我非常看好这个方向,因为现在的大前端优势已经很明显了。昨天在ACOUG的分享中我简单提了一个概念,那就是把现在的技术方向分为上中下三层,最下层是数据库,系统,网络等基础设施部分,类似saas层,中间的层面是一些业务系统的逻辑实现,算是程序中的后端,服务器端。而上层则是前端部分,有多中表现形式,比如可视化技术方向。我的理解,以前的技术方向,更重视后端,更关注底层和应用的架构扥服务器端技术。就好比下面的鼓一样,对于前端来说是不够重视的,或者关注度还是有限,因为很多的人印象中,美化的部分都是美工做的事情。

而现在发生了大的变化。可以叫做大前端技术,因为现在的前端技术已经发展很成熟,前端希望能够做一些服务端的事情,所以现在的JS非常火。而底层技术,目前大家还是有危机意识的,都会学习一些开发技能,这就无形中会对已有的服务器端角色有一定的冲击,就有点类似下面的鼓。

怎样使用Django suit或Bootstrap美化admin模板

观点就是这个,我们来看看bootstrap的一个基本的改进,如果要细化的改进,那应该会有很多的工作需要确认或者细化。我们可以简单体验一下,在settings.py文件里添加bootstrap的库进去,就可以分分钟看到一个好一些的界面,当然这是我挑出来能看过眼的截图。

在settings.py文件里修改应用列表,添加bootstrap的界面即可,比如这个配置。

INSTALLED_APPS = (

'bootstrap_admin',

得到的界面如下,如果要做细化和定制,需要做进一步的分析。

怎样使用Django suit或Bootstrap美化admin模板

以上就是怎样使用Django suit或Bootstrap美化admin模板,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯