我正在尝试创建一个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>
动态创建整个表可能会更好,但我不确定这样做的适当位置
处理将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)
我非常感谢有人可以提供的任何帮助! =)
答案 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
希望这有帮助!