将json当数据库一样操作的javascript lib

前段时间工作中用到Json数据，希望将一些简单的增删改查放到客户端来做，这样也能减少服务器端的压力。分别查找了几个可以对Json进行操作的javascript 类库，最终选定了TAFFY DB。原因如下：
1、使用的是BSD开源协议，不用担心商业使用限制。
2、一直在有人进行更新，并且不和其他框架（如Jquery，YUI，Dojo等）冲突
3、功能齐全——增删改查、排序等等都有了。
4、小巧，压缩后只有17k大小。
所以，工作完后，将这篇文章写出来，并推荐这个类库给大家，希望能够帮助到那些正在寻找Json 查询修改的Coder们一些帮主，并和大家一起交流学习。

TAFFY DB 基本信息
项目主页：http://taffydb.com/
托管地址：https://github.com/typicaljoe/taffydb

使用方法：


代码如下:

<script type="text/javascript" charset="utf-8" src="taffy-min.js"></script>

代码如下:

// 创建空白数据库
var db = TAFFY();
//创建包含一条数据的数据库
var db = TAFFY({record:1,text:"example"})
 //通过数组创建数据库,数组的元素为json格式的object(可多条)
var db = TAFFY([{record:1,text:"example"}])     
// 通过json格式字符串创建数据(可多条)   
var db = TAFFY('[{"record":1,"text":"example"}]')

查询数据：
首先构建一个数据库，以后的示例，都以这个数据库为准。


代码如下:

var db = TAFFY([//构建一个城市的数据库，字段分别代表 省份、城市名、邮政编码、排序
    { province:"北京", cityName:"北京", zipCode:"10001", orderNum:1},
    { province:"河北", cityName:"石家庄", zipCode:"10002", orderNum:2},
    { province:"河北", cityName:"保定", zipCode:"10003", orderNum:3},
    { province:"河北", cityName:"承德", zipCode:"10004", orderNum:4},
]);

1、根据字段值进行查询


代码如下:

var cities = db({province:"河北"});  //查询所有province 值为"河北"的数据，并返回TAFFY格式的object
//console.log这个函数，只要在有控制台的浏览器中，都可以用，比如火狐的firebug，还有谷歌浏览器的开发人员工具(按F12可呼出)
for(var i = 0; i< cities().count(); i++){
    //get()这个TAFFY的函数，可以将TAFFY的object数据转化为json格式
    console.log("城市名", cities().get()[i].cityName);
}
console.log("第一条数据为:", cities().first()); // first()这个函数可以返回json格式的第一条数据

2、根据条件查询 (具体条件请查阅 http://www.taffydb.com/writingqueries 的“Comparison Operators”小节


代码如下:

//单条件查询
//查询 排序大于 2 的所有数据
db({ orderNum:{'>':2}});
//范围查询
//查询排序大于2 并且 小于 4 的所有数据
db({ orderNum:{'>':2, '<':4}});
//多条件"与" 查询
//查询大于2，并且 小于4 ，并且 省份为 河北省 的数据
db({ orderNum:{'>':2, '<':4}, province:"河北"});
//多条件"或"查询
// 查询 排序  大于2 或者 小于 4 的数据
db({ orderNum:{'>':2}}, { orderNum : {'<':4}});
//指定数据内查询（where in）
// 查询 城市为  保定、石家庄 的数据
db({ cityName:['保定','石家庄']});

3、排序


代码如下:

//单条件排序
db().order("orderNum desc");    // 根据orderNum 倒序
db().order("orderNum"); //正序
//多字段排序
db().order("orderNum desc, zipCode asc"); //先按照orderNum倒序，然后按照 zipCode正序

4、计算


代码如下:

//求最大值
db().max("orderNum"); //得到orderNum的最大值，并返回
//求最小值
db().min("orderNum"); //得到最小的 orderNum
//求和
db().sum("orderNum"); //得到所有orderNum的和
//得到第一条数据
db().first();  //取第一条数据，并返回json格式
//得到最后一条数据
db().last(); //取最后一条，并返回json格式
//这个可以用来分页 哈哈
db().start(15).limit(20); //从第15条数据开始，往后取20条

5、内置函数查询，有些数据，需要在查询的时候，就做一些计算，稍显复杂，可以通过内置函数来查询


代码如下:

db().filter(function(){
    return this.cityName.length > 2;
});

添加数据


代码如下:

//添加一条数据
db.insert({province:"湖南", cityName:"长沙", zipCode:"10005", orderNum:5});

删除数据


代码如下:

//删除全部数据
db().remove();
//删除所有orderNum 大于5的数据
db({orderNum:{'>':5}}).remove();

修改数据


代码如下:

//将所有数据 的 orderNum修改为1
db().update({orderNum:1});

//将城市名为北京的 邮政编码修改为 100000
db({cityName:"北京"}).update({zipCode:"100000"})

//将所有的orderNum 都加1
db().update(function(){
    this.orderNum = this.orderNum + 1;
    return this;
});
/*
特别说明：在有的时候，增删查都没有问题，唯独修改的时候，会碰到报错：找不到字段
这应该是TAFFY的一个小bug，遇到这个情况，重新初始化一下就好，需要用到一个函数
stringify(),这个是将TAFFY DB 的所有数据，变成字符串，所以遇到这种情况，就可以这样做了：
*/
db = TAFFY(db().stringify()); //将内容重新初始化
db().update({column:value});

写到这里，我想这个简单的教程也就算是可以了，已经方便小菜们快速上手这个类库了。
当然，其中还有很多是我没有去提及，需要自己去查询的，比如模糊查询等等，更加复杂的操作。大家可以去项目的官方主页去看。（英文）

赞 (0)

相关推荐

  • java使用JSONObject实例

    一.引入jar包使用JSONObject必须引用JSON-lib.jar,同时它还依赖于其他包common-lang.jarcommon-beanuitls.jarcommon-collections.jarcommon-logging.jarezmorph.jar二.JSONObject对象使用JSON-lib包是一个java对象.xml.JSON互相转换的包.1.将Java对象转换成 json字符串 复制代码 代码如下: Person p1=new Person();p1.setName("

  • javascript实现json页面分页实例代码

    下午有个朋友问json 数据怎么分页 就捣鼓了一个东东出来 下面直接代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

  • javascript:json数据的页面绑定示例代码

    web开发中,如果需要将"服务端返回的json对象"绑定到"现有页面上的dom元素",传统赋值的方式太繁琐,写起来也很累(特别是json对象很大时),于是想出了下面的偷懒方法,不过有二个前提: 1.元素的id要与json对象中的属性命名一致2.json对象中的属性名,最好不要重复 复制代码 代码如下: <!doctype html><html><head><title>json对象遍历演示</title>&

  • java解析任意层数json字符串的方法

    复制代码 代码如下: //解析策略,有可能是解析json字符串,有可能为数据中的图片地址,email等package cc.util.regex; public enum RegexPolicy { Json("Json"), Image("ImageFromHtml"); private String value; RegexPolicy (String value) {  this.value = value; } @Override public String

  • java生成json数据示例

    java生成json数据示例

    JsonTools.java 复制代码 代码如下: package com.lihua.json.tools; import net.sf.json.JSONObject; public class JsonTools { public JsonTools() { } /**   * @param key   *            表示json字符串的头信息   * @param value   *            是对解析的集合的类型   * @return   */  //将数据转

  • JSON数据转换成Java对象的方法

    第一种方法,使用 JSON-lib .第二种方法,使用 JACKSON.前两种方法,对相对简单的Pojo 对象来说,还是比较容易的.但是相对于嵌套多层的数据来说,复杂度就直接上去了.第三种方法,使用GOOGLE 的Gson 来解决了.写过安卓的都知道,这东西,是Google出来的,最大的好处就是,基本不依赖其他的包.用起来自然很爽,取值方式非常灵活.对复杂的JSON 取值,基本统统搞定.在Gson 中分为两种概念.一个就是 JsonObject 和 JsonArray.具体的看代码 复制代码 代

  • java反射实现javabean转json实例代码

    ObjectToJson.java 复制代码 代码如下: package com.ObjectToJson; import java.lang.reflect.Field;import java.lang.reflect.InvocationTargetException;import java.lang.reflect.Method;import java.util.ArrayList;import java.util.Iterator; public class ObjectToJson {

  • javascript生成json数据简单示例分享

    复制代码 代码如下: //定义对象var finalInfo = new Object(); //为对象赋值finalInfo.purchaseInfoId = '';finalInfo.purchaseMethodType = '';finalInfo.contact = '';finalInfo.contactTel = '';finalInfo.bidInfoStr = '';//将对象转换为json格式var finalInfoStr = JSON.stringify(finalInfo

  • java 和 json 对象间转换

    1. json-lib是一个java类库,提供将Java对象,包括beans, maps, collections, java arrays and XML等转换成JSON,或者反向转换的功能. 2. json-lib 主页 : http://json-lib.sourceforge.net/ 3.执行环境 需要以下类库支持 commons-lang 2.5commons-beanutils 1.8.0commons-collections 3.2.1commons-logging 1.1.1e

  • javascript打印输出json实例

    复制代码 代码如下: <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><

  • java json 省市级联实例代码

    复制代码 代码如下: //     获取国家省市区信息$(document).ready(function(){ //从程序获取json格式的数据var info = $request.getAttribute("manualOrderAreaInfo"); var provinceInfo = $("#provinceId");var cityId = $("#cityId"); //清空信息provinceInfo.empty(); //循环

  • JavaScript Ajax Json实现上下级下拉框联动效果实例代码

    最近尝试做出一个部门和人员的下拉框联动功能,部门和人员的对应关系是1:N 复制代码 代码如下: <div class="forntName">部门</div> <div class="inpBox"> <select  name="department" id="department"  onchange="change();" style="width:

  • java对象序列化与反序列化的默认格式和json格式使用示例

    默认格式 复制代码 代码如下: public class MyClass implements Serializable{...} 序列化: 复制代码 代码如下: ObjectOutputStream output = new ObjectOutputStream(new FileOutputStream(outputPath)); output.writeObject(myObject); 反序列化: 复制代码 代码如下: ObjectInputStream input = new Objec

  • java的json解析类库使用示例

    开源项目主页:https://github.com/dongfangshangren/Zson 复制代码 代码如下: import java.util.List;import java.util.ArrayList;import java.lang.reflect.Type;import org.zson.JsonSerializer;import org.zson.TypeReference;import org.zson.JsonDeserializer; import test.bean.

  • javascript仿php的print_r函数输出json数据

    复制代码 代码如下: //theOb(json数据) function print_r(theObj) { var retStr = ''; if (typeof theObj == 'object') { retStr += '<div style="font-family:Tahoma; font-size:7pt;">'; for (var p in theObj) { if (typeof theObj[p] == 'object') { retStr += '&l

  • java与javascript之间json格式数据互转介绍

    javascript中对象与字符串的互转 对象转为字符串:通过JSON.encode方法,这个是json.js里面的方法,引入到当前文件就可以了. 字符串转换为对象:①使用JSON.decode方法,同上,引入js就可以了.②jQuery中有个方法,$.parseJson也可以实现. java中json字符串与对象的互转 对象转换为字符串:在struts2-json-plugin.jar中有个JsonUtil.serial方法.也可以自己自由定制,通过字符串拼接的方式实现,json字符串的属性一

  • java使用淘宝API读写json实现手机归属地查询功能代码

    一般查询手机归属地内容应该很好用json格式保存,在网上找到了淘宝的归属地API,并下了处理json相关的jar包,做了这个手机归属地查询功能 复制代码 代码如下: package com.think.java; import java.io.BufferedReader;import java.io.InputStream;import java.io.InputStreamReader;import java.net.MalformedURLException;import java.net

  • 对Java中JSON解析器的一些见解

    最近在研究JSON,Java中有很多处理JSON的类库,lib-json.sf-json.fastjson还有Jackson Json.第一个就不说了,性能和功能都没有什么亮点. sf-json最大的优点就是随机读取方便.代码很简单: JSONObject json= JSONObject.fromObject(str); 然后读取字段内容: json.getString或者getInt之类的.但是工作效率有待商榷,而且容易出错. 另外sf-json还有个优点就是自动使用unicode编码,当内

随机推荐