首页 > 其他分享 >大模型API与前端的结合使用

大模型API与前端的结合使用

时间:2024-09-12 13:52:14浏览次数:8  
标签:__ apis Flask 前端 question response API 模型

大模型API与Flask项目示例

一、输入问题交给后台处理

获取表单GET,通过模版表单将问题提交给后台POST
模版文件apis.html如下:

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='initinal-scale=1.0'>
    <title> API➕Flask</title>
  </head>
  <body>
    <h1>API➕Flask项目示例</h1>
    <form action='/apis' method='POST'>
      <label for='question'>请输入问题:</label>
      <input type='text' name='question' id='question' required>
      <button type='submit'>提交</button>
    </form> 
    
    {% if response %}
      <h1>Assistant's answer:</h1>
      {{ response }}
    {% endif %}
  </body>
</html>

二、后台接入API获得回答

从前端表单的提交request获取问题question
带问题接入大模型API获得回答
LLMapi.py代码如下:

from zhipuai import ZhipuAI

def get_response_from_model(question):
  client = ZhipuAI(api_key='xx')
  response = client.chat.completions.create(
            model = 'glm-4-plus',
            messages = [{'role': 'user', 'content': question}],
            )
  return response.choices[0].message.content

三、将回答渲染后返回页面

flask项目文件apis.py如下:

from flask import Flask, request
from LLMapi import get_response_from_model

app=Flask(__name__)

@app.route('/apis', methods=['GET', 'POST'])
def apis():
  response = None
  if request.method == 'POST':
    question = request.form['question']
    response = get_response_from_model(question)
    return render_template('apis.html', response=response)
  return render_template('apis.html', response=response)
  
if __name__ == '__main__':
  app.run(debug=False)

备注:flask项目文件结构,apis.pyLLMapi.py同属项目文件根目录下,apis.html在项目文件的子文件夹templates中。

标签:__,apis,Flask,前端,question,response,API,模型
From: https://www.cnblogs.com/aiparallelworld/p/18410028

相关文章

  • 抖音电商商品采集接口api 店铺商品列表sku返回值
    如今,抖音已经成为国民最受欢迎的APP。因为抖音的存在,我们的生活开始变得更加有趣,同时,抖音带货,抖音duan等等呼之欲出,越来越多的人开始加入到抖音大战中去。在抖音进行带货或者进行短视频创作,做好数据统计工作是非常重要的。但是,很多抖音小白们并不是很明白抖音数据统计在哪里看,下面......
  • 动手学运动规划:1.2 车辆运动学:阿克曼转向模型
    你见过凌晨三点的洛杉矶吗—科比布莱恩特......
  • 前端在鸿蒙开发中的角色
        随着鸿蒙操作系统(HarmonyOS)的推广和应用,前端开发在其生态系统中发挥了越来越重要的作用。鸿蒙系统强调跨设备、全场景协作,前端开发者不仅可以参与鸿蒙移动端应用的开发,还可以通过新的开发框架和技术栈构建智能设备、IoT系统和跨设备应用界面。以下将探讨前端开发者如何......
  • 深度学习|模型训练:手写 SimpleNet
    文章目录引言SimpleNet网络结构激活函数损失函数梯度计算SimpleNet类权重参数模型推理损失计算梯度计算SimpleNet概览模型训练数据准备训练过程结语引言从前文「深度学习|梯度下降法:误差最小化的权重参数」,我们知道了神经网络的学习就是“找寻使损失函数的值尽......
  • 使用ClassificationThresholdTuner进行二元和多类分类问题阈值调整,提高模型性能增强结
    AUROC指标,顾名思义,是基于ROC的,ROC是一条显示真阳性率与假阳性率关系的曲线。ROC曲线本身并不假设使用任何特定的阈值。但是曲线上的每个点对应一个特定的阈值。在下面的图中,蓝色曲线是ROC。这条曲线下的面积(AUROC)衡量了模型的总体性能,是在所有潜在阈值上的平均值。......
  • 最通俗的语言搞懂”大模型“的来龙去脉
    人工智能时代,有很多时髦、相互容易混淆概念的科技名词:AI、MachineLearning、DeepLearning、GenerativeAI、LargeModel,它们指的是同一个概念么?不是的。AI(artificialintelligence人工智能),它的概念最广泛,所有研究人类智能的技术都可以归为其中。ML(machinelearning机......
  • 谁说纯文科生不能入行AI大模型的?看完我这一篇你就明白了!
    一、做AI大模型有多赚钱?......
  • 文心快码前端工程师观点分享:人机协同关系总结与展望
    ......
  • 大模型校招面试通关秘籍:必备知识点大盘点,高效备战面试策略全解析
    一、必备的知识点在参加大模型相关的校招面试时,以下是一些必备的知识点,这些知识点可以帮助应聘者更好地准备面试,并在面试中展示自己的专业能力:1.基础概念理解了解什么是大模型,以及它们在自然语言处理、计算机视觉等领域的应用。熟悉深度学习的基本原理,包括神经网络、激......
  • oem 诊断模型
    1创建metric确定触发诊断阈值监控脚本selecta.event,a.SECONDS_IN_WAITfromv$sessionawhereblocking_sessionisnotnullandevent='enq:TX-rowlockcontention'andSECONDS_IN_WAIT>100andrownum<2 2创建metric 配置诊断模型......