一、介绍

  dgango  HTML 对 各种数据类型数据的调用展示 的个人工作总结

二、数据处理

  1、元祖数据   t1 =('a','b','c',)

    示例:    {{ t1.0 }}    {{ t1.1  }}

  2、字典:

    示例:    

{% for k,v in ip_dic.items %}
{{ forloop.counter }} {# for 循环的次数 #}
{{ k }}
{{ v }}
{% endfor %}

  

  3、json 数据

    示例:

   4、数据库查询返回数据:

    1、正常数据处理 ——实例:

1 {% for u in db_list %}
2 {{ forloop.counter}} {# for 内置的 counter函数,获取当前循环次数 #}
3 {{ u.字段名 }} {# 显示字段每次循环的数值 #}
4 {{ u.get_字段名_display }} {# 加get_字段名_display 可以显示 choices 的对应中文内容,另外数据库字段需要是IntegerField类型 #}
5 {% endfor %}

    2、数据库里的html 格式数据前台展示———实例:  

       a、数据库数据:

        

      b、html 实现:

1 {% autoescape off %}
2 {{ i.content }}
3 {% endautoescape %}

      c、效果

        

    

    3、数据库数据搜索

      a、html 实现: 

<form class="form-inline mt-2 mt-md-0" action="{% url 'sw_mgmt:sw_br' %}" method="post">
  {% csrf_token %}
  <input name="search" class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search" name="search">
  <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>

  

      b、viwes 实现:     

 1 def sw_br(request):
2 if request.method =="POST":
3 search = request.POST['search']
4 else:
5 search = ''
6 if search =='':
7 sw_lists = models.sw_br.objects.all().order_by('sw_addr')
8 else:
9 sw_lists = models.sw_br.objects.filter(ip__contains=search).order_by('sw_addr') #功能实现主要代码
10 sw_lists = cut_page(request,sw_lists,11) 11 return render(request,'sw_mgmt/b_r.html',{'sw_lists':sw_lists})

最新文章

  1. POJ 1149 PIGS
  2. Eclipse下还原删除的文件
  3. 【转】简单的 Laravel 5 REST API
  4. jQurey基础简介
  5. MySQL基于实例sales创建自定义函数、视图、存储过程及触发器
  6. UVA 11754 Code Feat (枚举,中国剩余定理)
  7. wcf ServiceContract
  8. haproxy + keepalived 实现网站高可靠
  9. Android开发:Eclipse+OpenCV环境搭建
  10. 电梯调度编写(oo-java编程)
  11. Spring中@Component注解,@Controller注解详解
  12. arcgis api 3.x for js 入门开发系列十一地图统计图(附源码下载)
  13. 重新定位Excel Addin插件的方法
  14. CLOSE_WAIT状态的原因与解决方法(转载留自己看)
  15. Pycharm自动添加文件头
  16. Mybatis中映射器实现方式总结
  17. 【转】关于 SELECT /*!40001 SQL_NO_CACHE */ * FROM 的解惑
  18. ts+antd报错error TS2605: JSX element type Xxx is not a constructor function for JSX elements
  19. servlet生命周期深入理解
  20. Bootstrap:目录

热门文章

  1. Nginx TP5环境配置
  2. dede织梦会员模板调用template下模板head.htm方法及解析变量
  3. dede调用数据时,字符串替换函数使用
  4. chrome浏览器中安装以及使用Elasticsearch head 插件
  5. javascript 标签切换
  6. AT5661-[AGC040C]Neither AB nor BA【模型转换】
  7. YbtOJ#763-攻城略池【线段树合并】
  8. windows使用VS编译python源码
  9. bash是什么?
  10. Postman快速入门