AQBox+HTML5開發數據庫APP應用教程

HTML5是當前比較火爆的IT開發技術，可以用來做Web網頁也可以做APP應用。可以說是互聯網開發的萬金油技術，入門非常簡單容易上手，這正符合AQBox化繁為簡的理念，所以做了這個課程。希望學完這個課程，能讓你掌握開發一些簡單的數據庫APP應用。

事不拖，話不多，我們直接來開始操作：

1、下載AQBox APP中間件，網址../aqbox.html

2、第一節課，先來看下怎么實現用戶登錄功能？

啟動AQBox APP中間件，切換到接口模塊，查看注冊登陸接口。

第一步，獲取token值，保存到cookie中。

前端代碼：

<!doctype html>
<html lang="zh-cn">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8">
<title>第一課簡單的ajax get請求獲取token認證碼</title>
<style type="text/css">
input{margin-top:20px;padding:5px;}
#result{width:96%;margin-top:20px;background-color:#0CF;padding:5px;}
#result_json{width:96%;margin-top:20px;background-color:#1ED;padding:5px;word-wrap: break-word; word-break: normal;}
</style>
<script type="text/javascript" src="html/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="html/jquery.cookie.js"></script>
<script type="text/javascript">
function getAjax() {
    $.ajax({
        url: "http://192.168.0.105:9081/v1/user/login?db_name=AQBoxServer&user_name=admin&password=e10adc3949ba59abbe56e057f20f883e",
        dataType: "json",
        success: function(data) { //請求成功后的回調函數，data為返回的數據
            $.cookie('token_id', data.token);
            $("#result").html("token值："+data.token);
            var json = JSON.stringify(data);
            $("#result_json").html("返回json代碼："+json);
        }
    });
}
function rtoken() {
    alert($.cookie('token_id'))
}
</script>
</head>
<input type="button" value="登陸獲取Token" onclick="getAjax()" />
<div id="result">顯示返回token認證碼</div>
<div id="result_json">顯示返回的json代碼</div>
<input type="button" value="讀取Cookie" onclick="rtoken()" />
<body>

<a href="http://www.getmoorerealty.com/">日韩黄色网站在线观看</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>

實現效果：

注意：Chrome瀏覽器不支持本地保存cookie，要綁定IP或域名。所以要用IE11或者生成APK在手機上測試。

課程完整代碼下載：01.zip

AQBox集成環境服務端解決方案

一套方案搞定Web網站/移動APP/物聯網應用

第一步，獲取token值，保存到cookie中。