使用Django suit或Bootstrap美化admin模板

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

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

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

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

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

要实现这个功能,操作快一些,10分钟轻轻松松搞定。链接可以参考:

http://django-suit.readthedocs.io/en/develop/getting_started.html#installation

1)安装django-suit库

pip install django-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非常火。而底层技术,目前大家还是有危机意识的,都会学习一些开发技能,这就无形中会对已有的服务器端角色有一定的冲击,就有点类似下面的鼓。

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

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

INSTALLED_APPS = ( 'bootstrap_admin',

。。。

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

最近也调研了不少的前端实现,争取在本周能给大家分享出一篇结果出来。

本文分享自微信公众号 - 杨建荣的学习笔记(jianrong-notes)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-12-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Keegan小钢

App项目实战之路(一):概述篇

我计划做一款App产品,包括Android和iOS,做完打算将Android和iOS客户端的代码开源,并将上架到应用宝和AppStore,之后还会不断迭代。而在...

15630
来自专栏有趣的Python和你

Django开发之简书推荐作者可视化

折腾了几天,终于完成了第一个web开发项目,其中乐趣多多,坑也是巨多,听我娓娓道来之前,按例给大家上网站链接:

10520
来自专栏ATYUN订阅号

iOS11真机运行CoreML图像识别demo(Object C 版)

前几天做了一版CoreML在模拟器上进行识别图片的demo,是使用官方推荐的swift语言编写的,今天抽空把CoreML在Object C上再基于上一版完善一些...

48180
来自专栏个人分享

大数据理论体系总结--数据仓库管理与全链路数据体系

  就这样,大数据领域蓬勃发展了好几年,有很多伙伴执迷于技术,成为了分布式计算与存储的领域专家。也有很多伙伴执迷于数据,成为了行业的数据研发专家。当然还有很多小...

52840
来自专栏IT大咖说

VMware云管平台运维管理

摘要 跨 SDDC 和多云环境从应用到基础架构的智能 IT 运维管理。与 vRealize Log Insight 和 vRealize Business fo...

1.4K50
来自专栏SDNLAB

OpenBox项目及相关介绍

知道OpenBox源于SIGCOMM 2016的会议,这个会议的影响力在计算机和通信领域的专家相信都知道,CCF推荐的A类会议,一年接收文章的数量也就在30篇左...

37230
来自专栏Crossin的编程教室

爬虫+网站开发实例:电影票比价网

时常有同学会问我类似的问题:我已经学完了 Python 基础,也照着例子写过一点爬虫代码 / 了解过 django 的入门项目 / 看过数据分析的教程……然后就...

58550
来自专栏IT技术精选文摘

解密腾讯海量服务之道

一直对腾讯做产品的能力比较敬佩的,我们组做消息推送系统,而腾讯的信鸽就是我们学习的榜样。京东很多做产品的思想是跟腾讯学的,而京东很多同事也从腾讯过来的(京东合并...

96160
来自专栏CSDN技术头条

临阵磨枪,血拼季网站优化的最后三板斧

血拼季临近,零售商们需要提升Web性能以满足高峰期的需求。本文提出三个优化建议,包括图像优化等,旨在帮助大家化解黑五的性能难题。 美国的节日购物季即将在感恩节后...

20780
来自专栏沃趣科技

基于Oracle的私有云架构探析(连载一)@【DTCC干货分享】

云是当今最为热门的一个话题或者说技术,在数据库界也一样,Oracle 12G这个名字不硬生生被掰弯成了Oracle 12C,数据库云在我看来能给企业带来的第一价...

49350

扫码关注云+社区

领取腾讯云代金券