前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >你敢信?我用天工AI 一小时做好一个网站,真的炸裂!(附详细教程)

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

作者头像
五分钟学算法
发布2024-06-04 15:33:12
2180
发布2024-06-04 15:33:12
举报
文章被收录于专栏:五分钟学算法五分钟学算法
最近准备开发一个二维码生成网站,想着这两年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

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

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

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

  1. 按钮和提示信息,使用中文
  2. 左侧的输入框,改用 textarea
  3. 右侧的二维码显示区添加一个边框,即使没有生成二维码,也能明显看出是展示区域

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

修改背景

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

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

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

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

制作图标

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

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

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

第一张:

第二张:

第三张:

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

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

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

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

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

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

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-06-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 五分钟学算法 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 技术调研
  • 软件编码
    • 版本1
      • 版本2
        • 版本3
        • 修改背景
        • 制作图标
        相关产品与服务
        NLP 服务
        NLP 服务(Natural Language Process,NLP)深度整合了腾讯内部的 NLP 技术,提供多项智能文本处理和文本生成能力,包括词法分析、相似词召回、词相似度、句子相似度、文本润色、句子纠错、文本补全、句子生成等。满足各行业的文本智能需求。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档