调试工具在业务场景的使用-前端

这篇文档主要介绍在业务场景中,使用调试工具解决前端问题的思路。

调试工具的使用见文档:问题排查调试工具使用手册

调试工具的页面内容介绍:Oinone平台可视化调试工具


场景1:页面上的字段被删除

现象:未查询配置字段的数据

在设计页面给类目字段的“选项字段”配置了“速记码(字段名称为fastCode)”在其中
调试工具在业务场景的使用-前端

排查路径:

  1. 将问题页面url路由中的page改为debug进入页面调试模式,可以看到页面的调试信息
    调试工具在业务场景的使用-前端

  2. 在标签页“页面字段”内的找到问题字段的配置,可以看到optionFields内还是有字段“速记码(字段名称为fastCode)”的
    调试工具在业务场景的使用-前端
    但是存储关联关系模型字段配置的options[0].widggets内只有code、name、id字段了,fastCode的元数据未返回
    调试工具在业务场景的使用-前端

  3. 联系后端开发检查模型定义的代码,发现该字段已被注释删除
    调试工具在业务场景的使用-前端

  4. 跟后端同学沟通字段删除后的处理方案

其他相似场景参考
  • 数据字典项出现过删除、重命名
  • Field字段出现过重命名、配置项发生过更改
  • Function函数/Action动作出现过删除、重命名

场景2:动作权限问题排查

现象:页面配置的动作,部分角色登录后无法看到

设计页面是有个“发消息2”的动作
调试工具在业务场景的使用-前端

test01用户登录后,发现页面并没有这个动作
调试工具在业务场景的使用-前端

排查路径:

  1. 将问题页面url路由中的page改为debug进入页面调试模式,可以看到页面的调试信息
  2. 在标签页打开“页面动作”,在设计页面的“返回”动作后并没有看到“发消息2”的动作,我们再去权限管理页面查看权限
    调试工具在业务场景的使用-前端
  3. 在权限管理处,查看当前页面的动作权限情况,可以看到“发信息2”的动作确实没有选中
    调试工具在业务场景的使用-前端
  4. 我们将该动作选中后再次刷新运行时的页面,页面动作全部正确展示。

Oinone社区 作者:nation原创文章,如若转载,请注明出处:https://doc.oinone.top/shu-shi-oinone-xue-yuan/kai-fa-pai-cuo-ji-qiao/18412.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

(0)
nation的头像nation数式员工
上一篇 2024年10月21日 上午11:55
下一篇 2024年10月21日 下午9:58

相关推荐

  • 问题排查调试工具使用手册

    当前端发起对应用的访问时,如果出现错误,那么我们可以通过以下方式进行简易排查,如果排查不出来,则也可以把排查工具给出的信息发送给Oinone官方售后进行进一步分析。本文将通过模拟异常信息,来介绍排查工具,提供了哪些辅助信息帮我们来快速定位问题。 排查工具基础介绍 通过前端页面的 /debug 路由路径访问调试工具的页面,假设我们的前端页面访问地址为http:…

    2024年5月21日
    89200
  • 如何用调试工具提升效率

    相关文档参考 问题排查调试工具使用手册:https://doc.oinone.top/kai-fa-shi-jian/7484.html 调试工具在业务场景的使用-前端https://doc.oinone.top/shu-shi-oinone-xue-yuan/kai-fa-pai-cuo-ji-qiao/18412.html 调试工具在业务场景的使用-前端…

    2024年10月29日
    51800
  • 调试工具在业务场景的使用-后端

    这篇文档主要介绍在业务场景中,使用调试工具解决后端问题的思路。 调试工具的使用见文档:问题排查调试工具使用手册 调试工具的页面内容介绍:Oinone平台可视化调试工具 例1:模型配置不存在 现象:点击详情报模型配置不存在错误 排查路径: 将报错请求复制到接口调试出,查看调试信息 在调试信息页面,可以看到全部堆栈,利用堆栈信息找报错问题。 可以看到执行了Stu…

    2024年9月26日
    40500
  • 如何通过浏览器开发者工具提高调试效率

    1.通过vue devtool查看vue组件和oinone组件的信息 安装vue devtool插件 chrome安装最新版的vue devtool插件 谷歌应用商店插件地址,隐藏窗口需要在扩展程序的详情页额外设置才能使用该插件 安装好插件后,可以通过插件选中html页面中的元素查看相关信息 相关特性了解 组件自动创建的vue组件以组件的class类名命名,…

    2024年9月9日
    37800

发表回复

登录后才能评论