Pure JS (4.2): Web 应用中服务器端 JS 调用 MongoDB 的简单示例
Pure JS (4.2): Web 应用中服务器端 JS 调用 MongoDB 的简单示例
接着上一篇文章,本文将通过一个简单的示例说明如何通过服务器端 JS 调用 MogoDB,以及客户端 JS 向服务器端发起请求的方式。
首先我们可以先运行示例程序,然后我将介绍整体流程,最后我们再具体看看客户端 JS 和服务器端 JS 是如何编写的。
我们将看到通过使用 JavaScript Object 贯穿整个数据流程的模式是如何简化我们的开发的。
运行示例
下载附件,并将工程添加到 eclipse 中,配置 Java 7 JDK ,在命令行中运行 mongod;
打开文件 main/purejs/core/JSServer.java,鼠标右键 -> Run As -> Java Application 。
在浏览器中输入 http://localhost:8080 进行访问,将看到如下界面:
这个例子非常简单,只包括一个 users 列表,对每条数据可以执行两个操作:
1. 修改 description,并点击 Save 进行保存
2. 点击 Delete 删除对应的 user
最后一行用于增加 user ,可以执行两个操作:
1. 输入 name 和 description,并点击 Add 增加记录
2. 点击 Clear ,清空 name 和 description ,重新输入
每次操作完成后,users 列表将重新排序。
整体流程
我们可以直接以 JavaScript 对象作为 MongoDB 数据操作的参数,因此直接从客户端传递一个对象到服务器端是较好的方式。
接下来让我们结合例子进行说明。
客户端 JS
客户端 js 位于 webapp/js/index.js ,处理界面操作,并向服务器端发起请求。
除去一些界面操作的代码,客户端向服务器端发起请求的地方有三处:
获取 users 列表
pure.db.eval(function(){var users = db.users;users.drop();users.ensureIndex({ name: 1 });users.insert({ name: 'user1', desc: 'desc1' });users.insert({ name: 'user2', desc: 'desc2' });users.insert({ name: 'user3', desc: 'desc3' });});