更新提醒

从现在开始2018年3月3日会对更新时间和内容进行介绍
1. 2018年3月5日 14点35分 ——-> 十、8小点(timelinejs)进行了添加(新增的插件) 点击跳转
2. 2018年3月5日 17点29分 ——-> 十、8小点(timelinejs)进行了删除
3. 2018年3月9日 18点12分 ——-> 十、8小点(printThis)进行了添加 点击跳转

一、导航栏窗口定制

https://stackoverflow.com/questions/18529274/change-navbar-color-in-twitter-bootstrap-3
此回答下有导航栏窗口定制的网站

https://work.smarchal.com/twbscolor/css/e74c3cc0392becf0f1ffbbbc0

二、图标

https://fontawesome.com/icons?d=gallery
http://www.bootcdn.cn/
https://icons8.com/icon/set/weixin/all

三、标签页


四、markdown

创建bootstrap-markdown.js

https://github.com/toopay/bootstrap-markdown

使用文档
http://www.codingdrama.com/bootstrap-markdown/

五、主题

https://bootswatch.com/3/

六、阴沟里翻船

没弄懂scss之前,拒绝用带有scss的样式

七、上传控件

https://github.com/kartik-v/bootstrap-fileinput/wiki/12.-%E4%B8%80%E4%BA%9B%E6%A0%B7%E4%BE%8B%E4%BB%A3%E7%A0%81#%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95

八、CDN
http://www.bootcdn.cn/

九、min.css和.css还是有很区别的

十、所用插件

1 datatables

2 jquery-datatables-editable

3 sweet-alert

4 bootstrap-fileinput

5 summernote

  • 官网:https://summernote.org/
  • 其他:(前端显示)
  • ruoyi bootstrap配置session超时时间_bootstrap

  • <div class="panel panel-default m-t-20"> 
    
         <div class="panel-body"> 
    
                  {% for v in page_data %} 
    
                  <div id="summer"> </div> 
    
                  <input type="hidden" value="{{ v.content }}" id="article_content"> 
    
                  {% endfor %} 
    
        </div> <!-- panel-body --> 
    
    </div> 
    
    script部分: 
    
    <script> 
    
            jQuery(document).ready(function () { 
    
                var innerhtml = $("#article_content").val(); 
    
                $("#summer").html(innerhtml); 
    
        }); 
    
     </script> 
    
     本部分代码为从数据库中将带有标签的内容正确读取
  • ruoyi bootstrap配置session超时时间_官网_02


6 bootstrap-datepicker

7 bootstrap-datetimepicker

8 printThis

十一、级联菜单的问题

ruoyi bootstrap配置session超时时间_bootstrap_03

解决了三层级联的问题,由于之前误以为wtf-form表单的下拉选择框支持级联,后来发现渲染前端标签的时候,数据无法及时获取。因此,在forms.py中将下拉框改成了stringfield,设置隐藏属性,用前端js的三层级联框将数据根据id赋值给form.xxx。以此解决了三层级联的数据问题

部分代码如下:

forms.py 

  province = StringField( 

          description=”省”, 

          render_kw={ 

              “class”: “form-control”, 

              “id”: “hidden-province”, 

              “type”: “hidden” 

          } 

      )
xxx.html

ruoyi bootstrap配置session超时时间_github_04


ruoyi bootstrap配置session超时时间_bootstrap_05

用Jquery的val()方法给隐藏的province赋值。同时一定要注意在html后赋值。