Long Bro博客——查看其它Long Bro影院
评论功能小表情的实现

  作者:赵成龙  发布时间:2018-10-20 14:34:56  所属类别:IT技术  浏览量:746



 

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

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

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

3.根据以上的程序,结合数据库就可以将带有小表情的评论存储至数据库了,接下来是加载评论,由于为了减轻数据库存储量的问题,在上面代码中,存储至数据库的并不是小表情的完整路径,而是自己定义的特殊字符里面囊括了小表情的名称,所以在加载评论的时候,需要用Java的String类来将评论进行加工,如下所示

4.最后,就可以看到你评论的包括小表情的内容了

欢迎大家访问我的视频网站553影院,注册并登陆后即可拥有发表评论,记录自己的播放,搜索,登陆记录以及收藏视频等功能。我在553影院等你





本文出自LongBro博客,如需转载请注明出处。
本文链接:http://www.longqcloud.cn/blogs/57.html
上一篇:关于JavaSE中的URLEncoder类
下一篇:JavaWeb视频网站开发:Ajax异步实现搜索输入框的提示功能




如果你觉得这篇文章对你有用,欢迎 打赏(打赏记录)

打赏多少,你高兴就行,谢谢你对Long Bro这小子的支持  ^-^

来自:117.136.36.204的评论

努力的女孩运气不会太差,比如你,遇到了我。(⁎⁍̴̛ᴗ⁍̴̛⁎)love you forever!

2018-05-21 16:06:35


来自:117.158.127.52的评论

写的不错,給赞

2018-11-04 21:26:33


来自:223.104.145.23的评论

该条评论属违规评论已被站长删除

2018-11-24 17:20:44


来自:106.119.47.203的评论

553音乐网

2019-01-25 21:35:10


来自:125.86.111.90的评论

553音乐网

2019-03-04 14:40:29


来自:13.210.43.93的评论

It as nearly impossible to find well-informed people about this topic, however, you seem like you know what you are talking about! Thanks

2019-03-22 13:10:07


来自:119.130.231.185的评论

You are Welcome!

2019-03-22 18:52:26