视频网站开发：JavaWeb做一个带自定义小表情的评论功能

最新推荐文章于 2023-09-02 22:44:32 发布

Long Bro

最新推荐文章于 2023-09-02 22:44:32 发布

阅读量1.8k

点赞数 4

分类专栏：视频网站 HTML 前端技术文章标签：评论功能视频网站小表情 JavaWeb

本文链接：https://blog.csdn.net/qq_35750547/article/details/83216662

版权

本文介绍了如何在视频网站上开发一个带有自定义小表情的评论功能。作者通过收集小表情图片，利用Java、HTML、CSS和JS组合实现表情显示、存储和加载。评论中的小表情以特定字符保存在数据库中，加载时通过Java进行字符串处理还原。完成后的评论功能让用户在553影院等视频平台上可以更生动地表达观点。

摘要由CSDN通过智能技术生成

前几天一直在做视频网站的评论功能，如今虽然说做的不是很好，但也算是挺满意的实现了。自我感觉做的最好的最有花样的就是为评论功能添加了小表情评论。见如下效果图

1.首先第一步，收集你想要使用的小表情，我因为比较喜欢QQ的嗷小喵表情，所以就一个一个的将它们添加至工程。当然后来又添加了小黄脸表情。

2.接下来，需要通过程序将其显示在网页中，这里我使用的是Java结合HTML和css以及js来实现的，其中Java主要是定义表情名的字符数组以供循环显示表情；css控制小表情的样式，js来实现表情的随意显示与隐藏，以及点击表情后，评论文本框自动输入指定文本的功能。

<!-- 实现评论功能-开始 -->
       <form action="/SendCom" method="post">
       		<textarea rows="5" id="comme" cols="170" name="comment" placeholder="一起评论吧"></textarea>
	       <br><img alt="嗷大喵表情" title="嗷大喵表情" style="width: 18px;height: 18px" src="/images/util/face-2x.png" onmousedown="imgAo()">
	       <img alt="小黄脸表情" title="小黄脸表情" style="width: 18px;height: 18px" src="/images/huang/wx.gif" onmouseover="closeImgHu()" onmousedown="openImgHu()">
	       <img alt="" style="width: 18px;height: 18px" src="/images/util/image-2x.