分享

你敢信?我用天工AI 一小时做好一个网站,真的炸裂!(附详细教程)

 Ianlt_Image 2024-05-24 发布于澳大利亚

最近准备开发一个二维码生成网站,想着这两年 AI 大火,能不能挑战直接让 AI 来完成整个网站的代码编写。

向朋友咨询了下有没有特别好用的 AI 工具,推荐各种工具的都有,其中天工 AI 得到大力举荐,用过之后,真香警告。

网站的开发,我也是用天工 AI 来完成的。

顺便我也把整个过程给记录下来。

技术调研

由于之前没做过二维码生成网站,首先是技术调研,了解一些基本知识、技术选型之类的。

一般这个过程我会选择搜索引擎 + AI 联合的方式来完成,但是用了天工  AI,整个过程只需要一个网站就完成了。

因为他们家的 AI 产品,就包含了 AI 搜索。而且 AI 搜索更是天工 AI 的重磅功能之一,于去年 8 月推出,是中国 AI 搜索鼻祖。

打开天工 AI 的官网,www.tiangong.cn

排在第一位的就是 AI 搜索。

Image

为了节约时间,我这里直接使用【增强模式】进行搜索,适合一些问题的深入研究这种情况,增强模式就足够使用了。

搜索内容为:怎么制作一个二维码生成网站?

Image

天工 AI 直接一口气筛选了 6 个网站的数据,并且进行了总结,我连信息筛选的功夫都直接省了,就看他生成的这一篇帖子就足够了。

Image

基本上看完之后,对于网站怎么做,就有一个基本的思路了。

但是这还没完,我又尝试了更高级的【研究模式】,直接给我惊呆了!!!

研究模式除开基本的信息,还提供了一些深入考察的问题,比如优化措施、注意事项等。

Image

底部还生成了完整的大纲。

Image

包含一份完整的脑图。

Image

有了这一份完整的脑图,就是出一份技术调研文档也没什么问题了。

软件编码

做了基础的调研之后,接下来就是进行网站编码,直接使用天工 AI 自带的编程助理。

Image

当然,直接选择对话助手也是可以完成的。

Image

版本 1

第一版,我直接让编程助手帮我完成一个网站,没有给他任何详细的要求。

Image

来看一下生成的效果:

老实说,界面有点丑,第一眼看见实现效果的时候,我还以为翻车了。

结果没想到一运行,居然还直接就给二维码生成出来了,出乎预料的是没 bug!连调试的功夫都省了。

版本 1 不需要让 AI 继续修改,这让我挺意外的,功能实现很顺利。

版本 2

虽然版本 1 界面并不美观,但是没关系,我们可以通过更详细的描述,让 AI 制作出更符合我们要求的网站。

第二次,我把页面布局、使用什么样式都给加到描述里进去了。

为了方便大家实操的时候复制,我把描述内容文字版也放出来:

帮我实现一个二维码生成网站,具体要求如下:

1.使用 Bootstrap,实现页面布局,左侧为内容输入区域,中间是'二维码生成'按钮,右边是二维码展示区

Image

这一次,出来的网页明显比第一次的更美观,且页面布局也完全符合我的要求。

同样也是一次就给出了正确的结果,并没有让我反复调试。


版本 3

第二个版本已经大致符合我的需求,但是还有一些小问题,比如:内容输入框太小、文字内容没有使用中文、二维码展示区不明显。

针对这些问题,我进行了第三次优化,使用的描述信息如下:

在以上代码中进行优化,具体要求有:

按钮和提示信息,使用中文

左侧的输入框,改用 textarea

右侧的二维码显示区添加一个边框,即使没有生成二维码,也能明显看出是展示区域

Image

这一次,生成的结果已经完全符合我的要求了,甚至可以作为一个粗糙的 V1.0 版本,直接上线都可以。

修改背景

除开直接给出整体的代码,在使用时还可以针对需要的部分,让 AI 给出特定的代码。

否则每次都要返回完整的修改结果,也太麻烦了。

在给网页添加背景时,我就用到了这一功能,在描述里明确要求只返回代码片段即可。

Image

添加上的效果图如下,看上去更完整一些。


制作图标

接下来是网站图标制作,天工 AI 也提供了 AI 绘画、AI 漫画、AI 识图等功能,制作图标刚好能用上。

选择 AI 图片生成,就可以通过自然语言,生成自己想要的图片了。

Image

我总共生成了 3 张,通过不断修改提示词,选择了最后一张作为网站的图标。

第一张:

Image

第二张:

Image

第三张:

Image

如果不知道怎么添加图标,还是使用编程助手来协助完成。

Image

下面就是添加图标后的显示效果,之前的图片是一个默认的地球,修改之后就显示AI帮忙成成的图标了。

Image

到这里,差不多整个网站的 V1.0 版本就完成了,利用天工 AI 整个开发时间直接压缩到 1 小时内。

通过天工 AI,把复杂、枯燥的编码过程都交给 AI 去做,开发者则可以抽出更多精力放在产品设计上来,效率提升 10 倍不止。

AI 搜索是天工 AI 去年 8 月推出的重磅功能,天工 AI 也是中国第一家推出 AI 搜索的厂家,利用最先进的自然语言处理技术和深度学习算法,深度理解用户的搜索意图,从而返回更相关、更准确的搜索结果。

目前国内大部分具备搜索功能的 AI 都是调用 bing,海外端口关闭后将无法存活,而天工 AI 自研大模型和搜索引擎,不依托于他人实力,不依托于国际关系,技术实力雄厚。

研发团队更是拥有量人才来自微软、阿里、百度,整个大模型研发中心高级算法工程师多达 300 人 +,其中海内外名校博士 100+,有想法的同行可以去投投简历,我看到一个年薪包,多到差点吓傻!!!

非常建议大家,结合自己的实际业务场景,把天工 AI 用起来,真的很香!今天的教程先介绍到这里,更多的功能等着你去探索!

目前天工 AI 开通了免费注册通道,现在注册免费、秒通过。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多