ChatGPT对话版与绘图版的Web源码公布

时间：2023-3-15 22:18 作者：Anglei 分类： 大数据AI

直接上干货~，说明见文末！

<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=450, maximum-scale=1.0, user-scalable=no">
    <title>Chatgpt公益版</title>
    <link rel="stylesheet" href="css/common.css?v1.2">
    <link rel="stylesheet" href="css/wenda.css?v1.2">
</head>
<body>
    <div class="layout-wrap">
        <div class="layout-content">
            <div class="container">
                <article class="article" id="article">
                    <div class="article-box">
                        <div style="text-align: center;color:#9ca2a8">
                            ChatGPT是一个超强的Ai，它会创作、写论文、答辩、编程等<br/>
                            ChatGPT回复内容越长所需时间也更长，请耐心等待<br/>
                            由于ChatGPT官方回复需付费，未填写KEY默认使用本站提供,但也可能随时欠费，
                            填写后不限制
                        </div>
                        <div class="precast-block" data-flex="main:left">
                            <div class="input-group">
                                <span style="text-align: center;color:#9ca2a8">&nbsp;&nbsp;ChatGPT版本：</span>
                                <select id="id" class="btn-default form-control" style="background-color: rgb(164,165,179);min-width:100px;max-width:120px">
                                    <option value="1">对话版(多语言)</option>
                                    <option value="2">绘图版(中英文描述)</option>
                                </select>
                                <span style="text-align: center;color:#9ca2a8">&nbsp;&nbsp;连续对话：</span>
                                <input type="checkbox" id="keep"  checked style="min-width:220px;">
                                <label for="keep"></label>
                                <span style="text-align: center;color:#9ca2a8">&nbsp;&nbsp;APIKEY：</span>
                                <input type="text" class="form-control" placeholder="sk-xxxxxxxxxx" maxlength="100" id="key" value="" style="background-color: rgb(164,165,179);min-width:200px;max-width:280px">

                                <div class="right-btn layout-bar">
                                    <p class="balance  bright-btn" id="balance"  data-flex="main:center cross:center">查询余额</p>
                                </div>

                            </div>
                        </div>
                        <ul id="article-wrapper" style="overflow-y:auto; overflow-x:auto; width:auto; height:200px;">

                        </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" placeholder="它几乎无所不能，点此提问" id="kw-target" autofocus>
                                </div>
                                <div class="right-btn layout-bar">
                                    <p class="btn ai-btn bright-btn" id="ai-btn"  data-flex="main:center cross:center"><i class="iconfont icon-wuguan"></i>发送</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </div>
    <script src="https://s3.pstatp.com/cdn/expire-1-w/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/layer/3.5.1/layer.min.js" type="application/javascript"></script>
    <script src="js/chat.js?v2.8"></script>
</body>
</html>

以上源码只是WEB程序的首文件INDEX.HTML，该WEB项目还有CSS、JS、以及PHP文件，另外需要说明的是需要PHP8.0的支持，源码我放到百度网盘里了，大家有需要的可以去下载。

下载方法：
（添加微信公众号后，回复chatgpt，即可获得下载地址）

本文完结，相关标签: chatgpt

看完后感想如何？
路过(0)	雷人(0)	握手(0)	鲜花(0)	鸡蛋(0)