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>
</body>
</html>

实现效果：

注意：Chrome浏览器不支持本地保存cookie，要绑定IP或域名。所以要用IE11或者生成APK在手机上测试。

课程完整代码下载：01.zip

AQBox集成环境服务端解决方案

一套方案搞定Web网站/移动APP/物联网应用

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