迎来到令人兴奋的自然语言处理和机器学习世界!今天,我们将探索 ChatGPT 的功能,它是由 OpenAI 公司开发的目前最先进的人工智能工具。当然,你也可以将其看作是一个智能机器人。ChatGPT 最令人印象深刻的功能之一是它能够根据简单的描述生成源代码。
想象一下,无需自己编写一行一行的代码,就能快速构建一个完整的网站,听起来好像令人难以置信?但是,ChatGPT却能帮助我们实现这样一个需求,现在就让我们一起来见证奇迹的发生!
借助 ChatGPT 的强大功能,我们将尝试从头开始自动构建一个完整的网站模板结构,并查看结果的准确性和效率。
该实验不仅展示了 ChatGPT 的功能,还让我们得以一窥未来技术如何彻底改变我们开发和构建网站的方式。现在,让我们一起来深入了解 ChatGPT 可以做什么!
我们要建造什么?
我们将使用 ChatGPT 构建的网站会在主页上显示一个名为“quotes.txt”的文本文件中的随机引用。
访问网站时,应用程序读取 quotes.txt 文件的内容,然后从报价列表中随机选择一条报价并将其传递到前端,并在网页上显示。
此外,该网页还包含一个标有“更改报价”的按钮,点击后将刷新页面并显示另一个随机报价。
因此,让我们开始要求 ChatGPT 生成史蒂夫·乔布斯的名言列表:
接下来我们希望由 ChatGPT 生成一个网站的页面描述:
基于我们的文本描述,ChatGPT 正在生成一个全面的响应,它是用 Python 编写的分步说明和源代码,并使用 Flask web框架:
为了使用提供的代码,我们必须使用以下命令在这个新项目文件夹中创建一个项目文件夹和文件:
$ mkdir flask-quotes
$ cd flask-quotes
$ touch quotes.txt
$ touch app.py
首先,我们需要将生成的 20 个引号复制到文件 quotes.txt 中。
接下来,将ChatGPT 为文件app.py 提供的源代码复制到其中。
此代码是 Flask 应用程序的一个基本示例,它在网站主页上显示来自名为“quotes.txt”的文件中的随机引用。
app = Flask(name) 创建一个新的 Flask 应用程序并将其分配给变量 app。
@app.route('/') 装饰器用于定义网站主页的路由。访问此路由时调用函数 home()。
在函数内部,脚本使用 open() 函数打开“quotes.txt”文件,并使用 .readlines() 方法将文件内容分配给变量 quotes。
然后,使用 random.choice(quotes) 函数,脚本从报价列表中随机选择一个报价。选定的引用作为名为“quote”的变量传递给返回以在浏览器中呈现的 home.html 模板。
if name == 'main': 行用于检查脚本是直接运行还是作为模块导入。如果直接运行,则 app.run(debug=True) 行启动开发 Web 服务器并运行应用程序。debug=True 参数用于在开发期间启用交互式调试器。
我们从 ChatGPT 收到的下一条指令可以在以下屏幕截图中看到:
让我们按照 ChatGPT 建议的步骤创建一个新文件夹 templates,并在该文件夹中创建一个新文件 home.html:
$ mkdir templates
$ touch templates/home.html
将 ChatGPT 中的 HTML 代码复制并粘贴到 home.html 中。
这是一个 HTML 页面模板,它显示一个标题为“史蒂夫·乔布斯的名言”的网页,一个具有相同标题的标题标签,一个显示从后端传递的名言的 div 元素,以及一个标有“更改名言”的按钮,单击它时,重新加载网页。该模板还链接了一个 CSS 文件,用于设置网页样式。
接下来我们将收到有关将 CSS 代码包含到 Flask 项目中的说明:
通过输入以下命令再次遵循这些说明:
$ mkdir static
$ touch static/styles.css
最后,我们将 CSS 代码从 ChatGPT 复制并粘贴到 styles.css。
就是这样,我们准备测试一切是否按要求工作。输入以下命令启动Web 开发服务器:
$ python app.py
然后,我们应该在命令行上看到以下响应:
服务器在本地端口 5000 上运行,接着,在浏览器中输入127.0.0.1:5000就可以访问该网站了:
现在,我们的网站页面就完成了,通过浏览器,我们将看到我们希望的页面输出样式,与我们的要求完全相符合。
选择并显示随机报价,我们可以使用“Change Quote”按钮随机选择一个新的并更新,我们将得到以下页面效果:
总结
关于ChatGPT这个AI工具,它可以实现的事情,远不止实现一个网站页面模板,它可以做的事情还非常多,ChatGPT的出现,算是AI领域的一个重大突破,为啥这样说,因为,它的语言模型更加接近人类语言,不会像一个机器人那样死板,它会有所变通,如果你也喜欢AI,热爱机器学习的话,可以自行下载安装一个来体验一下,在使用的过程种,用英文语言跟它交流会比用中文更加友好。
当然,并不是说不可以用中文,中文也一样可以的,它做了大量的训练,支持很多国家的语言。
.Thom Sander (演示|下载)
2.Wedding Website Template with jQuery Slider (演示|下载)
3.Folder (演示|下载)
4.Free Website Template with JustSlider (演示|下载)
5.Point (演示|下载)
6.Hatha Yoga (演示|下载)
7.Animated Template for Design Studio (演示|下载)
8.AppleGreen HTML5 and CSS3 Template (演示|下载)
9.Art School Template (演示|下载)
10.Fascination HTML5 and CSS3 Template (演示|下载)
11.HTML5 Charity Center Template (演示|下载)
12.Interio (演示|下载)
13.Real Estate Website (演示|下载)
14.Template for Exterior Design Project with jQuery Slider (演示|下载)
15.Template for Food Delivery Project (演示|下载)
16.Template for Law Business (演示|下载)
17.Template for Youth Organization (演示|下载)
18.Template with jQuery Gallery for Music Site (演示|下载)
19.Template with jQuery Slider for Car Project (演示|下载)
20.Template with jQuery Slider for Consulting Business (演示|下载)
将毕业的应届生,为毕业答辩做准备,还在熬夜做PPT?
领导通知交工作汇报PPT,找不到PPT模板,怎么办?
给学生上网课,准备的PPT课件太丑了
......
相信这些场景,大部分人都遇到过。急需模板,却不知道在哪找?
所以,这篇文章,给大家分享一个非常好用的模板网站。
PPT超级商店
http://ppt.sotary.com/web/wxapp/index.html
不同于其他的PPT模板网站,这个网站简洁无套路,没有其他复杂的资源,里面都是一些优质PPT模板,下载也很方便。
点击自己挑选的PPT模板,进入页面展示页,会看到每一页的模板的设计。滑到结尾,就会看到有一个下载的指示图标,直接点击就可以了下载了,免费,但是不可商用。
同样,可以通过搜索关键词,快速获取你所需要的PPT模板。
1、模板不定时更新,涵盖各种类型,适用于各种使用场景
包括答辩PPT、工作汇报PPT、商业计划书、述职报告等等
2、PPT质量高
我下载了一份黑色商务风的PPT模板,页面简约,但也非常炫酷,挑几页给大家展示一下:
是不是很不错呢?
3、免费下载无套路
网站里提供的所有资源都可以免费下载,没有免费付费之分,不用纠结,挑选了一套合适的模板,但却需要付钱的尴尬。
1、 PPT模板资源有限,只有PPT模板,类型单一
只提供PPT模板,没有其他素材和工具
2、设计风格都比较简约
3、不可商用
以上,经常需要PPT模板的朋友,一定要收藏这个网站呀~
福利:
关注@PPT进化论 ,私信回复关键词【30 套】,即可获取我收藏的优质职场类PPT模板资源了!
*请认真填写需求信息,我们会在24小时内与您取得联系。