taffy.js 轻量级浏览器端数据库 插件


taffy.js 轻量级浏览器端数据库 插件

第一步引入bfwone

第二步执行插件代码

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["taffy-min"], function() {
                // Create DB and fill it with records
                var friends = TAFFY([{
                    "id": 1, "gender": "M", "first": "John", "last": "Smith", "city": "Seattle, WA", "status": "Active"
                },
                    {
                        "id": 2, "gender": "F", "first": "Kelly", "last": "Ruth", "city": "Dallas, TX", "status": "Active"
                    },
                    {
                        "id": 3, "gender": "M", "first": "Jeff", "last": "Stevenson", "city": "Washington, D.C.", "status": "Active"
                    },
                    {
                        "id": 4, "gender": "F", "first": "Jennifer", "last": "Gill", "city": "Seattle, WA", "status": "Active"
                    }]);
                // Find all the friends in Seattle
                friends({
                    city: "Seattle, WA"
                });

                // Find John Smith, by ID
                friends({
                    id: 1
                });

                // Find John Smith, by Name
                friends({
                    first: "John", last: "Smith"
                });

                // Kelly's record
                var kelly = friends({
                    id: 2
                }).first();

                // Kelly's last name
                var kellyslastname = kelly.last;

                // Get an array of record ids
                var cities = friends().select("id");

                // Get an array of distinct cities
                var cities = friends().distinct("city");

                // Apply a function to all the male friends
                friends({
                    gender: "M"
                }).each(function (r) {
                    alert(r.first + "!");
                });
                // Move John Smith to Las Vegas
                friends({
                    first: "John", last: "Smith"
                }).update({
                    city: "Las Vegas, NV:"
                });

                // Remove Jennifer Gill as a friend
                friends({
                    id: 4
                }).remove();

                // insert a new friend
                friends.insert({
                    "id": 5, "gender": "F", "first": "Jennifer", "last": "Gill", "city": "Seattle, WA", "status": "Active"
                });
            });
        });
    </script>
</head>
<body>
数据库操作
</body>
</html>

官方网址 http://taffydb.com/
立即下载taffy.js 查看所有js插件

网友评论0

程序员在线工具箱