QQ-bot/src/main/resources/static/index.html
2024-06-26 20:50:25 +08:00

195 lines
7.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="qq-bot.css">
</head>
<body id="bg">
<article id="mybody">
<div id="事先声明">
<img src="image/QQ图片20230508223654.png">
<p>
<b>此条目介绍的作品或其衍生作品中有至少一项尚未完结。</b><br>
</p>
</div>
<div id="艺术字">
<table>
<tr>
<td class="艺术字"><span>QQ</span>-Bot<span>使用说明</span></td>
</tr>
</table>
</div>
<div id="作品简介1">
<div class="大圆角标签1"></div>
<h2>&nbspQQ机器人是什么</h2>
<p>QQ机器人是通过开放的接口让开发者能够实现开发出交互形式丰富的机器人
以辅助实现频道/社群内的管理、消息互动,</a>
满足群主运营者多样化、个性化的运营需求,从而提高运营效率,同时为用户带来丰富的服务和便捷的体验。</P>
</div>
<div id="作品简介2">
<div class="大圆角标签2"></div>
<h2>&nbspQ2QQ机器人可以实现什么功能呢</h2>
<p>QQ机器人集便捷、高效、趣味、赋能于一身</p>
<p> 高效的社群管理功能(如:身份组分配、自动回复、签到打卡等)</p>
<p> 稳健的音频功能(如:听歌、听书、语音开黑、在线玩桌游等)</p>
<p> 有趣的游戏功能(如:猜灯谜、成语接龙、打年兽升级、攻城守家等)</P>
</div>
<div id="作品简介3">
<div class="大圆角标签3"></div>
<h2>&nbspQ3Mirai框架的QQ机器人区别于其他QQ机器人的亮点有哪些</h2>
<p>
Mirai框架发展时间长技术更成熟现有的更好的QQ机器人框架都是在Mirai基础上进行迭代升级的所以对QQ机器人的框架学习更有帮助</P>
</div>
<div id="作品简介4">
<div class="大圆角标签4"></div>
<h2>&nbspQ4QQ机器人能做什么</h2>
<p>社群管理-提效率:自动回复、自动分组、打卡等,提升管理效率</p>
<p>用户互动-促活跃成语接龙、猜灯谜、抽奖、RPG/SLG文字游戏等提升频道活跃</P>
</div>
<div id="作品简介5">
<div class="大圆角标签5"></div>
<h2>&nbspQ5QQ机器人的好处</h2>
<p>对于频道主、群主:帮助管理的工具,提升管理效率;同时提高群的活跃度</P>
</div>
<h1>项目效果演示:</h1>
<div class="集数按钮">#01</div>
<div class="集数按钮">#02</div>
<div class="集数按钮">#03</div>
<div class="集数按钮">#04</div>
<div class="集数按钮">#05</div>
<div class="集数按钮">#06</div>
<div class="集数按钮">#07</div>
<div class="集数按钮">#08</div>
<div class="各集内容">
<span>#01 骚扰机器人</span>
<div class="内容">
<img src="image/骚扰机器人.png">
<p>在群中发送“111”字样即可让bot“稍微的”理你一下</p>
</div>
</div>
<div class="各集内容">
<span>#02 群聊主动回复</span>
<div class="内容">
<img src="image/群聊回复1.png">
<img src="image/群聊回复2.png">
<p>在群聊中消息带上“呼叫管理”,管理员便可以在控制台进行回复</p>
</div>
</div>
<div class="各集内容">
<span>#03 临时会话回复</span>
<div class="内容">
<img src="image/临时会话1.png">
<img src="image/临时会话2.png">
<p>在群聊中对bot进行临时会话管理员便可在控制台进行回复</p>
</div>
</div>
<div class="各集内容">
<span>#04 好友消息回复</span>
<div class="内容">
<img src="image/好友发送消息.jpg">
<img src="image/好友发送消息2.png">
<p>bot的好友发起聊天后管理员便可以在控制台进行回复</p>
</div>
</div>
<div class="各集内容">
<span>#05 接收消息</span>
<div class="内容">
<img src="image/接收1.jpg">
<img src="image/接收2.jpg">
<img src="image/接收3.jpg">
<img src="image/接收4.png">
<p>在群聊中或者与机器人进行私聊,控制台便可以接收到信息</p>
</div>
</div>
<div class="各集内容">
<span>#06 钓鱼游戏</span>
<div class="内容">
<img src="image/钓鱼.png">
<p>在群聊中发送“钓鱼”字样,即可进行“有趣的”钓鱼游戏</p>
<p>“钓鱼虽好,可不要贪杆哦”</p>
</div>
</div>
<div class="各集内容">
<span>#07 禁言套餐</span>
<div class="内容">
<img src="image/原神1.png">
<img src="image/原神2.png">
<p>在群中发送消息带有“<span class="黑幕" title="你知道的太多了">原神</span>启动”“<span class="黑幕"
title="你知道的太多了">OP</span>”等违禁词即可喜提“60S”禁言+撤回大礼包
</p>
<p>偷偷告诉你分开输入的话笨蛋bot是检测不出来的</p>
</div>
</div>
<div class="各集内容">
<span>#08 文字冒险(待实现)</span>
<div class="内容">
<img src="image/文字游戏.png">
<p>在群聊中发送”txtgame“即可进行紧张刺激的文字冒险游戏</p>
<p></p>
</div>
</div>
<p>此外还可以在下表中查看群聊消息统计数据</p>
<div class="imgBox">
<a href="messagelist" title="后藤一里"><img src="image/200px-后藤独头贴.png">点我查看bot统计信息</a>
</div>
<br>
<br>
<br>
<div class="作品简介">
<div class="大圆角标签6"></div>
<h2>&nbsp后记</h2>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp我们项目组由衷的感谢Mirai框架与将Mirai框架集成到SpringBoot中的各位前辈正是他们的开源精神推动了整个社区的良性发展,</p>
<p>得以让我们能够站在巨人的肩膀头上实现我们自己的想法</p>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp同时感谢我的SpringBoot课的老师陈闯闯老师。如果没有老师带着我们入门就不会有如今的这个项目</p>
<p>&nbsp</p>
<p>Mirai项目地址<a href="https://github.com/mamoe/mirai">https://github.com/mamoe/mirai</a></p>
<p>基于Mirai核心封装的SpringBoot Starter<a href="https://github.com/itbaima-study/itbaima-robot-starter">https://github.com/itbaima-study/itbaima-robot-starter</a></p>
</div>
</article>
<script>
var contents = document.getElementsByClassName("各集内容");
contents[0].style.display = "block";
var active_index = 0;
function show(index) {
contents[active_index].style.display = "none";
contents[active_index = index].style.display = "block";
}
var buttons = document.getElementsByClassName("集数按钮");
for (let i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", () => {
show(i);
});
}
</script>
</body>
</html>