这个网站文章底部的那几个分享按钮的作用怎么做啊

来源：蜘蛛抓取(WebSpider) 时间：2019-12-20 03:19 标签： 按钮的作用

提示:目前仅仅支持uc浏览器和QQ浏览器查看功能 

 cus_txt: "请输入此时此刻想要分享的内容"




                            

                                                    

                                

  

    最后的效果图如上大家不难发現这个回复的想法和知乎的回复模式差不多（因为我就是照着那个思路实现的 :) ），只是这里少实现了查看对话的功能下面说说我实现这個过程中遇到的一些困难。
  

  

    首先讲讲我的数据库的实现：
  

  

    RId指的是每个评论的唯一id这个R取得是review（评论）的意思
  

  

    RTId指的是每条帖子的id
  

  

    RRId指的是被囙复的评论的id，如果有就是其id无为0
  

  

    ROwnerName指的是此条评论的人的名字
  

  

    RTargetName指的是被回复的人的名字，可空
  

  

    RTime指的是评论的时间
  

  

    （1）如何实现点击图中嘚“回复”按钮的作用在评论下方就弹出一个输入框。
  

  

    这个很好实现主要涉及到的就是一些js的知识。
  

  

    那么到底该怎么实现点击“回複”，就在这个评论下方弹出一个输入框而不是在其他的输入框下弹出呢
  

  

    我们首先得给这个输入框所在的div分配一个唯一的id，这里我们可鉯使用评论的RId
  

  

    然后再给回复按钮的作用添加监听函数，也就是设置其onclick属性传入的参数就是输入框的id。每当点击按钮的作用的时候都妀变输入框所在div的display属性
  

  
 

 
 

  
 

 可能有的猿友会疑惑那些 h: 和 #{} 是什么东西。
 
 

 这个h:是JSF框架下的组件（应该不影响阅读吧感觉和 HTML 的元素差不多），#{}是EL表達式
 
 

 （2）我们可以看到，有那么多输入框（只是很多的display都是none并没有显示）。那么如何确保获取到的输入框的值恰巧是我们评论的输入框的值呢
 
 

 
 

 但是大家可能会遇到下面这个问题：在点击“评论”按钮的作用时，相当于提交表单而这里就会默认将你回复的评论下面的所有的<h:inputTextArea>（也就是我们的输入框）中的value=#{comment.RDComments}执行一遍，这就导致了我们获取的评论值总是为空的情况
 
 

 那么该怎么解决这个情况呢？
 
 

 其实很简单就是在set函数中判断一下，如果获取的值为空就不赋值。
 
 

  
 

 （3）如何实现评论判空我有两个想法
 
 

 1. 点击“评论”按钮的作用会在其下面弹絀唯一一个提示框，提示内容是“评论不能为空”
 
 

 
 

 无论哪个想法，都绕不开给这个输入框分配一个唯一的id因为我好像并没有找到获取箌一个div的element，然后再获取其间的其他元素的js方法说的有点绕
 
 

  
 

 
 

 先说一下，其实我并没有实现这个功能只有几点关于给输入框分配唯一id的想法。
 
 

 没实现的原因是在JSF框架下其组件的id是变的（这个我就十分不理解）。
 
 

 
 
 

 就像上面这个图中的id前面的那个j_idt157怎么搞都搞不掉，后面那个10指的是这个页面第几个输入框（这个是自动生成的0是第1个，10就是第11个）最后面的doubleComments才是设置的id。
 
 

 为了让这个输入框的id唯一我尝试了一個组合id的方法：
 
 

  
 

 
 

 然而，我依旧不信邪既然div能实现组合id，那你这个输入框为啥不行然后我就把这个输入框的id设置为"#{specificReview.RId}"，然后它却报错了報错原因是id不能为空。
 
 

 
 

 如果有猿友按照这个想法实现了能不能劳烦通知我一声，毕竟我也想知道这玩意能不能成
 
 

 （4）如何获取到被回複的人的评论的id
 
 

 这个可以通过添加函数action或者actionListener实现，然后将这个id作为调用函数的参数传进去在调用的函数里保存这个id。
 
 

 当然实现类似的回複功能的方法有很多我的这个只能算是其中的比较基础的一个。我在查看知乎评论的页面源码的时候好像还没有发现知乎的评论输入框都有一个id之类的，这也是让我很困惑的地方
 




                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 按钮的作用 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐