使用MongoDB搭建商品评论系统-优快云博客

本文链接：https://blog.youkuaiyun.com/caopeng26/article/details/52287567

mongodb增删改查
短信验证
socket.io聊天
sh /root/
robomongo

ajax异步调用
短信验证
在线聊天
javascript序列化对象serialize
session req.session

商品首页、详情页、列表页用mongodb交互实现
express

商品详情页写一个评论。

1.准备测试的Json数据：

var a = [
 {
        "id": "1",
        "Name": "caoyuan",
        "Time": "201608230720",
        "Content": "今天天气好"
    },
    {
        "id": "2",
        "Name": "cao",
        "Time": "201608230722",
        "Content": "这是1楼"
    },
    {
        "id": "3",
        "Name": "yuan",
        "Time": "201608230723",
        "Content": "这是2楼"
    },
    {
        "id": "4",
        "Name": "caoxuan",
        "Time": "201608230724",
        "Content": "这是3楼"
    }
];

2 、样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <style>
        .commentbox{
            border:1px solid #ccc;
            padding: 10px;
            margin: 2px;
        }
    </style>
    <div class="commentbox" id="pl">
    我还没吃饭，你们吃了么
        <div class="commentbox" id="pl">
        爽爽的贵 阳欢迎你
            <div class="commentbox" id="pl">我在贵阳等你</div>
        </div>
    </div>
</body>
</html>

3、拼接

<script type="text/javascript">
var a = [
    {
        "id": "1",
        "Name": "caoyuan",
        "Time": "201608230720",
        "Content": "今天天气好"
    },
    {
        "id": "2",
        "Name": "cao",
        "Time": "201608230722",
        "Content": "这是1楼"
    },
    {
        "id": "3",
        "Name": "yuan",
        "Time": "201608230723",
        "Content": "这是2楼"
    },
    {
        "id": "4",
        "Name": "caoxuan",
        "Time": "201608230724",
        "Content": "这是3楼"
    }
];
var result = "";        
result += "<div id='aqplgl' style='text-indent:1em;background-color: #eeeeee;border: 1px solid #000000;margin-left: 3px;margin-right: 3px;margin-top: 3px;margin-bottom: 3px;'>";
for(var i=1;i<a.length;i++){
result += "<div id='pl"+a[i].id+"' style='text-indent:1em;background-color: #eeeeee;border: 1px solid #000000;margin-left: 3px;margin-right: 3px;margin-top: 3px;margin-bottom: 3px;'>";
};
for(var i=1;i<a.length;i++){
result += "<p>"+a[i].Content+"</p></div>";
};
result += "<p>"+a[0].Content+"<P></div>";
document.getElementById("pl").innerHTML = result;
</script>