当前位置:Gxlcms > 数据库问题 > Django运维后台的搭建之五:引入databases和django-crispy-forms

Django运维后台的搭建之五:引入databases和django-crispy-forms

时间:2021-07-01 10:21:17 帮助过:16人阅读

下载并安装。


然后在settings.py中加入相关app,并使其使用bootstrap3的前端。修改settings.py如下:

INSTALLED_APPS = [
    ‘django.contrib.admin‘,
    ‘django.contrib.auth‘,
    ‘django.contrib.contenttypes‘,
    ‘django.contrib.sessions‘,
    ‘django.contrib.messages‘,
    ‘django.contrib.staticfiles‘,
    ‘Online‘,
    ‘SLB‘,
    ‘RDS‘,
    #crispy app  把这个APP添加进去
    ‘crispy_forms‘,
]


然后还要在settings.py后面追加下面一句话: 

#App settings  
CRISPY_TEMPLATE_PACK = ‘bootstrap3‘


再修改add.html文件,把crispy.form应用进去:

<!--引用crispy-forms标签-->
{% load crispy_forms_tags %}
<!DOCTYPE html>
<html>
<head lang="en">  
    <meta charset="UTF-8">  
    <title></title>  
</head>
<body>
 <form method=‘POST‘ action=‘‘>{% csrf_token %}
        <!--将crispy-forms应用到form中-->
        {{ form | crispy }}
        <input type=‘submit‘ value=‘提交‘ />
 </form>
</body>
</html>


然后再返回来看看添加的界面,嗯,好像变样了:

技术分享


我们现在为了统一,把add.html改成res_add.html,同时继承index.html,将res_add.html中的内容填充到index的Container block。

{% extends "index.html" %}
<!--引用crispy-forms标签-->
{% load crispy_forms_tags %}
{% block page_title %}
    基础资料
{% endblock %}
{% block container %}
    <div class="row">
    <div class="col-sm-3 pull-left">
    <form method=‘POST‘ action=‘‘>{% csrf_token %}
        <!--将crispy-forms应用到form中-->
        {{ form | crispy}}
        <input class=‘btn btn-primary‘ type=‘submit‘ value=‘提交‘ />
        <a href="{% url ‘lists‘ table=table %}  "><input class=‘btn btn-default‘ type=‘button‘ value=‘取消‘ /></a>
    </form>
    </div>
    </div>
{% endblock %}


然后再把views.py里面add函数里面最后那一行

 return render(request,‘add.html‘,context)

 改成 

return render(request,‘res_add.html‘,context)


至此,整个添加界面就全部继承过来了:

技术分享



本文出自 “生活就是等待戈多” 博客,请务必保留此出处http://chenx1242.blog.51cto.com/10430133/1952685

Django运维后台的搭建之五:引入databases和django-crispy-forms

标签:连接   django   databases   

人气教程排行