从 PHP 到 AI + Golang，程序员自救转型手记（一）：开实战项目

写本系列Blog一个非常重要的出发点是帮助程序员朋友在AI时代找到破局之道，在真实的AI项目中，深入体会AI的能力，了解AI的不足，打破AI焦虑。 此文发布时已经写到【从PHP到AI+Golang，程序员自救转型手记（二十一）：登录接口整合点选验证码，AI大翻车】已经完成了项目基本架构和前几个接口，不用担心作者弃坑，请放心阅读。 作者的进度可能比较快，毕竟是个老手，如果你学习进度较慢也不用着急，一般正常的，实在某个问题搞不定，也可以搜搜相关视频（视频讲解一般会更加透彻，但会慢很多），程序员本来就需要独立解决问题的能力，现在就开始锻炼吧

从 PHP 到 AI + Golang，程序员自救转型手记（十三）：前端路由初始化

){animation-delay:0.2s;}.item:nth-child(2),.item:nth-child(6){animation-delay:0.3s;}.item:nth-child(3) {animation-delay:0.4s;}}}}@keyframesai-go-page-loading-animation{0%,70%,100%{transform:scale3D(1,1,1) ;}35%{transform:scale3D(0,0,1);}}

从 PHP 到 AI + Golang，程序员自救转型手记（二十六）：icon 组件封装

：原来的写法：展开代码语言：TXTAI代码解释<scriptsetup>import{Smile}from"@lucide/vue";</script><template><Smilecolor="#<em>3</em>e9392 --lucide图标--><Iconname="lucide-smile"color="#<em>3</em>e9392"/><! --elementpuls图标--><Iconname="el-smile"color="#<em>3</em>e9392"/></template>即单行代码即可显示图标，无需手动导入，这种实现的好处之一就是后台的菜单的图标可以随时修改 图标选型让AI找了很多高星的图标库项目，其实挺看好iconpark的，可惜他们的github仓库已经归档了，最后选了lucide，因为他star多，现代，vue3兼容性好，图标总量不多不少。 构建产物：assets内共24个项目，2.17MB、17个请求，传输1.9MB，1.9MB项资源，上100kb的文件多了以下一个：http://localhost:8000/assets/a-c-CdQL3xxB.js144kb

从 PHP 到 AI + Golang，程序员自救转型手记（十一）：前端工程初始化

从个人发展层面而言，你的根扎得越深，上面就越稳，不要去相信那些弱者所说的学多了杂而不精，作为程序员从硬件层>操作系统>网络>数据于编程语言>工程>部署等都值得了解，然后择自己兴趣或工作需要发展专精项即可 从大环境层面而言，如今的AI时代，纯前端开发者前景堪忧，特别是只会写页面的前端或许已经死了，这些工作将被后端工程师接手，同时后端工程师自动升级全栈工程师，高阶开发者没有一个是只会一种语言的，接下来，我们将以vue3为前端框架

从 PHP 到 AI + Golang，程序员自救转型手记（十五）：优化细节、网络请求封装

Loading换用ElLoading.service({fullscreen:true})，仍用引用计数管理并发请求2.去掉successMsg/errorMsg两个自定义提示选项，直接使用res.message3.

从 PHP 到 AI + Golang，程序员自救转型手记（十四）：眨眼小人登录页制作

───────┐│角色│颜色│实现│├────────┼─────────┼──────────────────────────────────────────────────┤│Purple│#6C3FF5 Vuecomputedstyles响应式更新-随机眨眼：Purple/Black各自独立定时器，2~6s随机间隔-偷看：密码可见时Purple角色2~5s后偷看800ms（瞳孔偏移+4px）✻Cogitatedfor3m50s el.getBoundingClientRect()constdx=mouseX.value-(r.left+r.width/2)constdy=mouseY.value-(r.top+r.height/3) 5:-4}elseif(isLookingAtEachOther.value){forceX=3forceY=4}}elseif(key.startsWith('black-')){if(hiding.value ======.orange{left:0;width:240px;height:200px;background:#ff9b6b;border-radius:120px120px00;z-index:3;

从 PHP 到 AI + Golang，程序员自救转型手记（四）：整合 Gin 框架、必学项 + 2

此文发布时已经写到【从PHP到AI+Golang，程序员自救转型手记（二十一）：登录接口整合点选验证码，AI大翻车】已经完成了项目基本架构和前几个接口，不用担心作者弃坑，请放心阅读。

从 PHP 到 AI + Golang，程序员自救转型手记（二十一）：网络请求封装优化

这是一个系列 Blog，作者将以一个 PHP 全栈工程师的身份，利用 AI 工具（claude code、codex、deepseek、豆包等）：从零开始学习 golang 语言，并最终完成 ai-go-mall（github | gitee）开源项目的制作，全程记录分享。

从 PHP 到 AI + Golang，程序员自救转型手记（二十二）：改用 AGENTS.md

AGENTS.md@-imported字样：展开代码语言：BashAI代码解释MemoryAuto-memory:on1..claude\CLAUDE.md❯2.LAGENTS.md@-imported3. 技术栈后端：Go1.25+Gin+GORM+PostgreSQL前端：Vue3+ElementPlus+TypeScript+Vite+Pinia+Axios回答偏好回复使用中文遇到有多种实现方案时，列出选项让我选择

从 PHP 到 AI + Golang，程序员自救转型手记（三）：数据库连接，读写分离配置

此文发布时已经写到【从PHP到AI+Golang，程序员自救转型手记（二十一）：登录接口整合点选验证码，AI大翻车】已经完成了项目基本架构和前几个接口，不用担心作者弃坑，请放心阅读。

从 PHP 到 AI + Golang，程序员自救转型手记（九）：管理员登录接口实现

**脱离用户身份的通用服务**：可放入`common/`子目录或不设子目录（如验证码、配置、地区数据等跨身份服务）3.

从 PHP 到 AI + Golang，程序员自救转型手记（二十五）：后台布局迁移尝试

示例数据驱动：layouts/admin/index.vue内置了完整的示例菜单数据（仪表盘、内容管理、系统设置），无需后端接口即可展示完整布局2.自适应布局：屏幕宽度<1024px时自动折叠菜单为小屏模式3. 博主将人工迁移布局相关代码，由于主要是复制工作，不重要的就不往本手记上面写了，想了解过程的朋友，可以查阅开源仓库的提交记录：开源于：github|gitee

从 PHP 到 AI + Golang，程序员自救转型手记（二十）：前端点选验证码组件实现

这是一个系列 Blog，作者将以一个 PHP 全栈工程师的身份，利用 AI 工具（claude code、codex、deepseek、豆包等）：从零开始学习 golang 语言，并最终完成 ai-go-mall（github | gitee）开源项目的制作，全程记录分享。

从 PHP 到 AI + Golang，程序员自救转型手记（七）：建立 CLAUDE.md 文件、整理目录结构

`database.Init()`—连接PostgreSQL，配置读写分离，`AutoMigrate`所有`model.Register()`的模型3.

从 PHP 到 AI + Golang，程序员自救转型手记（十）：交叉验证AI模型的工作成果

人在造出汽车之时就明白，汽车一定是比人跑得更快的，其他很多机器也一样，造出他们的动机就是为了比人干的更好；AI亦是如此，AI替代部分人类的工作，这没什么奇怪的。

从 PHP 到 AI + Golang，程序员自救转型手记（八）：设计管理员模型、热重载配置

修改Register函数支持可变参数：●Update(internal\model\model.go)⎿Added3lines,removed2lines3varmodels[]any45//注册需要自动迁移的模型

从 PHP 到 AI + Golang，程序员自救转型手记（十九）：点选验证码代码逐行目检

这是一个系列 Blog，作者将以一个 PHP 全栈工程师的身份，利用 AI 工具（claude code、codex、deepseek、豆包等）：从零开始学习 golang 语言，并最终完成 ai-go-mall（github | gitee）开源项目的制作，全程记录分享。

从 PHP 到 AI + Golang，程序员自救转型手记（十二）：前端状态商店、多语言初始化

这是一个系列 Blog，作者将以一个 PHP 全栈工程师的身份，利用 AI 工具（claude code、codex、deepseek、豆包等）：从零开始学习 golang 语言，并最终完成 ai-go-mall 开源项目的制作，全程记录分享。

从 PHP 到 AI + Golang，程序员自救转型手记（十七）：登录接口完善，登录页接口整合，解决跨域

NewV7方法生成token值，并使用token管理器（@internal\infra\token\token.go）创建tokenremember为真时，token有效期为30天，否则token有效期为3天 github.com/google/uuid")//登录方法中，登录成功后增加生成令牌的代码tokenStr:=uuid.Must(uuid.NewV7()).String()//计算过期时间：记住登录为30天，否则为3天 expiredAt:=time.Now().Add(3*24*time.Hour)ifreq.Remember{expiredAt=time.Now().Add(30*24*time.Hour)}//创建令牌 通过dataFill(res.data.data,false)将后端返回的管理员信息+token全部填充到adminInfoPiniastore（false表示不排除任何字段，token也会被持久化）3.

从 PHP 到 AI + Golang，程序员自救转型手记（二十四）：一行提示词抽出完美网站首页

我们已经完成“登录接口整合点选验证码（AI大翻车）”，本期将完成：一行提示词抽出完美网站首页网站首页制作本项目目前并不确定是否制作PC会员端，就算做应该也会使用更兼容SEO的Nuxt，而不是原生VUE3代码编写 文案调整接下来几乎所有的调整，都是文案上的，比如它在介绍TypeScript时，提到了Vue3和Vite，而下方又有单独的Vue3介绍，然后就是文案过长，和优化，比如AI执笔·人工雕琢我改为了AI做舟· {{item.name}}</h3>

{{item.desc}}