使用HTML显示MongoDB文档

时间:2013-07-25 11:32:56

标签: javascript python html mongodb

我正在尝试创建一个HTML表来显示mongodb集合的内容。该集合包含有关小型企业的不同客户订单的数据。某些数据将始终存在于给定文档中,例如客户名称和电话号码。但是,每个文档中的一些数据需要变化,例如订购的项目,因为一个客户可能订购1个项目,而另一个可能订购3个项目。因此,如果我有一个mongodb集合,其中包含每个文档中包含任意数字字段的文档,如何将它们动态添加到HTML表中以显示文档的内容?作为我正在寻找的显示类型的一个例子,这里是我知道将保持不变的字段的硬编码HTML。

 <!DOCTYPE html>
 <html>
  <head>
    <head>
    <title>Invoice Report</title>
    <style type="text/css">
     body {font-family:sans-serif;color:#4f494f;}
     form input {border-radius: 7.5px;}
     h5 {display: inline;}
     .label {text-align: right}
     .ordersBook {float:left; padding-top: 10px;}
     .name {width:100%;float:left; padding:3px;}
     .wrapper { padding-left: 25px; padding-top: 20px}
    </style>
    <script type="text/javascript">
    var itemRe = /item*/;
    }
    </script>
   </head>
  </head>
  <body>
     <div class="invoice">

      <h4>Order Form:</h4>
<table border="1">
<tr>
  <th>Name:</th>
  <td>{{rows['name']}}</td>
</tr>
<tr>
  <th>Created:</th>
  <td>{{rows['created']}}</td>
</tr>
<tr>
  <th>Phone:</th>
  <td>{{rows['phone']}}</td>
</tr>
<tr>
  <th>Email:</th>
  <td>{{rows['email']}}</td>
</tr>
<tr>
  <th>Item:</th>
  <td>{{rows['item']}}</td>
  </tr>
</div>
  <tr>
    <th>Quantity:</th>
    <td>{{rows['qty']}}</td>
  </tr>
  <tr>
    <th>Color:</th>
    <td>{{rows['color']}}</td>
  </tr>
  <tr>
    <th>Quote:</th>
    <td>{{rows['quote']}}</td>
  </tr>

</table>
     </div>


  </body>
 </html>

动态创建整个表可能会更好,但我不确定这样做的适当位置

  • 在HTML文件中的javascript函数中?
  • 或者可能在pymongo文件中维护mongodb数据库中的信息?

处理将mongodb文档发送到HTML表单的python代码使用python Bottle模板。

@bottle.route('/view/<_id>', method = 'GET')
def show_invoice(_id):
    client = pymongo.MongoClient("mongodb://localhost")
    db = client.orders
    collection = db.myorders
    from bson.objectid import ObjectId
    result = collection.find_one({'_id': ObjectId(_id)})
    return bottle.template('invoice', rows = result)

我非常感谢有人可以提供的任何帮助! =)

1 个答案:

答案 0 :(得分:2)

查看瓶模板引擎的文档,看起来您可以使用'ifs'和'fors'来完成此任务。

例如,如果您的订单存储在行['orders']并且您不知道有多少,则可以在模板中放置:

%for item in rows['orders']:
  <td>{{item}}</td>
%end

或者说如果您的客户订购经常延期交货的商品,并且您已经传递了另一个变量“延期交货”,则需要显示特殊警告:

%if backorder:
  <span>This item is frequently on backorder</span>
%end

我没有测试其中任何一个,但我使用Django和Flask模板引擎做了类似的事情。我从这里取出这些样品:

http://bottlepy.org/docs/dev/tutorial.html#templates

和'格式化输出的瓶模板'部分:

http://bottlepy.org/docs/dev/tutorial_app.html#using-bottle-for-a-web-based-todo-list

希望这有帮助!