<!DOCTYPE html>
<html lang="zh-cmn-Hans" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="ChatGPT,Quarkus for ChatGPT,OpenAi,ai智能">
<meta name="description" content="ChatGPT是一款基于自然语言生成(NLG)和认知技术(AI)的对话引擎,可用于涵盖从智能对话到富媒体技术(文本/语音/视频)的内容的各种用例的实现。 支持的平台:Facebook,Microsoft,Google,IOS 和 Android。 开发者可以使用它构建自动化、有趣、情境感知的聊天机器人,以实现灵活的交互式对话系统。">
<link rel="shortcut icon" href="static/images/favicon.ico}" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="static/css/common.css" rel="stylesheet">
<link href="static/css/wenda.css" rel="stylesheet">
<title>ChatGPT</title>
<style>
*{
margin:0;
padding:0;
}
button, input{
outline:none;
}
button, .login{
width:120px;
height:42px;
background:#f40;
color:#fff;
border:none;
border-radius:6px;
display: block;
margin:20px auto;
cursor: pointer;
}
.popOutBg{
width:100%;
height:100%;
position: fixed;
left:0;
top:0;
background:rgba(0,0,0,.6);
display: none;
}
.popOut{
position:fixed;
width:600px;
height:300px;
top:50%;
left:50%;
margin-top:-150px;
margin-left:-300px;
background:#fff;
border-radius:8px;
overflow: hidden;
display: none;
}
.popOut > span{
position: absolute;
right:10px;
top:0;
height:42px;
line-height:42px;
color:#000;
font-size:30px;
cursor: pointer;
}
.popOut table{
display: block;
margin:42px auto 0;
width:520px;
}
.popOut caption{
width:520px;
text-align: center;
color: #333;
font-size:18px;
line-height:42px;
}
.popOut table tr td{
color:#666;
padding:6px;
font-size:14px;
}
.popOut table tr td:first-child{
text-align: right;
}
.inp{
width:280px;
height:30px;
line-height:30px;
border:1px solid #999;
padding:5px 10px;
color:#000;
font-size:14px;
border-radius:6px;
}
.inp:focus{
border-color:#f40;
}
@keyframes ani{
from{
transform:translateX(-100%) rotate(-60deg) scale(.5);
}
50%{
transform:translateX(0) rotate(0) scale(1);
}
90%{
transform:translateX(20px) rotate(0) scale(.8);
}
to{
transform:translateX(0) rotate(0) scale(1);
}
}
.ani{ animation:ani .5s ease-in-out;}
</style>
</head>
<body style="background-color:#343541">
<div class="layout-wrap">
<header class="layout-header">
<div class="container" data-flex="main:justify cross:center">
<div class="header-logo">
<h4 class="logo"><a class="links" href="/" title="ChatGPT"><span class="logo-title" title="Quarkus for ChatGPT">ChatGPT</span></a></h4>
</div>
<div class="header-logo">
<a class="links links-subtitle" href="JavaScript:clearReply();" title="清空聊天"><span class="logo-title" title="清空聊天">清空聊天</span></a>
</div>
</div>
</header>
<div class="layout-content">
<div class="container">
<article class="article" id="article">
<div class="article-box">
<div style="text-align: center;color:#9ca2a8;margin-bottom: 10px;margin-top: 10px;" id="promptText">
</div>
<ul id="article-wrapper">
</ul>
<div class="creating-loading" data-flex="main:center dir:top cross:center">
<div class="semi-circle-spin"></div>
</div>
<div id="fixed-block">
<div class="precast-block" id="kw-target-box" data-flex="main:left cross:center">
<div id="target-box" class="box">
<input type="text" name="kw-target" autofocus="autofocus" placeholder="来问点什么吧" id="kw-target">
</div>
<div class="right-btn layout-bar">
<p class="btn ai-btn bright-btn" id="ai-btn" onclick="aiClick()" data-flex="main:center cross:center"><i class="iconfont icon-wuguan"></i>发送</p>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
<button type="button">登录</button>
<div class="popOutBg"></div>
<div class="popOut">
<span title="关闭"> x </span>
<table>
<caption>请登录</caption>
<tr>
<td width="120">手机号:</td>
<td><input type="text" class="inp" name="username" id="username" placeholder="请输入手机号" ></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" class="inp" name="password" id="password" placeholder="请输入密码" ></td>
</tr>
<tr>
<td colspan="2"><input type="button" class="login" value="登录" id ="login"/></td>
</tr>
</table>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/clipboard.js/2.0.11/clipboard.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/2.11.6/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/tippy.js/6.3.7/tippy-bundle.umd.js"></script>
<script src="https://cdn.staticfile.org/wangEditor/10.0.13/wangEditor.min.js"></script>
<script src="https://cdn.staticfile.org/jquery-tagsinput/1.3.6/jquery.tagsinput.min.js"></script>
<script src="static/js/toast.js"></script>
<script src="static/js/openai.js"></script>
</body>
<script>
// 设置提示信息
$("#promptText").html("ChatGPT 是一个超强的人工智能语言模型,它会创作、写论文、答辩、编程,绘画等");
var signalling = localStorage.getItem('signalling');
if (signalling != null){
var source = new EventSource("https://api.chat.wechat.myhispread.com/messagesResource/subscribe/topic/" + localStorage.getItem('signalling'));
source.onmessage = function (event) {
if (event.data !== "") {
var data = JSON.parse(event.data);
var messagesId = data.messagesId;
var messages = data.messages;
var text = document.getElementById(messagesId) ;
text.innerText += messages;
}
};
} else {
function $(param) {
if (arguments[1] == true) {
return document.querySelectorAll(param);
} else {
return document.querySelector(param);
}
}
function ani() {
$(".popOut").className = "popOut ani";
}
$(".popOut").style.display = "block";
ani();
$(".popOutBg").style.display = "block";
$(".popOut > span").onclick = function() {
$(".popOut").style.display = "none";
$(".popOutBg").style.display = "none";
};
$(".popOutBg").onclick = function() {
$(".popOut").style.display = "none";
$(".popOutBg").style.display = "none";
};
$("#login").onclick = function() {
var username= document.getElementById("username").value;
var password= document.getElementById("password").value;
let data = JSON.stringify({
userPhone: username,
userPass: password,
did:374677270642946
})
let xmlhttp = new XMLHttpRequest();
xmlhttp.open('POST', 'https://127.0.0.1/web/login', true);
xmlhttp.setRequestHeader("Content-type", "application/json");
xmlhttp.send(data);
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
console.log(JSON.parse(xmlhttp
没有合适的资源?快使用搜索试试~ 我知道了~
通过js调用ChatGPT的前端
共11个文件
js:2个
xml:2个
css:2个
需积分: 5 0 下载量 150 浏览量
2023-05-05
16:12:39
上传
评论
收藏 22KB ZIP 举报
温馨提示
通过js调用ChatGPT的前端
资源推荐
资源详情
资源评论
收起资源包目录
gpt.zip (11个子文件)
gpt
.idea
workspace.xml 2KB
modules.xml 265B
.gitignore 103B
gpt.iml 469B
index.html 10KB
static
js
openai.js 805B
toast.js 0B
css
common.css 41KB
wenda.css 4KB
images
favicon.ico 4KB
fonts
iconfont.woff2 3KB
共 11 条
- 1
资源评论
怀璧其罪
- 粉丝: 595
- 资源: 53
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- sdkmesh 解码器.zip
- Rust 的 RenderDoc 应用程序绑定.zip
- C#中自定义SQLHelper类封装数据库操作方法
- java毕业设计-基于SSM的轻型卡车零部件销售平台【代码+论文+PPT】.zip
- Python PDF转JPG图片小工具
- 单波长傅里叶变换解包裹matlab代码
- 人工智能之OpenCV人脸识别案例实战.pdf
- Rust 板条箱用于使用 DirectX 着色器创建过滤器 包括使用 DirectX api 进行比例、颜色转换 .zip
- java毕业设计-基于SSM的平面设计课程在线学习平台系统【代码+论文+PPT】.zip
- Rust 前端到 LuisaCompute 等等!.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功