appcan本地數據庫，uexDataBaseMgr插件

時間 2019-11-18
標籤 appcan 本地數據庫 uexdatabasemgr 插件欄目 SQL 简体版
原文原文鏈接
<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="infor_content/css/main.css">
    </head>
    <body class="um-vp bc-bg" ontouchstart>
        <div class="uinn">
            <div class="ub ubb b-c2 uinn8">
                <div class="t-9b ulev-1" style="min-width:5em;">
                    名稱
                </div>
                <div class="ub-f1 ulev-1" contenteditable="true" id="name">
                    XX
                </div>
            </div>
            <div class="ub ubb b-c2 uinn8">
                <div class="t-9b ulev-1" style="min-width:5em;">
                    ID碼
                </div>
                <div class="ub-f1 ulev-1" contenteditable="true" id="dartId">
                    XX
                </div>
            </div>
            <div class="ub ubb b-c2 uinn8">
                <div class="t-9b ulev-1" style="min-width:5em;">
                    單位
                </div>
                <div class="ub-f1 ulev-1" contenteditable="true" id="time">
                    XX
                </div>
            </div>
            <div class="ub ubb b-c2 uinn8">
                <div class="t-9b ulev-1" style="min-width:5em;">
                    廠家
                </div>
                <div class="ub-f1 ulev-1" contenteditable="true" id="type">
                    XX
                </div>
            </div>
        </div>
        <div style="top: 20%">
            <div  style="width:100%;bottom:4.5em;left:0;top: 2em;height: 15%;">
                <div class=""  style="float: left;width: 5%;text-align: center;height: 2.5em"></div>

                <div class=" ub ub-ac bc-text-head ub-pc bc-btn uc-a1"  style="float: left;width: 40%;background-color: #ccc;text-align: center;height: 2.5em"  id="scan">
                    取消
                </div>
                <div class=""  style="float: left;width: 10%;text-align: center;height: 2.5em"></div>

                <div class=" ub ub-ac bc-text-head ub-pc bc-btn uc-a1" style="float: left;width: 40%;background-color: #00868B;text-align: center;height: 2.5em"   id="submit">
                    提交
                </div>
                <div class=""  style="float: left;width: 5%;text-align: center;height: 2.5em"></div>

            </div>

        </div>
        </br>
        <div style="top: 20%">
            <div  style="width:100%;bottom:4.5em;left:0;top: 2em;height: 15%;">
                <div class=""  style="float: left;width: 5%;text-align: center;height: 2.5em"></div>

                <div class=" ub ub-ac bc-text-head ub-pc bc-btn uc-a1"  style="float: left;width: 40%;background-color: #ccc;text-align: center;height: 2.5em"  id="scan12">
                    取消
                </div>
                <div class=""  style="float: left;width: 10%;text-align: center;height: 2.5em"></div>

                <div class=" ub ub-ac bc-text-head ub-pc bc-btn uc-a1" style="float: left;width: 40%;background-color: #00868B;text-align: center;height: 2.5em"   id="submit12">
                    提交
                </div>
                <div class=""  style="float: left;width: 5%;text-align: center;height: 2.5em"></div>

            </div>

        </div>
        <div style="top: 20%">
            <div  style="width:100%;bottom:4.5em;left:0;top: 2em;height: 15%;">
                <div class=""  style="float: left;width: 5%;text-align: center;height: 2.5em"></div>

                <div class=" ub ub-ac bc-text-head ub-pc bc-btn uc-a1"  style="float: left;width: 40%;background-color: #ccc;text-align: center;height: 2.5em"  id="submit121">
                    取消
                </div>

            </div>

        </div>
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
        <script src="js/main.js"></script>
    </body>
    <script>
        appcan.ready(function() {
            appcan.initBounce();
        })

        appcan.button("#scan", "ani-act", function() {
            /*
             * 關閉數據庫
             */
            uexDataBaseMgr.closeDataBase("sub", 1);
            uexDataBaseMgr.cbCloseDataBase = cbCloseDataBase;
            function cbCloseDataBase(opId, dataType, data) {
                if (data == 0) {
                    alert("數據庫關閉成功!");
                    setTimeout(function() {
                        uescript('infor', 'backo()')
                    }, 1000);

                } else {
                    alert("數據庫關閉失敗!");
                }
            }

        })
        /*
         * 建表，打開數據庫
         */
        appcan.button("#submit", "ani-act", function() {
            uexDataBaseMgr.openDataBase("sub", 1);
            uexDataBaseMgr.transaction("sub", 1, inFunc2);
        });
        function inFunc2() {
            var sql = "CREATE TABLE subData (_id  INTEGER PRIMARY KEY,name TEXT,rfidCode INTEGER,type TEXT)";
            uexDataBaseMgr.executeSql("sub", 1, sql);
            uexDataBaseMgr.cbTransaction = cbTransaction1;
        }

        function cbTransaction1(opId, dataType, data) {
            if (data == 0) {
                alert("事務提交成功!");
            } else {
                alert("事務提交失敗!");
            }
        }

        /*
         * 添加數據
         */
        appcan.button("#scan12", "ani-act", function() {
            var sql = "INSERT INTO subData (name,rfidCode,type) values ('123',21212,'sede');";
            uexDataBaseMgr.executeSql("sub", 1, sql);
            uexDataBaseMgr.cbExecuteSql = cbExecuteSql;
        });
        function cbExecuteSql(opId, dataType, data) {
            if (data == 0) {
                alert("執行成功!");
            } else {
                alert("執行失敗!");
            }
        };
        /*
         * 查詢全部數據
         */
        appcan.button("#submit12", "ani-act", function() {
            var sql = "SELECT * FROM subData";
            uexDataBaseMgr.selectSql("sub", 1, sql);
            uexDataBaseMgr.cbSelectSql = cbSelectSql;
        });
        function cbSelectSql(opId, dataType, data) {
            var jsonList = eval("(" + data + ")");
            alert(jsonList.length)
            if (jsonList.length == 0) {
                alert("無數據");
            }
            for (var i = 0; i < jsonList.length; i++) {
                for (var key in jsonList[i]) {
                    alert("key:" + key + ",value:" + jsonList[i][key])
                }
            }
        };
        /*
         * 查詢單條數據
         */
        appcan.button("#submit121", "ani-act", function() {
            var sql = "SELECT * FROM subData WHERE _id = 1";
            uexDataBaseMgr.selectSql("sub", 1, sql);
            uexDataBaseMgr.cbSelectSql = cbSelectSql2;
        });
        function cbSelectSql2(opId, dataType, data) {
            var jsonList = eval("(" + data + ")");
            alert(jsonList.length)
            if (jsonList.length == 0) {
                alert("無數據");
            }
            for (var i = 0; i < jsonList.length; i++) {
                for (var key in jsonList[i]) {
                    alert("key:" + key + ",value:" + jsonList[i][key])
                }
            }
        };
    </script>
</html>