搜索【聊天页面】的结果

vue3-Demo+MateChat构建的ai智能聊天

项目说明：https://blog.csdn.net/qq_34761385/article/details/146548975?spm=1011.2415.3001.5331 该项目适合vue3初学者了解相关架构学习的demo演示项目，技术栈：vue3+elementPlus+Sass+ts+pinia 后期在引入了MateChat之后，构建了ai智能聊天,实现了移动端自适应，也可以作为对接私域应用打造Ai智能聊天

2025-08-07 15:20:18 6.39MB ai 聊天页面 vue3

用JavaScript和HTML实现聊天页面和功能

在本文中，我们将深入探讨如何使用JavaScript和HTML技术来实现一个功能完备的聊天页面。这两个核心技术是构建现代Web应用的基础，它们共同为用户提供了一个实时、交互式的交流平台。 HTML（HyperText Markup Language）是网页内容的结构框架，它定义了页面上的各个元素如文本、图像、表格等。在聊天页面的上下文中，HTML用于创建聊天窗口的基本布局，包括输入框、发送按钮、以及显示消息的区域。例如，可以创建一个`

`元素作为聊天窗口，内部包含一个`

`用于用户输入消息，以及一个`<button>`用于提交消息。

接着，JavaScript（JS）作为客户端脚本语言，赋予了网页动态性和交互性。在<span style='color: #D9544F'>聊天页面</span>中，JavaScript负责处理用户输入、发送和接收消息、更新聊天窗口内容等一系列关键任务。以下是一些JavaScript实现的关键点：

1. **事件监听**：使用`addEventListener`方法监听用户的键盘输入和点击事件，当用户按下“发送”按钮或按下回车键时触发消息发送。

2. **AJAX请求**：利用XMLHttpRequest或更现代的Fetch API，向服务器发送POST请求，将用户输入的消息发送到服务器，并可能同时获取最新的聊天记录。

3. **DOM操作**：使用JavaScript操作DOM（Document Object Model），将接收到的新消息添加到聊天窗口的可视部分。这通常涉及创建新的`<p>`或`<li>`元素，附加消息内容，并将其插入到聊天历史的正确位置。

4. **实时性**：为了实现即时聊天，可以利用WebSocket技术创建持久的连接，使得服务器能实时推送新消息到客户端，而无需客户端不断轮询。WebSocket提供双向通信，使得服务器和客户端可以同时发送和接收数据。

5. **样式和动画**：使用CSS（Cascading Style Sheets）来美化<span style='color: #D9544F'>聊天页面</span>，设置字体、颜色、布局等样式。还可以添加一些过渡效果，如消息滑入显示，提高用户体验。

6. **错误处理**：良好的错误处理机制是必不可少的，当网络问题或其他异常发生时，JavaScript应该能够适当地提示用户并尝试恢复。

在实现过程中，需要注意的是保持代码的可维护性和性能优化。模块化编程可以帮助组织代码，使其更易于理解和维护。此外，避免不必要的DOM操作可以提升页面性能，因为DOM操作是相对昂贵的。

压缩包中的"chat"文件可能包含了实现这个聊天功能的HTML、JavaScript和CSS文件，以及可能的图片和其他资源。通过查看这些文件，你可以更详细地了解每个部分是如何协同工作的。

使用JavaScript和HTML构建<span style='color: #D9544F'>聊天页面</span>是一个涉及前端开发多个方面的综合实践，涵盖了从用户交互到服务器通信的全过程。掌握这些技能不仅对构建类似的应用有帮助，也是成为全栈Web开发者的基础。
                                    </div>
                                    <div class="info">
                                        <span title="上传时间" class="code"> 2024-08-14 17:17:44 </span>
                                            <span title="文件大小" class="size"> 3KB </span>
                                                <a href="/dl?query=javascript" class="layui-hide-xs"><em class="zy-csdn-tag">javascript</em></a>
                                                <a href="/dl?query=html" class="layui-hide-xs"><em class="zy-csdn-tag">html</em></a>
                                    </div>
                                        <div class="layui-badge integral">
                                            1
                                        </div>
                                </div>
                                <div class="zy-clearfix"></div>
                            </div>
                            
                        </div>
                        <div class="search-list">
                            
                            <div class="item">
                                <div class="mode">
                                    <span>
                                        <img src="/images/dl/ebook.png" />
                                    </span>
                                </div>
                                <div class="wrapper">
                                    <div class="name">
                                        <a href="/dl/detail/qq_21891743/2286404" 
                                           target="_blank" 
                                           data-url="/dl/detail/qq_21891743/2286404" 
                                           data-id="88162235" 
                                           data-author="qq_21891743"
                                           data-type="ZIP"
                                           class=""
                                           > Css+Html仿ChatGpt<span style='color: #D9544F'>聊天页面</span>Demo </a>
                                    </div>
                                    <div class="referrer">
                                        我们将使用HTML和CSS来实现一个仿ChatGPT聊天对话官方页面。我们的目标是创建一个与chat.openai.com相似的界面，展示一种用于展示聊天机器人对话的布局和样式。

为了实现我们的目标，我们需要遵循以下步骤：
1. 创建HTML结构：我们将使用HTML来创建页面的基本结构。在这个页面中，主要的元素包括头部、对话框和输入框。

2. 应用CSS样式：通过CSS，我们将为页面的各个元素添加样式，并使其与chat.openai.com的外观和感觉相似。

3. 添加JavaScript功能（可选）：如果你想要在页面上模拟真实的聊天对话，你可以使用JavaScript添加一些基本的功能。

让我们从头开始，一个一个地实现这些步骤。

当然，这只是一个简单的示例，你可以根据自己的需求进行修改和扩展。希望通过这篇博文，你可以掌握使用HTML和CSS创建仿ChatGPT聊天对话页面的基本技能。

感谢阅读！如果你有任何问题或建议，请随时提问。
                                    </div>
                                    <div class="info">
                                        <span title="上传时间" class="code"> 2023-10-09 18:16:34 </span>
                                            <span title="文件大小" class="size"> 323KB </span>
                                                <a href="/dl?query=css" class="layui-hide-xs"><em class="zy-csdn-tag">css</em></a>
                                                <a href="/dl?query=html" class="layui-hide-xs"><em class="zy-csdn-tag">html</em></a>
                                                <a href="/dl?query=javascript" class="layui-hide-xs"><em class="zy-csdn-tag">javascript</em></a>
                                                <a href="/dl?query=软件/插件" class="layui-hide-xs"><em class="zy-csdn-tag">软件/插件</em></a>
                                    </div>
                                        <div class="layui-badge integral">
                                            1
                                        </div>
                                </div>
                                <div class="zy-clearfix"></div>
                            </div>
                            
                        </div>
                        <div class="search-list">
                            
                            <div class="item">
                                <div class="mode">
                                    <span>
                                        <img src="/images/dl/ebook.png" />
                                    </span>
                                </div>
                                <div class="wrapper">
                                    <div class="name">
                                        <a href="/dl/detail/lwpoor123/2202343" 
                                           target="_blank" 
                                           data-url="/dl/detail/lwpoor123/2202343" 
                                           data-id="10697494" 
                                           data-author="lwpoor123"
                                           data-type="ZIP"
                                           class=""
                                           > 智能聊天静态页面，模板 </a>
                                    </div>
                                    <div class="referrer">
                                        智能聊天静态页面，基本样式，js处理响应等处理，仿照微信聊天界面
                                    </div>
                                    <div class="info">
                                        <span title="上传时间" class="code"> 2023-02-22 09:23:12 </span>
                                            <span title="文件大小" class="size"> 125KB </span>
                                                <a href="/dl?query=聊天模板" class="layui-hide-xs"><em class="zy-csdn-tag">聊天模板</em></a>
                                                <a href="/dl?query=聊天页面" class="layui-hide-xs"><em class="zy-csdn-tag">聊天页面</em></a>
                                    </div>
                                        <div class="layui-badge integral">
                                            1
                                        </div>
                                </div>
                                <div class="zy-clearfix"></div>
                            </div>
                            
                        </div>
                        <div class="search-list">
                            
                            <div class="item">
                                <div class="mode">
                                    <span>
                                        <img src="/images/dl/ebook.png" />
                                    </span>
                                </div>
                                <div class="wrapper">
                                    <div class="name">
                                        <a href="/dl/detail/weixin_39840924/1911550" 
                                           target="_blank" 
                                           data-url="/dl/detail/weixin_39840924/1911550" 
                                           data-id="11333082" 
                                           data-author="weixin_39840924"
                                           data-type="ZIP"
                                           class=""
                                           > ios-高仿QQ<span style='color: #D9544F'>聊天页面</span>.zip </a>
                                    </div>
                                    <div class="referrer">
                                        无聊写了一个高仿的QQ<span style='color: #D9544F'>聊天页面</span>，return 隐藏键盘 ，喜欢的，大家可以分享
                                    </div>
                                    <div class="info">
                                        <span title="上传时间" class="code"> 2022-06-05 08:09:17 </span>
                                            <span title="文件大小" class="size"> 59KB </span>
                                                <a href="/dl?query=列表" class="layui-hide-xs"><em class="zy-csdn-tag">列表</em></a>
                                    </div>
                                        <div class="layui-badge integral">
                                            1
                                        </div>
                                </div>
                                <div class="zy-clearfix"></div>
                            </div>
                            
                        </div>
                        <div class="search-list">
                            
                            <div class="item">
                                <div class="mode">
                                    <span>
                                        <img src="/images/dl/ebook.png" />
                                    </span>
                                </div>
                                <div class="wrapper">
                                    <div class="name">
                                        <a href="/dl/detail/robinfoxnan/1906591" 
                                           target="_blank" 
                                           data-url="/dl/detail/robinfoxnan/1906591" 
                                           data-id="10771101" 
                                           data-author="robinfoxnan"
                                           data-type="RAR"
                                           class=""
                                           > HTML5仿微信<span style='color: #D9544F'>聊天页面</span>框架 </a>
                                    </div>
                                    <div class="referrer">
                                        HTML5仿微信<span style='color: #D9544F'>聊天页面</span>框架,
一个页面内四个TAB页，完成了添加条目与对话条目部分，直接后台对接即可。
                                    </div>
                                    <div class="info">
                                        <span title="上传时间" class="code"> 2022-06-03 20:33:47 </span>
                                            <span title="文件大小" class="size"> 140KB </span>
                                                <a href="/dl?query=HTML5" class="layui-hide-xs"><em class="zy-csdn-tag">HTML5</em></a>
                                                <a href="/dl?query=微信" class="layui-hide-xs"><em class="zy-csdn-tag">微信</em></a>
                                                <a href="/dl?query=聊天" class="layui-hide-xs"><em class="zy-csdn-tag">聊天</em></a>
                                                <a href="/dl?query=即时通信" class="layui-hide-xs"><em class="zy-csdn-tag">即时通信</em></a>
                                    </div>
                                        <div class="layui-badge integral">
                                            1
                                        </div>
                                </div>
                                <div class="zy-clearfix"></div>
                            </div>
                            
                        </div>
                        <div class="search-list">
                            
                            <div class="item">
                                <div class="mode">
                                    <span>
                                        <img src="/images/dl/ebook.png" />
                                    </span>
                                </div>
                                <div class="wrapper">
                                    <div class="name">
                                        <a href="/dl/detail/qinxiaoyi1/1681400" 
                                           target="_blank" 
                                           data-url="/dl/detail/qinxiaoyi1/1681400" 
                                           data-id="82917202" 
                                           data-author="qinxiaoyi1"
                                           data-type="ZIP"
                                           class=""
                                           > Jquery<span style='color: #D9544F'>聊天页面</span>，还是不错的 </a>
                                    </div>
                                    <div class="referrer">
                                        Jquery<span style='color: #D9544F'>聊天页面</span>
                                    </div>
                                    <div class="info">
                                        <span title="上传时间" class="code"> 2022-04-06 01:31:47 </span>
                                            <span title="文件大小" class="size"> 366KB </span>
                                                <a href="/dl?query=jquery" class="layui-hide-xs"><em class="zy-csdn-tag">jquery</em></a>
                                                <a href="/dl?query=前端" class="layui-hide-xs"><em class="zy-csdn-tag">前端</em></a>
                                                <a href="/dl?query=javascript" class="layui-hide-xs"><em class="zy-csdn-tag">javascript</em></a>
                                                <a href="/dl?query=ecmascript" class="layui-hide-xs"><em class="zy-csdn-tag">ecmascript</em></a>
                                    </div>
                                        <div class="layui-badge integral">
                                            1
                                        </div>
                                </div>
                                <div class="zy-clearfix"></div>
                            </div>
                            
                        </div>
                        <div class="search-list">
                            
                            <div class="item">
                                <div class="mode">
                                    <span>
                                        <img src="/images/dl/ebook.png" />
                                    </span>
                                </div>
                                <div class="wrapper">
                                    <div class="name">
                                        <a href="/dl/detail/weixin_38354056/1420287" 
                                           target="_blank" 
                                           data-url="/dl/detail/weixin_38354056/1420287" 
                                           data-id="12681955" 
                                           data-author="weixin_38354056"
                                           data-type="-"
                                           class=""
                                           > 半仿qq<span style='color: #D9544F'>聊天页面</span>，纯html5 pc版.zip </a>
                                    </div>
                                    <div class="referrer">
                                        这是一个h5页面的<span style='color: #D9544F'>聊天页面</span>，方便大家在做聊天的过程中学习与使用，更是能够让大家从学习过程中，找到快捷的方式，其中页面中包含了：好友列表，会话列表，会话内容等多个页面
                                    </div>
                                    <div class="info">
                                        <span title="上传时间" class="code"> 2021-12-22 22:05:53 </span>
                                            <span title="文件大小" class="size"> 757KB </span>
                                                <a href="/dl?query=h5" class="layui-hide-xs"><em class="zy-csdn-tag">h5</em></a>
                                                <a href="/dl?query=qq" class="layui-hide-xs"><em class="zy-csdn-tag">qq</em></a>
                                                <a href="/dl?query=聊天页面" class="layui-hide-xs"><em class="zy-csdn-tag">聊天页面</em></a>
                                                <a href="/dl?query=网页版" class="layui-hide-xs"><em class="zy-csdn-tag">网页版</em></a>
                                    </div>
                                        <div class="layui-badge integral">
                                            1
                                        </div>
                                </div>
                                <div class="zy-clearfix"></div>
                            </div>
                            
                        </div>
                        <div class="search-list">
                            
                            <div class="item">
                                <div class="mode">
                                    <span>
                                        <img src="/images/dl/ebook.png" />
                                    </span>
                                </div>
                                <div class="wrapper">
                                    <div class="name">
                                        <a href="/dl/detail/u011376799/1419969" 
                                           target="_blank" 
                                           data-url="/dl/detail/u011376799/1419969" 
                                           data-id="8538213" 
                                           data-author="u011376799"
                                           data-type="-"
                                           class=""
                                           > 类似QQ<span style='color: #D9544F'>聊天页面</span>的实现 </a>
                                    </div>
                                    <div class="referrer">
                                        类似QQ<span style='color: #D9544F'>聊天页面</span>，包含了表情的发送，以及录音的发送和播放等等，也是参考了别人写的代码，希望对大家有所帮助。
                                    </div>
                                    <div class="info">
                                        <span title="上传时间" class="code"> 2021-12-22 20:46:59 </span>
                                            <span title="文件大小" class="size"> 6.76MB </span>
                                                <a href="/dl?query=QQ聊天" class="layui-hide-xs"><em class="zy-csdn-tag">QQ聊天</em></a>
                                    </div>
                                        <div class="layui-badge integral">
                                            1
                                        </div>
                                </div>
                                <div class="zy-clearfix"></div>
                            </div>
                            
                        </div>
                        <div class="search-list">
                            
                            <div class="item">
                                <div class="mode">
                                    <span>
                                        <img src="/images/dl/ebook.png" />
                                    </span>
                                </div>
                                <div class="wrapper">
                                    <div class="name">
                                        <a href="/dl/detail/lsnnsrq/812087" 
                                           target="_blank" 
                                           data-url="/dl/detail/lsnnsrq/812087" 
                                           data-id="20032542" 
                                           data-author="lsnnsrq"
                                           data-type="RAR"
                                           class=""
                                           > DWRComet<span style='color: #D9544F'>聊天页面</span> </a>
                                    </div>
                                    <div class="referrer">
                                        DWR
                                    </div>
                                    <div class="info">
                                        <span title="上传时间" class="code"> 2021-07-05 18:04:47 </span>
                                            <span title="文件大小" class="size"> 4.65MB </span>
                                                <a href="/dl?query=DWR" class="layui-hide-xs"><em class="zy-csdn-tag">DWR</em></a>
                                    </div>
                                        <div class="layui-badge integral">
                                            1
                                        </div>
                                </div>
                                <div class="zy-clearfix"></div>
                            </div>
                            
                        </div>
            </div>
            <div class="layui-col-lg4 layui-col-sm4 layui-hide-xs search-related">

<div class="layui-col-lg12 layui-col-sm12 csdn-dl-item">
    <div class="layui-card">
        <div class="layui-card-header"><h3>个人信息</h3></div>
        <div class="layui-card-body">
                <div style="text-align:center">
                    
                    <a href="/account/login?returnUrl=http%3a%2f%2fkerwin.cn%2fdl%3fquery%3d%e8%81%8a%e5%a4%a9%e9%a1%b5%e9%9d%a2">点我去登录</a>
                </div>
            <div style="text-align:center; margin:20px 0px 10px;">
                <button class="layui-btn" type="button" id="btnDonation">购买积分</button>
                <a href="/dl/history" target="_blank" class="layui-btn layui-btn-primary">下载历史</a>
                <button class="layui-btn layui-btn-primary" type="button" id="btnRecoverOrder">恢复订单</button>
            </div>
        </div>
    </div>
</div>

<div class="layui-col-lg12 layui-col-sm12 csdn-dl-item">
    <div class="layui-card">
        <div class="layui-card-header"><h3>热门下载</h3></div>
        <div class="layui-card-body">
            <ul class="zy-csdn-recommend">
                    <li><a target="_blank" href="/dl/detail/l346008087/445914">全国道路网SHP数据.zip</a></li>
                    <li><a target="_blank" href="/dl/detail/suiji2442/413381">2019综合测评仿真.zip</a></li>
                    <li><a target="_blank" href="/dl/detail/bailangde/43269">韦来生《数理统计》课后习题与答案</a></li>
                    <li><a target="_blank" href="/dl/detail/ranyeliang/166982">空间谱估计理论与算法------程序.rar</a></li>
                    <li><a target="_blank" href="/dl/detail/qq_27393177/141758">多智能体的编队控制程序的补充(之前上传少了一个文件)</a></li>
                    <li><a target="_blank" href="/dl/detail/u013634684/201048">csma/ca和csma/cd的matlab仿真源代码带有详细的注释</a></li>
                    <li><a target="_blank" href="/dl/detail/zou19900101/260218">Python+OpenCV实现行人检测（含配置说明）</a></li>
                    <li><a target="_blank" href="/dl/detail/liuwuw/473298">voc车辆检测数据集（已处理好，可直接训练）</a></li>
                    <li><a target="_blank" href="/dl/detail/Dream_DT/445882">麻雀搜索算法（SSA）优化bp网络</a></li>
                    <li><a target="_blank" href="/dl/detail/joekepler/92660">MTALAB  NSGA2算法</a></li>
                    <li><a target="_blank" href="/dl/detail/brcucejiang/1134807">cublas64_11.dll  cublasLt64_11.dll  cusolver64_11.dll</a></li>
                    <li><a target="_blank" href="/dl/detail/weixin_39329758/212620">中小型企业网络建设.pkt</a></li>
                    <li><a target="_blank" href="/dl/detail/weixin_38731980/543020">IBM CPLEX 12.10 学术版 mac操作系统安装包</a></li>
                    <li><a target="_blank" href="/dl/detail/a_13572035650/585542">中国地面气象站观测数据2000-2021</a></li>
                    <li><a target="_blank" href="/dl/detail/u010819675/26430">基于Matlab的PI/4 DQPSK的调制解调源代吗</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="layui-col-lg12 layui-col-sm12 csdn-dl-item">
    <div class="layui-card">
        <div class="layui-card-header"><h3>最新下载</h3></div>
        <div class="layui-card-body">
            <ul class="zy-csdn-recommend">
                    <li><a target="_blank" href="/dl/detail/linqundian/104567">触摸屏驱动Touchkit（win7专用版）</a></li>
                    <li><a target="_blank" href="/dl/detail/u010953816/2339556">google-chrome-114.0.5735.90</a></li>
                    <li><a target="_blank" href="/dl/detail/hnromon/2418335">GusActivatorPRO A12+ Special Edition V2.1 Windows</a></li>
                    <li><a target="_blank" href="/dl/detail/special_hg/2097660">am335x_evm 原理图</a></li>
                    <li><a target="_blank" href="/dl/detail/jhsvip/89682">华硕B150m-plus BIOS 支持678代</a></li>
                    <li><a target="_blank" href="/dl/detail/AwITzBZmvB/2412056">Comsol模拟海水入侵海岸</a></li>
                    <li><a target="_blank" href="/dl/detail/gygXyNaqFsC/2419051">FLAC3D模型数据导出与导入：应力位移数据TXT文本处理与模型初始化,①flac3d模型中应力，位移等数据导出为txt文本 
提取模型中的应力，位移 
方便绘制曲线图 
②将txt中的数据导入fla</a></li>
                    <li><a target="_blank" href="/dl/detail/gg362298240/2386897">Nero9 Essentials(OEM and labelTAG)</a></li>
                    <li><a target="_blank" href="/dl/detail/syun2005/2381918">c# winform客户端 模板打印实现方式2 TSC自定义模板打印</a></li>
                    <li><a target="_blank" href="/dl/detail/u011034043/2363071">Scrivener 3.2.3 交互式教程 中文版</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-sm12 layui-col-xs12 csdn-dl-item">
    <div class="layui-card">
        <div class="layui-card-header"><h3>其他资源</h3></div>
        <div class="layui-card-body">
            <ul class="zy-csdn-recommend">
                    <li><a target="_blank" href="/dl/detail/tox33/187542">STM32开发板（德飞莱）尼莫M3S系列实例程序</a></li>
                    <li><a target="_blank" href="/dl/detail/songlijun375/178456">数字信号处理库Aquila编译及使用说明（基于Qt5）</a></li>
                    <li><a target="_blank" href="/dl/detail/smallant7/177547">Aseprite-v1.2.9 MacOSX</a></li>
                    <li><a target="_blank" href="/dl/detail/weixin_44138587/223888">基于labview的visa串口通信（数据为5位帧头加文本）</a></li>
                    <li><a target="_blank" href="/dl/detail/anhongning123/353701">MSBuild.rar</a></li>
                    <li><a target="_blank" href="/dl/detail/zyyujq/307764">Virtual Serial Port Driver Pro 9.0.270.0中文版汉化与补丁</a></li>
                    <li><a target="_blank" href="/dl/detail/cheng84977cc/12005">简易工资管理系统（C语言实现）</a></li>
                    <li><a target="_blank" href="/dl/detail/lixin3216/107318">通信大全开发源代码（含modbus协议）</a></li>
                    <li><a target="_blank" href="/dl/detail/qq_26975307/362645">国产达梦数据库DM8 JDBC驱动</a></li>
                    <li><a target="_blank" href="/dl/detail/bay1394/377875">android应用案例开发大全（第3版）源程序.rar</a></li>
                    <li><a target="_blank" href="/dl/detail/sunjian286/399016">2021南京市智慧养老服务平台建设及运营方案.pdf</a></li>
                    <li><a target="_blank" href="/dl/detail/weixin_38714910/369121">使用mod_dav_svn访问Subversion仓库</a></li>
                    <li><a target="_blank" href="/dl/detail/myydan/356981">demo.zip spring boot 增删改查练习项目</a></li>
                    <li><a target="_blank" href="/dl/detail/u012252633/196572">c 程序设计 谭浩强 第二版</a></li>
                    <li><a target="_blank" href="/dl/detail/glith/272413">Viterbi的matlab程序</a></li>
                    <li><a target="_blank" href="/dl/detail/zdx_lj/252877">汇编语言程序设计》答案(第二版)</a></li>
                    <li><a target="_blank" href="/dl/detail/jifanfei/90937">Direct3d做的演示程序（有源代码）</a></li>
                    <li><a target="_blank" href="/dl/detail/friendan/70246">鼠标屏幕坐标获取器.zip</a></li>
                    <li><a target="_blank" href="/dl/detail/huangty5/15135">matlab 读取、制作视频操作示例，入门必备</a></li>
            </ul>
        </div>
    </div>
</div>

</div>
        </div>

</div>
        </div>
    </div>
</div>

</div>
            <footer class="zy-footer">
                
<div>
    <div>
        © 2015-2026  <span style="color: #00c1de;">只为大大</span>   |  <a href="https://beian.miit.gov.cn">赣ICP备15012672号-1</a>
        <script src="/scripts/app/cnzz.js?20171123"></script>
    </div>
    <div>
        <a target="_blank" href="/postsms">短信提交</a>    
        <a target="_blank" href="/donate">赞助</a>    
        <a target="_blank" href="/updatelog">更新日志 <span class="layui-badge-dot"></span></a>
    </div>
    <div class="links">
            <a target="_blank" href="http://ericjy.com/">蒋银 [经验弟弟]</a>
            <a target="_blank" href="http://www.345cc.cn/">程超 [cc]</a>
    </div>
</div>
            </footer>

</body>
</html>