ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

djongo 前端页面展示自定义api返回的列表数据,并拼接到table上

2020-08-05 20:32:54  阅读:232  来源: 互联网

标签:自定义 license url self djongo results api deadline import


前端页面:

 1 {% extends 'base.html' %}
 2 {% load static %}
 3 {% load bootstrap3 %}
 4 {% load i18n %}
 5 {% load common_tags %}
 6 
 7 {% block content %}
 8 <div class="wrapper wrapper-content animated fadeInRight">
 9     <div class="row">
10         <div class="col-sm-12">
11             <div class="ibox float-e-margins">
12                 <div class="panel-options">
13                     {% include 'settings/_setting_tabs.html' %}
14                 </div>
15 
16                 <div class="tab-content">
17                     <div class="col-sm-12" style="padding-left:0">
18                         <div class="ibox-content" style="border-width: 0;padding-top: 40px;">
26                             <table class="table table-striped table-bordered table-hover " id="license_list_table">
27                                 <thead>
28                                 <tr>
29                                     <th class="text-center">授权导入时间</th>
30                                     <th class="text-center">授权文件编号</th>
31                                     <th class="text-center">导入前有效期至</th>
32                                     <th class="text-center">导入后有效期至</th>
33                                     <th class="text-center">共计时长(/月)</th>
34                                 </tr>
35                                 </thead>
36                                 <tbody id="license_list_table_body">
37                             </table>
38                         </div>
39                     </div>
40                 </div>
41             </div>
42         </div>
43     </div>
44 </div>
45 </div>
46 {% endblock %}
47 {% block custom_foot_js %}
48 <script src="{% static 'js/jquery.form.min.js' %}"></script>
49 <script>
50     $(document).ready(function () {
51         api_url = 'getLicenseList';
52         $.ajax({
53             method: 'GET',
54             url: api_url,
55             dataType: 'json',
56             success: function (data) {
57                 if (data['status']=="ok") {
58                     var results = data['data'];
59                     for (i = 0; i < results.length; i++) {
60                         $('#license_list_table_body').append(
61                             '        <tr>\n' +
62                             '            <th class="text-center">' + results[i]['importTime'] + '</th>\n' +
64                             '            <th class="text-center">' + results[i]['before_deadline'] + '</th>\n' +
65                             '            <th class="text-center">' + results[i]['after_deadline'] + '</th>\n' +
66                             '            <th class="text-center">' + results[i]['total'] + '</th>\n' +
67                             '        </tr>'
68                         )
69                     }
70                 }
71             }
72         })
73     })
74 </script>
75 {% endblock %}

 

其中,api_url的连接处:

view_urls.py

 1 from __future__ import absolute_import
 2 
 3 from django.conf.urls import url
 4 
 5 from .. import views
 6 
 7 app_name = 'common'
 8 
 9 urlpatterns = [
10     url(r'^$', views.BasicSettingView.as_view(), name='basic-setting'),17     url(r'^license/getLicenseList/$', views.LicenseListView.as_view(), name='list-license-setting'),
18    
19 ]

 

LicenseListView.py

class LicenseListView(View):
    def get(self, request):
        liscese_list = []
        license_dict = {}
        licenseDatail = LicenseDetail.objects.all()

        for tmp in licenseDatail:
            license_dict['importTime'] = ((str)(tmp.import_time)).split('+')[0]
            license_dict['before_deadline'] = ((str)(tmp.before_deadline)).split('+')[0]
            license_dict['after_deadline'] = ((str)(tmp.after_deadline)).split('+')[0]
            license_dict['total'] = tmp.time
            liscese_list.append(license_dict)

        result = {'status': 'ok', 'data': liscese_list}

        print(result)
        return JsonResponse(result, safe=False)

 

licensefile.py

 1 class LicenseDetail(models.Model):
 2     import_time = models.DateTimeField() 4     before_deadline = models.DateTimeField()
 5     after_deadline = models.DateTimeField()
 6     time = models.CharField(max_length=3)
 7     lic_config = models.CharField(max_length=10, default='')
 8 
 9     class Meta:
10         db_table = "settings_setting_license_detail"
11 
12     def __str__(self):
13         return "{},{},{},{},{}".format(self.import_time, self.before_deadline, self.after_deadline,
14                                           self.time, self.lic_config)

 

文件说明:

因为这个列表是嵌在页面中,也就是说这个和jongo的把整个页面作为一个model的原型不匹配;

其中,这个页面的跟路径是license/,所以在view_urls.py中对应的代码中加了license/,

 

标签:自定义,license,url,self,djongo,results,api,deadline,import
来源: https://www.cnblogs.com/notchangeworld/p/13442434.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有