相信使用爱码哥的小伙伴们对原生控件已经很熟悉了,在app开发中,原生控件能够帮助开发人员完成一个个精美的页面,给app奠定一个好的基础。然而,完成这些美观的静态页面只是开发app的开始,页面的交互和调用程度、用户体验和流畅的性能才是app的重中之重。这些与脚本功能息息相关,比如界面数据都是来自数据库的动态数据,用户输入的数据能够以同步和异步的方式入库,这些都需要JavaScript脚本来完成。

下面我们一起学习iMAG客户端访问后台数据库的两种方式。

通过后台程序读取数据库数据,再用JSP(需要部署Java本地开发环境),ASP(需要部署.Net本地开发环境)等脚本输出iMAG标签,这种方式类似于动态网页。如:

<?xml version="1.0" encoding="utf-8"?>
<imag><page><title><center><label><%=title%></label></center></title><content><list><%for (int i = 0; i < items.length; i++) {%><item accessory="indicator" href="<%=items[i][0]%>"><label><%=items[i][1]%></label></item><%}%></list></content></page>
</imag>

上面的例子通过JSP输出iMAG页面,title和items都是来自数据库的数据。

另一种方式是通过 $http.get()和$http.post()方法来获取服务器端的数据,这种方式类似于Ajax。

<imag>  <script><![CDATA[$page.onload = function() {$http.get('http://www.imagapp.com/download/data/ajax_test.json', function(data) {var obj = JSON.parse(data);$('title').text = obj.title;var listXml = '<list>';for (var i = 0; i < obj.items.length; i++) {listXml += '<item  accessory="indicator" href="' + obj.items[i][0] + '">' +'<label>' + obj.items[i][1] + '</label>' +'</item>';}listXml += '</list>';$('data_list').update(listXml);});}]]></script><page><title><center><label id="title"></label></center></title><content><list id="data_list"></list></content></page>
</imag>

上面的例子通过http请求方式加载数据,obj.title和obj.items都是来自远程服务器的JSON数据。JSON数据可以在云平台的模拟数据中创建。

爱码哥邀你一起智造app!

访问后台数据库有多6,看看这里便知相关推荐

  1. 在ASP程序中访问Access数据库

    嵌入式培训教程 在基于微软IIS/PWS的网络平台上,通过服务器端运行的ASP程序来访问后台数据库,是一种最常见的模式了.而对于小型的数据库应用需求,微软的Access数据库,应该是与ASP程序配套使 ...

  2. 利用json+webservice实现android访问远程数据库,利用JSON+WebService实现Android访问远程数据库...

    2013年第9期SCIENCE&TECHNOLOGYINFORMATION ○IT论坛○科技信息 利用JSON+WebService实现Android访问远程数据库 黄淑静1杨红梅2 (1.山 ...

  3. 将数据写入数据库:打开数据库,建库建表,通过php访问后台服务器(连接服务器(三种),选择数据库,设置字符集:防止数据乱码),通过php对数据库进行:增,删,改,查,操作

    前端表单设计以后,需要把数据写入数据库 将数据写入数据库:         如果涉及php.sql,wamp服务器必须打开         wamp里面有一个专门,图形化的移动窗口:          ...

  4. 小程序访问idea后台数据库执行查询,登录,注册功能

    实现功能:小程序访问后台服务器实现通过ID查询数据并反馈,登录校验,注册添加数据功能 开发工具:微信开发工具,IDEA,Mysql 微信开发上的代码比较简单,先写Idea后台的, 上文件结构 从上至下 ...

  5. SpringBoot 实战 (八) | 使用 Spring Data JPA 访问 Mysql 数据库

    微信公众号:一个优秀的废人 如有问题或建议,请后台留言,我会尽力解决你的问题. 前言 如题,今天介绍 Spring Data JPA 的使用. 什么是 Spring Data JPA 在介绍 Spri ...

  6. mysql转openldap_用mysql作openldap的后台数据库

    Setting up OpenLDAP with MySQL backend 用mysql作后台数据库安装openldap author: TBONIUS OpenLDAP is an X.500 L ...

  7. php访问mysql数据库实验报告,php访问mysql数据库

    //建一个连接,造一个连接对象 $db = new MySQLi("localhost","root","123","mydb&q ...

  8. php访问数据库例子,PHP访问MSSQL数据库(实例代码)

    本例子只作为简单的引导,实现一个简单的查询: php中mssql数据库简单查询完整实例 //说明:测试的时候是连接的是远程的mssql数据库,没有在本机运行 //初始化mssql数据库连接,分别是 主 ...

  9. openldap范例数据库mysql_用mysql作openldap的后台数据库

    Setting up OpenLDAP with MySQL backend 用mysql作后台数据库安装openldap author: TBONIUS OpenLDAP is an X.500 L ...

最新文章

  1. AngularJS之Service(四)
  2. 全 球 最 老 金 鱼 病 逝
  3. jQuery的延迟对象
  4. Ext DeskTop的使用方法简易教程及相关例子Demo(转)
  5. Android 开发工具类 02_DensityUtils
  6. Java语言最新实用案例教程_Java 语言实用案例教程
  7. excel文件导入hive乱码_将excel中的数据导入hive
  8. 鸢尾花分类_基于鸢尾花(iris)数据集的逻辑回归分类实践
  9. 2021-2025年中国电动足部检查椅行业市场供需与战略研究报告
  10. 部署单台zookeeper
  11. 从编程角度阐述有限元最佳入门方法:以Abaqus 和OpenSees 为例
  12. SQP(序列二次规划中的Marotos效应)
  13. 什么是“系统空闲进程”,为什么使用那么多的CPU?
  14. 读书百客:《感遇·江南有丹橘》赏析
  15. Elasticsearch与Spring的集成
  16. 澳洲留学:说说在澳洲打工的那些苦与痛
  17. 鼠标指针在微信界面消失怎么办?
  18. python作图设置背景颜色_如何在matplotlib中设置绘图的外部背景颜色
  19. java凑数算法_求教一个有关“凑数”的算法
  20. 内联函数有什么优点?内联函数和宏定义的区别

热门文章

  1. 使用 Spark GraphX 实现 PageRank 算法
  2. JAVA栈(Stack)用法附实例讲解
  3. 谷歌浏览器连接超时_系统超时重试机制(OpenResty/Nginx)
  4. 勾三股四:用技术追寻世界的确定答案
  5. 微信小程序-动态获取appid
  6. HashSet子类依靠()方法区分重复元素
  7. CString 包含头文件
  8. GitLab-ce的汉化
  9. 京东App秒杀抢购流程接口分析
  10. konva系列教程4:图形属性