乐于分享
好东西不私藏

不想背PDF题库,我用AI“现做”了一个安全员B证刷题网页

不想背PDF题库,我用AI“现做”了一个安全员B证刷题网页

      下个月要安全员B证复训了。 一提到“复训”两个字,脑子里自动弹窗——又要背题了。报名点甩过来一份PDF题库,内容确实扎实,但手机打开的一瞬间,我的手指就开始抗议了:  翻页靠搓,找题靠眼,对答案靠来回切,体验怎么说呢——能用,但真的不够好用。于是,作为一个“看到重复劳动就想写个工具”的技术男,脑子里那个熟悉的念头又冒了出来:  

为什么不自己搞一个手机刷题的小页面?

不搞APP,太重,就弄个网页版。自己用,朋友也能用,打开浏览器就能刷,主打一个“随用随走”。

## AI时代,能不动手就不动手

    放在以前,这种小玩意儿也得搭环境、写HTML、撸CSS、调JavaScript,再花半天折腾数据处理。 现在不一样了——我决定把“苦力活”交给AI。

作为一个懒惰但热爱折腾的技术男,我的原则很明确: 

> 能让AI写的代码,绝不多敲一个字母。

      于是我打开了字节的 Trae Code CN ——一个自带AI Agent的IDE,准备体验一把“聊天编程”的快乐。安装时提示是否导入VS Code配置,点了个“是”,界面一打开,熟悉的布局扑面而来,仿佛回家一样自然。 模型选择挺多,Git这些常用功能也都有,上手几乎零成本。

接下来操作很简单:新建一个空白文件夹,把培训机构发我的那份《B证题库.PDF》直接拖进去。  然后,就是AI表演的时间了。我在右下角的 `@Agent` 对话框里,敲下了一句听起来很像甲方需求的话: 

> “请使用B证题库PDF文件为数据源设计Web页面。”

## 15分钟,一个能用的网页就出来了

       从AI开始解析题库,到最终生成一个能跑的HTML页面,前后大概也就15分钟。  当然,第一次跑的时候,中文直接变成了“天书”——编码翻车了。打开一看,AI用了GBK。  没事,不用自己改,我再给它补了一句:  

> “请将页面编码统一替换为UTF-8,解决中文显示乱码问题。”

AI老老实实改了一遍,重新运行。  中文正常了,用Live Server打开测试,基本功能都在,页面也能用。整个过程的感受特别明显:  

以前拼的是 “我会不会写代码”,现在越来越变成 “我能不能把需求说清楚”。

## 不想花米,继续白嫖GitHub

      网页有了,下一个问题来了:怎么让手机访问?

买服务器?暂时不需要。买域名?也没那必要。  

作为一个能白嫖绝不充值的资深技术男,我果断选择了GitHub Pages。

把项目推到自己的仓库,开启Pages功能,几分钟后就生成了一个公网链接。 手机打开一试,嘿,还真能用。

当然,跟那些专业的刷题APP比,UI略显朴素,功能也简单,但对我这次复训来说——  从“翻PDF”到“打开即刷”,已经是一种质变了。

## 一个小项目,折腾下来的几点感受

     这次我真没写几行代码,大部分都是AI生成的。 但整个过程还是让我挺有感触的:- 以前说“我要做个Web应用”,脑子里先蹦出来的是:HTML行不行?JS熟不熟?数据库怎么搞?服务器怎么部署?

- 现在呢,有了AI Agent,你可以先把想法丢给它,让它搭个初版。发现问题就告诉它问题,功能不够就告诉它加,哪里不对就让它改。

人负责想清楚“我要什么”,AI负责搞定“怎么实现”。

当然,AI也不是万能神药。这次也遇到了编码问题,也得自己测试、判断AI生成的代码是否靠谱。 但至少对于我这种**偶尔折腾点小工具**的人来说——  从“有个想法”到“有个能跑的东西”,这段距离,真的越来越短了。

## 下一步,还能继续折腾

这次只是图个省事,随手搞了个B证刷题网页。  

如果后续有精力,还可以往上堆点功能:

- 错题自动收集  

- 随机刷题模式  

- 模拟考试计时  

- 答题正确率统计  

- 错题重复练习  

- 手机端UI继续优化  

至于最后能不能变成一个好用的小工具……  

先把下个月的B证复训搞定再说吧😂

技术男的快乐,有时候就是这么简单:  

别人抱着PDF一页页啃,我先花15分钟让AI给我变个刷题网页。

如果你也正好在备考安全员B证,不妨也试试用AI搓一个自己顺手的工具。

这个时代,不会写代码可能已经不是最大的问题,不知道自己想做什么,才是。