讲师中心 微信公众号
AI工具推荐 视频效率加速

Golang实现带UI反馈的错误系统_Web端异常提示设计

阿宇吖_1001

阿宇吖_1001

发布时间:2026-02-10 14:12:12

|

786人浏览过

|

来源于php中文网

原创

应统一用结构化 AppError 包装错误,含 code、message、field 字段,禁用 errors.New;HTTP handler 返回 JSON 对象而非字符串;前端按 code 分支处理,不依赖 HTTP 状态码。

golang实现带ui反馈的错误系统_web端异常提示设计

Go 后端怎么把错误传给前端显示

后端不能直接把 error 原样塞进 JSON 响应里发给前端——没结构、没分类、可能带敏感路径或调试信息。得先统一包装成前端能识别的格式,比如带 code、message、field 的对象。

常见错误现象:前端收到 {"error":"invalid email format"},但 UI 不知道该弹框还是内联提示;或者后端 panic 日志被当普通错误返回,暴露了 /var/www/app/main.go:123 这种路径。

  • 所有业务错误必须走自定义错误类型,比如 AppError,实现 Error() 方法且携带 Code() 和 Message()
  • HTTP handler 中用 json.NewEncoder(w).Encode() 返回结构体,不是 fmt.Fprintf 拼字符串
  • 全局 panic 恢复中间件里,对非 AppError 类型错误,一律返回通用码如 "INTERNAL_ERROR",message 固定为 "Something went wrong"

前端怎么区分网络错误、校验失败、权限不足

靠后端返回的 code 字段,不是靠 HTTP 状态码猜。400 不一定代表表单错,500 也不一定真崩了——很多网关会把超时也转成 500。

使用场景:用户提交邮箱,后端返回 {"code":"VALIDATION_FAILED","message":"Email is invalid","field":"email"},前端就只在邮箱输入框下方显示红字;如果是 {"code":"FORBIDDEN"},就跳登录页。

立即学习“go语言免费学习笔记(深入)”;

Golang Uber Dig
Golang Uber Dig

使用 uber-go/dig 在 Golang 中实现依赖注入——基于反射容器,提供 Provide/Invoke、dig.In/dig.Out 参数与结果对象,支持命名依赖等

下载
  • 约定好几类标准 code:VALIDATION_FAILED、NOT_FOUND、FORBIDDEN、RATE_LIMITED,全部大写+下划线
  • field 字段只在 VALIDATION_FAILED 时存在,值对应前端表单控件的 name 或 id
  • 避免用 HTTP 状态码做业务分支,比如不写 if status === 403 跳登录,而应检查 res.code === "FORBIDDEN"

为什么不能在 Go 里用 errors.New("xxx") 直接返回

因为它没结构、没上下文、没法加字段,前端拿不到 code,日志里也看不出是哪个接口、哪个参数出的问题。

性能影响不大,但可维护性差:加个新错误要改三处——handler 里写字符串、前端加 case、文档补说明。

  • 用结构体定义错误:type AppError struct { Code string; Message string; Field string; }
  • 提供构造函数:NewValidationError(field, msg string) *AppError,内部固定设 Code: "VALIDATION_FAILED"
  • 日志记录时,用 zap.Error(err) 打印时会自动展开结构体字段,不用手动拼 err.Code + err.Message

UI 层怎么避免重复提示或提示消失太快

不是后端问题,但和错误结构强相关。如果后端每次返回都带完整 message,前端又没做防抖或合并,用户点两次按钮就会弹两个 Toast。

容易踩的坑:把 loading 状态和错误状态耦合,比如请求中禁用按钮,但错误后没恢复按钮状态,用户以为卡住了。

  • 前端收到响应后,先清空上一次的 field 对应错误,再按新 field 设置;全局错误(无 field)单独存一个 slot
  • Toast 提示加唯一 key,比如用 code + timestamp,防止相同错误连发被重复渲染
  • 表单提交后,按钮置灰逻辑和错误处理解耦:按钮状态由 isSubmitting 控制,错误展示由 errors 对象控制

真正难的是错误边界——比如上传文件时网络中断,后端根本没收到请求,这时候错误不在 AppError 体系里,得靠前端 fetch 的 reject 分支兜底,而这个分支的 message 格式又要和后端保持一致。这事得前后端一起对齐,光后端做得再规范也没用。

热门AI工具

更多
花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

超级麦吉

一款通过数字员工协作完成调研、数据分析与文档制作的AI办公平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

相关专题

更多
golang如何定义变量
golang如何定义变量

golang定义变量的方法:1、声明变量并赋予初始值“var age int =值”;2、声明变量但不赋初始值“var age int”;3、使用短变量声明“age :=值”等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

519

2024.02.23

golang有哪些数据转换方法
golang有哪些数据转换方法

golang数据转换方法:1、类型转换操作符;2、类型断言;3、字符串和数字之间的转换;4、JSON序列化和反序列化;5、使用标准库进行数据转换;6、使用第三方库进行数据转换;7、自定义数据转换函数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

616

2024.02.23

golang常用库有哪些
golang常用库有哪些

golang常用库有:1、标准库;2、字符串处理库;3、网络库;4、加密库;5、压缩库;6、xml和json解析库;7、日期和时间库;8、数据库操作库;9、文件操作库;10、图像处理库。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1216

2024.02.23

golang和python的区别是什么
golang和python的区别是什么

golang和python的区别是:1、golang是一种编译型语言,而python是一种解释型语言;2、golang天生支持并发编程,而python对并发与并行的支持相对较弱等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

791

2024.03.05

golang是免费的吗
golang是免费的吗

golang是免费的。golang是google开发的一种静态强类型、编译型、并发型,并具有垃圾回收功能的开源编程语言,采用bsd开源协议。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1766

2024.05.21

golang结构体相关大全
golang结构体相关大全

本专题整合了golang结构体相关大全,想了解更多内容,请阅读专题下面的文章。

5054

2025.06.09

golang相关判断方法
golang相关判断方法

本专题整合了golang相关判断方法,想了解更详细的相关内容,请阅读下面的文章。

2334

2025.06.10

golang数组使用方法
golang数组使用方法

本专题整合了golang数组用法,想了解更多的相关内容,请阅读专题下面的文章。

4206

2025.06.17

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn