最近准备开发一个二维码生成网站，想着这两年AI大火，能不能挑战直接让AI来完成整个网站的代码编写。
向朋友咨询了下有没有特别好用的AI 工具，推荐各种工具的都有，其中天工AI得到大力举荐，用过之后，真香警告。
网站的开发，我也是用天工AI来完成的。
顺便我也把整个过程给记录下来。
技术调研
由于之前没做过二维码生成网站，首先是技术调研，了解一些基本知识、技术选型之类的。
一般这个过程我会选择搜索引擎+AI联合的方式来完成，但是用了天工AI，整个过程只需要一个网站就完成了。
因为他们家的AI产品，就包含了AI搜索。而且AI搜索更是天工AI的重磅功能之一，于去年8月推出，是中国AI搜索鼻祖。
打开天工AI的官网，www.tiangong.cn
排在第一位的就是AI搜索。
为了节约时间，我这里直接使用
【增强模式】
进行搜索，适合一些问题的深入研究这种情况，增强模式就足够使用了。
搜索内容为：
怎么制作一个二维码生成网站？
天工AI直接一口气筛选了6个网站的数据，并且进行了总结，我连信息筛选的功夫都直接省了，就看他生成的这一篇帖子就足够了。
基本上看完之后，对于网站怎么做，就有一个基本的思路了。
但是这还没完，我又尝试了更高级的
【研究模式】
，直接给我惊呆了！！！
研究模式除开基本的信息，还提供了一些深入考察的问题，比如优化措施、注意事项等。
底部还生成了完整的大纲。
包含一份完整的脑图。
有了这一份完整的脑图，就是出一份技术调研文档也没什么问题了。
软件编码
做了基础的调研之后，接下来就是进行网站编码，直接使用天工AI自带的编程助理。
当然，直接选择对话助手也是可以完成的。
版本1
第一版，我直接让编程助手帮我完成一个网站，没有给他任何详细的要求。
来看一下生成的效果：
老实说，界面有点丑，第一眼看见实现效果的时候，我还以为翻车了。
结果没想到一运行，居然还直接就给二维码生成出来了，出乎预料的是没有bug！连调试的功夫都省了。
版本1不需要让AI继续修改，这让我挺意外的，功能实现很顺利。
版本2
虽然版本1界面并不美观，但是没关系，我们可以通过更详细的描述，让AI制作出更符合我们要求的网站。
第二次，我把页面布局、使用什么样式都给加到描述里进去了。
为了方便大家实操的时候复制，我把描述内容文字版也放出来：
帮我实现一个二维码生成网站，具体要求如下：
1.使用Bootstrap，实现页面布局，左侧为内容输入区域，中间是"二维码生成"按钮，右边是二维码展示区
这一次，出来的网页明显比第一次的更美观，且页面布局也完全符合我的要求。
同样也是一次就给出了正确的结果，并没有让我反复调试。
版本3
第二个版本已经大致符合我的需求，但是还有一些小问题，比如：内容输入框太小、文字内容没有使用中文、二维码展示区不明显。
针对这些问题，我进行了第三次优化，使用的描述信息如下：
在以上代码中进行优化，具体要求有：
-
-
-
右侧的二维码显示区添加一个边框，即使没有生成二维码，也能明显看出是展示区域
这一次，生成的结果已经完全符合我的要求了，甚至可以作为一个粗糙的V1.0版本，直接上线都可以。
修改背景
除开直接给出整体的代码，在使用时还可以针对需要的部分，让AI给出特定的代码。
否则每次都要返回完整的修改结果，也太麻烦了。
在给网页添加背景时，我就用到了这一功能，在描述里明确要求只返回代码片段即可。
添加上的效果图如下，看上去更完整一些。
制作图标
接下来是网站图标制作，天工AI也提供了AI绘画、AI漫画、AI识图等功能，制作图标刚好能用上。
选择AI图片生成，就可以通过自然语言，生成自己想要的图片了。
我总共生成了3张，通过不断修改提示词，选择了最后一张作为网站的图标。
