网站建设资讯

NEWS

网站建设资讯

Django+boostrap美化admin后台的操作-创新互联

工具:Pycharm,Django1.11.9.

成都创新互联主营九台网站建设的网络公司,主营网站建设方案,重庆APP开发公司,九台h5成都小程序开发搭建,九台网站营销推广欢迎九台等地区企业咨询

1.下载django_admin_bootstrapped

pip install django-admin-bootstrapped

2.打开django项目目录下的settings.py文件,如图添加内容,必须放在django本身的django.contrib.admin前面。

Django+boostrap 美化admin后台的操作

3.运行项目,通过浏览器打开页面,即可看到美化后的admin后台了。

Django+boostrap 美化admin后台的操作

将后台中的英文修改为中文,可以看到只有右上角的英文 "Recent actions",和中间有一个'Applications'。

现在我们来修改它们。

在django_admin_bootstrapped/templates/admin/base.html 中找到"Recent actions",修改为"最近的动作"。

Django+boostrap 美化admin后台的操作

在同一目录下的index.html中找到"Applications",换成"应用程序"。

Django+boostrap 美化admin后台的操作

重新运行项目,进浏览器就OK了。

Django+boostrap 美化admin后台的操作

补充知识:几步带你实现django中引入bootstrap,后端程序员有福了

bootstrap在flask框架中引入很简单,但是由于django是一个封闭式的框架,所以在运用的时候,

有点小麻烦,不过也就几步的事情,多点耐心

下载bootstrap

下载地址:https://v3.bootcss.com/getting-started/#download,选择第二个,下载带有源码的bootstrap,只能通过这种方式(django是封闭的)

下载的目录结构:

Django+boostrap 美化admin后台的操作

dist文件是bootstrap的核心文件

创建一个简单Demo项目,这是我的项目

Django+boostrap 美化admin后台的操作

注意:在根项目下创建一个static目录,再在static下创建一个bootstrap文件夹,找到并打开setting.py输入如下;(输入到该文件的末尾即可,注意符号)

STATIC_URL = '/static/'

STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'),)

找到并打开view.py补充输入如下

#视图函数,返回index.html页面 
from django.http import HttpResponse 
from django.shortcuts import render 
def index(request): 
  return render(request, 'index.html')

网站标题:Django+boostrap美化admin后台的操作-创新互联
网站地址:http://cdweb.net/article/hojed.html