seo网站优化推荐,诱导视频网站怎么做,中文wordpress,crm客户管理系统 wordpress使用OpenAI创建自己的AI网站
如果你还是一个OpenAI的小白#xff0c;有OpenAI的账号#xff0c;但想调用OpenAI的API搞一些有意思的事#xff0c;那么这一系列的教程将仔细的为你讲解如何使用OpenAI的API制作属于自己的AI网站。
使用 flask web框架快速搭建网站主体
之前…使用OpenAI创建自己的AI网站
如果你还是一个OpenAI的小白有OpenAI的账号但想调用OpenAI的API搞一些有意思的事那么这一系列的教程将仔细的为你讲解如何使用OpenAI的API制作属于自己的AI网站。
使用 flask web框架快速搭建网站主体
之前我们已经调用了OpenAI的API接口请求一张小白猫
import openaiapi_key sk-e4F4owy********************** # 此处是自己的API Key
openai.api_key api_keyresponse openai.Image.create(prompt a white siamese cat,n 1,size 1024x1024
)
image_url response[data][0][url]print(image_url)今天我们将快速搭建一个简易的网页在网页里我们输入我们的请求让OpenAI为我们提供一张照片。
制作自己的AI网站我们就需要使用python的web框架了。这里我们用到了flask框架。python常用的web框架主要是flask和Django。至于两个框架的区别我们让ChatGPT给大家讲一下 你好想问一下flask框架和Django框架的区别谢谢 Flask框架和Django框架的主要区别如下 1.Flask 是一种轻量级的框架而Django 是一种重量级框架。Flask本质上是一个微型框架框架的基本框架非常精炼适合快速开发各种简单的项目而Django相对来说代码比较复杂一般用来开发各种复杂的项目。 2.Flask只能用Python语言编写而 Django 支持 Python 、Java 以及 JavaScript 等多种编程语言。 3.Flask主要用于开发 API、Web服务 以及个性化网页而 Django 则更适合建立复杂的网站和应用程序例如媒体站点、博客、社交网站等。 4.Flask 没有实现 ORM其模板也不大受欢迎而 Django 框架有一个成熟的 ORM 系统和众多受欢迎的模板引擎使用户处理数据库查询和 HTML 模板编写方面变得非常容易。 老生常谈首先安装flask框架
pip install flask安装完成后我们先小试一下。相信大家学每一种语言时第一条语句都是输出一个hello world. 那么我们今天也用flask框架在网页输出一个: Life is short, I need python.
from flask import Flaskapp Flask(__name__)app.route(/)
def index():return Life is short, I need python.app.route(/debug)
def debug():return I am Demo.if __name__ __main__:app.run(debugTrue, port8888)运行后在控制台中可以看到网址点击进入 app.route(‘/’) 括号里是路由的名字我们可以通过不同的路由名访问不同的内容比如访问http://127.0.0.1:8888/得到的是Life is short, I need python. 访问http://127.0.0.1:8888/debug,我们得到的就是I am Demo. 从代码中可以看出实际return的就是html代码我们可以把整个html都拷贝到return后面但是不够友好也不方便调试。所以我们需要用到flask的另一个类render_template。使用方法render_template(‘index.html’)
from flask import Flask, render_templateapp Flask(__name__)app.route(/)
def index():return render_template(index.html)app.route(/debug)
def debug():return I am Demo.if __name__ __main__:app.run(debugTrue, port8888)我们需要在项目目录下新建一个templates文件夹flask会自动到这个文件夹寻找对应的html文件子。然后我们在templates文件夹内新建一个index.html 文件修改一下body的内容Demo’s Html!
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodyDemos Html!
/body
/html现在我们就要操作index.html这个文件了。先在界面中添加一个表单然后添加输入框和按钮
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
form actioninput typetext placeholder请输入描述信息button创作图画/button
/form
/body
/html这样我们就得到了一个非常美观的界面了: 之后我们想要实现的就是按下按钮后把输入框里的文本传递给后台。这样后台就可以将我们传递过来文本提交给OpenAI去请求图片了。Html文件如下需要增加的是1. 表单参数method“post”此处对应后台的处理方法2. input处增加name“desc”desc将传递给后台。即传递方式和传递内容。
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
form action/ methodpostinput typetext namedesc placeholder请输入描述信息button创作图画/button/form
/body
/html后台代码如下增加methods[‘GET’, ‘POST’]用于接收和发送和表单接收部分的代码
from flask import Flask, render_template, requestapp Flask(__name__)app.route(/, methods[GET, POST])
def index():# 此处我们应该接收html界面的文本if request.method POST: # 接收表单处理desc request.form[desc]print(desc)return render_template(index.html)app.route(/debug)
def debug():return I am Demo.if __name__ __main__:app.run(debugTrue, port8888)关于GET和POST的提交方式可以简单理解为直接刷新或访问页面为GET提交给后台的话是POST。我们可以试一下在控制台是否接收到了页面的内容。 接着我们将OpenAI请求那部分代码拷贝到接收表单处理的位置。
from flask import Flask, render_template, request
import openaiapi_key sk-e4F4owy********************** # 此处是自己的API Key
openai.api_key api_keyapp Flask(__name__)app.route(/, methods[GET, POST])
def index():# 此处我们应该接收html界面的文本if request.method POST: # 接收表单处理desc request.form[desc]print(desc)# 此处为OpenAI的API代码response openai.Image.create(promptdesc,n1,size1024x1024)image_url response[data][0][url]print(image_url)return render_template(index.html)app.route(/debug)
def debug():return I am Demo.if __name__ __main__:app.run(debugTrue, port8888)输入想要让OpenAI创作的描述单击 创作图画。查看后台是否接收到了页面的信息并返回一个url。 我们来看看在OpenAI的脑子里2050年的地球是什么样子的。 此时图片还只是一个url需要我们从后台鼠标点击打开如何显示到页面上呢我们下节再谈未完待续请持续关注~
