全栈工程师 13 笔记

2016-08-23  本文已影响21人  景岳

Node.js实现评论功能

多说: http://duoshuo.com/(评论接口)

评论的样式是盖楼形式,参考网易评论。

简单实例:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>盖楼评论</title>
    <style media="screen">
      .comment{
        border: 1px solid #ccc;
        margin: 5px;
        padding:10px;
      }
    </style>
  </head>
  <body>
    <div class="comment">
      <div class="comment">
        <div class="comment">
          一楼
        </div>
        二楼
      </div>
      三楼
    </div>
  </body>
</html>

效果:

效果
数据存储结构

商品的评论和商品评论评论的回复在同一集合里

数据结构

[
  {
    _id:ObjectID(),//自动ID
    _gid://商品ID
    _status:0,//状态
    _discuss:[//评论内容
      {
        _id:ObjectID(),//评论ID (楼主)
        _uid://用户ID
        _status:0,//状态
        _content://评论内容
        createtime://评论时间
      },
      {
        _id:ObjectID(),//评论(回复)ID (一楼)
        _uid://用户ID
        _status:0,//状态
        _content://评论内容
        createtime://评论时间
      }
      ...
    ]
  }
  ...
]

jquery 序列化表单

  1. html代码:
    <form class="form">
    <input type="text" name="name" value="">
    <input type="password" name="passwd" value="">
    </form>
  2. jquery代码:
    $(".form").serialize();
  3. 结果:
    name=name&passwd=password
代码 页面显示 打印出的结果
上一篇 下一篇

猜你喜欢

热点阅读