码迷,mamicode.com
首页 > 其他好文 > 详细

Django处理下拉数据

时间:2020-07-22 20:31:35      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:固定   alt   来源   desc   请求   img   search   success   inf   

问题来源: 针对下拉菜单而言,如果全部有前端固定输入,一旦系统需要修改前端字段名称,那么我们就需要去找到对应的下拉框,修改名称,修改后还要重新提交代码;略微麻烦

  解决办法,用Django的models处理,把数据都写到数据库中,后端把数据返回给前端,前端只需要读取数据,写到对应的下拉菜单中即可

 

具体操作:

  后端:

    1、 先建表,想清楚数据结构,再写接口

    2、 写一个接口,将数据返回给前端;get请求

class SearchEnvJson(APIView):
    def get(self, request):
        data = Config.objects.all()
        return JsonResponse(data)

         自己建一个config表,非开发人员,建表比较戳,见谅;能用

    id可以分大一点,这样就可以防止突发新增内容;用value区分不同的下拉菜单,用descriptions作为option值

  技术图片

 

  前端: 前端将后端提供的数据写入到option

        $.ajax({
            type: "get",
            url: "{% url ‘searchEnvApi‘ %}",
            datatype: ‘json‘,
            contentType: "application/json; charset=utf-8",
            data: {},
            success: function (data) {
                console.log(data);
                for (let i = 0; i < data.data.length; i++) {
                    let dataTemp = data.data[i];
                    console.log(dataTemp);
                    if (dataTemp.value == "env") {
                        $("#env").append(new Option(dataTemp.descriptions))
                    }else if (dataTemp.value == "server") {
                        $("#server").append(new Option(dataTemp.descriptions))
                    }else if (dataTemp.value=="area"){
                        $("#area").append(new Option(dataTemp.descriptions))
                    }
                }
                form.render(); 
            }
        });

 

数据验证:

  数据正常显示

技术图片

 

 

  

 

 

 

   

Django处理下拉数据

标签:固定   alt   来源   desc   请求   img   search   success   inf   

原文地址:https://www.cnblogs.com/nieliangcai/p/13362587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!