先修复个小问题:
首页个人看板的数据中,如果小数位过多,会被判断成很大的数据:
如图,其实数据是33.333333333333
猜测这个图是根据字符串长度判断的,不过我们在viwes.py中修改一下,只保留整数位即可:
目前还有很多小伙伴反馈的其他某个缺陷,我准备在全局变量讲完后集中优化。大家不要着急。
----------------正文开始---------------
全局变量,我们上节课,简简单单的实现了增加功能,本节先来实现个删除功能 热热身。
打开我们的全局变量的那个P_global_data.html,找到删除按钮的标签,给它加上onclick,顺便在下面写好这个js函数,函数内容很简单,直接告诉后台要删除的变量id即可,然后刷新当前页面。
然后是urls.py:
最后是views.py:
然后就是测试阶段喽:
刷新页面 ,重启服务:
删除前:
删除后:
看来成功了。
那么本节内容结束了么?很显然,才开始上主菜。
就是编辑和保存。
编辑展示部分业务逻辑:使用者点击任何变量名字按钮,右侧展示变量当前的名字和内容,还有一个id隐藏的input。我们在之前的章节中已经完成了这部分。
今天就剩下 保存功能了。
我们点击任意一个变量:
可以看到,已经显示在了右侧编辑框。
然后我们给保存当前按钮增加onclick属性:
然后在下面新增save_one函数:
如上图,我们拿到了该变量的id,name,data。然后传给后台,让其保存后前端刷新页面。
继续,urls.py:
最后是views.py:
之后是测试:
改变前:
改变后:
看来成功了。
本节内容到此为止,下一节,我们要处理一下这个前端功能的 一些缺陷。比如:未选变量的空白情况点击保存当前按钮;点击后进入编辑状态却删除了该变量的各种处理;变量名的重复的保存情况。等等。