搭建一个人工智能大模型网站

原创已于 2024-08-07 17:18:04 修改 · 1.3k 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#python #人工智能

于 2024-08-07 17:13:29 首次发布

一、准备模型

1、开通阿里云百炼大模型服务平台：https://bailian.console.aliyun.com

2、创建一个大模型应用，记下应用ID

3、在平台内创建一个API KEY

二、准备Python环境

1、准备一台ECS服务器，并开放80端口；

2、部署conda

1）安装conda：yum -y install conda

2）创建一个工作环境：conda create --name python3.8

3）激活工作环境：conda activate python3.8

4）安装python3.8：conda install python=3.8.10

5）查看工作环境：conda env list

3、准备Python包

1）安装百炼SDK：pip install dashscope

2）安装Flask模块：pip install flask

三、编写前端网页

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>千问万象</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
body {
fond-family: Arial, snas-sarif
}
.container {
max-width: 1000px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
background-color: #f9f9f9;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
input[type="text"], button {
width: 100%;
padding: 10px;
margin-bottom: 10px;
}
button {
background-color: #007BFF;
color: white;
border: none;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
}
#response {
margin-top: 20px;
padding: 10px;
background-color: #e0f7fa;
border: 1px solid #b2ebf2;
}
</style>
</head>
<body>
<div class="container">
   <h1>千问万象</h1>
   <input type="text" id="question" placeholder="请描述您的问题……">
   <button id="submit">提交</button>
   <div id="response">答：</div>
</div>

$.ajax({
url: '/ask',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({ "question": question }),
success: function(response) {
$('#response').html('<p>Answer: ' + response + '</p>');
},
error: function(xhr, status, error) {
$('#response').html('<p>Error: ' + xhr.responseText + '</p>');
}
});
});
});
</script>
</body>
</html>