flask

如果你还是一个OpenAI的小白有OpenAI的账号但想调用OpenAI的API搞一些有意思的事那么这一系列的教程将仔细的为你讲解如何使用OpenAI的API制作属于自己的AI网站。

flask

sk-e4F4owy**********************

Key

response[data][0][url]print(image_url)今天我们将快速搭建一个简易的网页在网页里我们输入我们的请求让OpenAI为我们提供一张照片。

制作自己的AI网站我们就需要使用python的web框架了。

这里我们用到了flask框架。

python常用的web框架主要是flask和Django。

至于两个框架的区别我们让ChatGPT给大家讲一下

1.Flask

是一种重量级框架。

Flask本质上是一个微型框架框架的基本框架非常精炼适合快速开发各种简单的项目而Django相对来说代码比较复杂一般用来开发各种复杂的项目。

Django

则更适合建立复杂的网站和应用程序例如媒体站点、博客、社交网站等。

4.Flask

flask安装完成后我们先小试一下。

相信大家学每一种语言时第一条语句都是输出一个hello

world.

括号里是路由的名字我们可以通过不同的路由名访问不同的内容比如访问http://127.0.0.1:8888/得到的是Life

short,

访问http://127.0.0.1:8888/debug,我们得到的就是I

Demo.

从代码中可以看出实际return的就是html代码我们可以把整个html都拷贝到return后面但是不够友好也不方便调试。

所以我们需要用到flask的另一个类render_template。

使用方法render_template(‘index.html’)

from

render_template(index.html)app.route(/debug)

def

port8888)我们需要在项目目录下新建一个templates文件夹flask会自动到这个文件夹寻找对应的html文件子。

然后我们在templates文件夹内新建一个index.html

Html!

/html现在我们就要操作index.html这个文件了。

先在界面中添加一个表单然后添加输入框和按钮

!DOCTYPE

placeholder请输入描述信息button创作图画/button

/form

之后我们想要实现的就是按下按钮后把输入框里的文本传递给后台。

这样后台就可以将我们传递过来文本提交给OpenAI去请求图片了。

Html文件如下需要增加的是1.

input处增加name“desc”desc将传递给后台。

即传递方式和传递内容。

!DOCTYPE

placeholder请输入描述信息button创作图画/button/form

/body

request.form[desc]print(desc)return

render_template(index.html)app.route(/debug)

def

port8888)关于GET和POST的提交方式可以简单理解为直接刷新或访问页面为GET提交给后台的话是POST。

我们可以试一下在控制台是否接收到了页面的内容。

接着我们将OpenAI请求那部分代码拷贝到接收表单处理的位置。

from

sk-e4F4owy**********************

Key

openai.Image.create(promptdesc,n1,size1024x1024)image_url

response[data][0][url]print(image_url)return

render_template(index.html)app.route(/debug)

def

我们来看看在OpenAI的脑子里2050年的地球是什么样子的。

此时图片还只是一个url需要我们从后台鼠标点击打开如何显示到页面上呢我们下节再谈未完待续请持续关注~