第十三天 评论

1. css样式嵌套

css代码:

  .comm{
    padding:10px;
    margin:2px;
    
    border:1px solid #ccc;
  }

html 代码:

  

    这是一楼的内容
    

      这是二楼的内容
      

        这是三楼的内容
      
    
  

2. 数据存储结构

评论和回复数据结构

  {
      _gid://商品ID
      _uid:ObjctID(),//用户ID
      _username:,//用户名
      _content://评论内容
      _createtime://评论时间
      _status://状态
      _reply:[//回复评论
        {
          _id:ObjectID(),//回复自动ID
          _uid:ObjctID(),//用户ID
          _username:,//用户名
          _content://回复内容
          _createtime://回复时间
        },
        ...
      ]
    }
  

递归格式化

      //递归格式化
      function formatReply(reply, id, j){
        var html = '';
        html += '
';
        html += '
'+(reply[j]._username)+''+(reply[j]._createtime)+'
';
        html += '
'+(reply[j]._content)+'
';
        html += '
回复
';
          
        if(j < reply.length - 1){
          html += formatReply(reply, id, j+1);
          
        }
        
        html += '
';
        
        return html;
      }

测试

var test = [{_username:'aaa',_content:'cont_aaa',_createtime:'20160506'},{_username:'aaa',_content:'cont_aaa',_createtime:'20160506'}];

var res = formatReply(test, '99', 0);

console.log(res);

3. jquery 序列化表单

html 代码:

jquery 代码:

  $("#myForm").serialize();

结果

  username=USERNAME&password=PASSWORD