周四晚上，接到安乐的一个请求："郑博，能否帮我建设一个网页能够查大概 20 万条左右的数据。这个功能很简单，公司内上线要排期，还是内网，使用不方便。"
刚好，最近在折腾自己的阿里云服务器，除了写博客，应该还能再让它发挥点价值。在 ChatGPT 的帮助下，大概耗时三个半小时，搞定一个简易版的前端页面+数据库+后端查询查询服务+二级域名配置的工作。
简单来讲：AI 赋能下的原型设计开发速度绝对超过普通人的想象。整个处理过程其实还是有很多坑，值得记录一下。后续整理一个学习材料，当作 24 年的一个培训分享。
体验 GPTs 的威力
直接在 Explore GPTs 里面搜索了一个DesignGTP，给它一个图，
直接生成了前端页面的代码：
由草图或者概念图到 UI 的具体实现，真的是一步到位。
有了这个简易的页面之后，如何部署到 nginx 服务器上呢？
部署完成后要考虑的：
-
服务器端如何接收？
-
接收后如何查询处理？
-
查询的结果如何返回？
搞定这几个问题，基本就算是原型目标达成了。
指令到后端代码生成
基于前面的诉求，自然而然有如下的对话：
进一步的，我想把这个服务变成开机启动的服务，避免因为意外重启导致的服务失败的问题， 我继续问：
数据加载和查询响应
我的服务器上是没有安装 redis 的， 也可以通过 GPTs 直接给我生成一个安装脚本。
在完成了 Redis 服务器建设之后，利用 python 将指定的数据加载到 redis 服务器中，
在完成数据的加载后，还需要可以查询，
最终和前端的页面 JavaScript 函数进行互动，实现数据发送-查询-响应的互动循环：
最终效果
由于使用了 redis 查询，响应非常快，效果不错！
后记
整个原型的设计花费了近四个小时。这个功能的完成，给我打开了一个新的技能树。 进一步的延申当前的技能 - 我可以创建一个可以录音的页面， 将录音数据传递到服务器端，然后在服务器端调用阿里云的大模型 API 实现如会议纪要自动总结生成和内容推送的功能。 说起来简单，还是遇到的一大堆问题。
比如多子域名的端口设置问题， 使用 HTTPS 而不是 HTTP 涉及的证书注册和自动延期问题 nginx 端口配置失败导致的 404 错误，502 错误等问题 历经周末大半天的折腾，终于实现了录音存储到服务端的功能。 但是如何调用大模型？ 阿里的产品这部分设计文档太复杂，信息断点严重，忍不住直接提建议吐槽了几句。 时间不够，等下个周末有时间的时候继续折腾之路吧！