UDN-企业互联网技术人气社区

板块导航

浏览  : 11155
回复  : 37

[移动平台] 手把手教你学会iUAP Mobile开发

[复制链接]
Bridget的头像 楼主
发表于 2015-7-7 14:47:30 | 显示全部楼层 |阅读模式
本帖最后由 Bridget 于 2015-7-7 14:56 编辑

一、非常重要的几个信息
1、文档中心、开发工具下载中心、在线视频学习、问题反馈,资料获取,请访问:http://mobile.yyuap.com

2QQ技术交流群:4263505226群)

3UAP Mobile微信关注:
二维码.PNG

我们会通过微信发布一些重要信息,比如新版本发布时间、培训预告、技术动态等。

4UAP Mobile开发平台是UAPMobile产品家族的一个成员,还有EMMApp storeMAServer、消息推送、IM等子产品,是针对移动领域的一个完整的一体化解决方案。

5UAP Mobile支持跨平台产品开发,一套代码交叉编译成不同平台语言(IOSAndroid等),可开发100%原生的应用,追求最好的体验与性能。
UAPMobile支持NativeHybridHtml5 App的开发,支持微信开发。

重要的小提示:开发工具安装路径中不允许出现中文!
正确的路径:C,D:\tools\uapstudio
错误的路径:C,D:\工具\uapstudio

如何新建一个移动项目,请参见:
http://mobile.yyuap.com/html/instruction.jsp

本文作为补充,主要罗列开发学习过程中需要掌握的重要知识点。开始之前,请先访问下边的连接,一些小技巧:
http://mobile.yyuap.com/static/quest.html

二、重要的几个知识点
1、为控件定义一个JS方法
2种方式:
第一种:双击设计器上已经拖上去的控件,比如一个按钮,会自动生成这个按钮的点击的事件方法。
第二种:设计器上,点选某个控件,属性栏里点选“动作”页签,点击“增加”按钮,在弹出的框里:选择一个事件, handler 里填写:this.方法名字(),比如: this.myfunc() 。也可以不写this.

2、页面导航
$view.open
示例:

http://mobile.yyuap.com/html/instruction.jsp
View 文档中包含如何导航到一个页面,包括如何定义导航过程中的过场动画
1-1.PNG

3、页面上的数据绑定与数据收集
$ctx 可视为当前页面的viewmodel,如下例子中的name字段,可绑定到界面上的一个输入控件。那么,当执行 $ctx.dataCollect(),会把界面上输入的内容收集到$ctx中;当执行$ctx.dataBind(),会把$ctx中的数据填充到界面上。
例子:
$ctx.put("name","张三");
$ctx.put("age","26");
$ctx.dataBind();//执行界面控件与数据绑定:
上边的3行代码等同于下边2行代码:
var viewdata = {"name":"张三","age":"26"};
$ctx.push(viewdata);
另,$ctx.push可以有2个参数:$ctx.push(jsondata,isdatabind);如果isdatabind等于false,则只是把数据放入$ctx,不做界面数据绑定。

4、页面间数据传递
http://mobile.yyuap.com/html/instruction.jsp
多页面开发
1-2.PNG

5、服务器访问
服务器访问支持四种情况:
1、  访问UAP MobileStudio内置服务器,不需任何配置。
2、  访问标准版移动服务器,需要下载(文档中心),不需任何额外配置
3、  访问企业版移动服务器(需授权购买)
企业版服务器支持大并发、可集群、高安全、高可用。。。
4、  访问任意自备服务器

  本文只介绍标准版服务器与自备服务器的访问。

标准版服务器访问:
1-3.PNG

自备服务器访问:
           http://mobile.yyuap.com/html/instruction.jsp
1-4.PNG
            

三、重要的几个JS  API

1$id
对控件编程。$id等同于$document.getElementById,获取界面上的某个控件。
示例:
$id("button0").set("value","click me");  //为按钮button0设置显示文字为:clickme.

2$ctx
对数据编程。可视为当前页面对应的viewmodel

http://mobile.yyuap.com/html/instruction.jsp
API à ctx

3$view
http://mobile.yyuap.com/html/instruction.jsp
API à view

4$alert
界面上弹出一个消息框。自动转换object为字符串。
语法:
$alert(“轻松学会UAPMobile!”);
另,
var json={a:”v1”,b:”v2”};
$alert(json);
界面上会弹出{a:”v1”,b:”v2”},而不是一个object

5$service
http://mobile.yyuap.com/html/instruction.jsp
API àservice

四、重要的几个控件自由布局容器

HBox布局与VBox布局

导航栏

工具栏

列表
http://mobile.yyuap.com/html/instruction.jsp
开发指导à列表控件专题

抽屉
1-5.PNG

多页容器(fliper控件)
http://mobile.yyuap.com/html/instruction.jsp
开发指导àfliper控件专题

五、重要的几个设备调用服务
设备访问一定要记得的事情:当应用中使用了下面列表里的对象,需要手工勾上它。平台会自动加载对应的组件。否则应用会异常,异常会记入uaplog,可以下载相关端工具查看日志。
1-6.PNG

二维码

相机

摇一摇

地理位置获取

六、学会排错

开发工具环境出错:
         错误日志:输出错误信息
         控制台: 输出操作日志、异常信息
         如何打开错误日志与控制台?

运行环境出错:
         运行态程序崩溃了,怎么办?
         Logcat

启动调试
Logcat:
            学会使用关键字过滤:tag:uap
1-7.PNG

七、常见错误
1、手机连不上PC
问题现象:控制台输出如下信息:No any Simulator or device to be running....
问题解决:拔插一次手机与电脑的连接线,如果仍旧连接不上,请按下列步骤:
     1、  检查手机是否启用了 USB接口调试,请启动
     2、  Pc上使用360驱动大师检查手机驱动是否已经安装,安装好驱动
     3、  重新拔插一次连线

2、服务器访问无返回数据
         在回调方法中添加2个参数,err_code是错误代码,err_msg是错误信息
         $service.callAction({
       "viewid" : "yyuap.com.Controller",//后台带包名的Controller
       "action" : "getData",//方法名,
       "params" :{a:1,b:2},//自定义参数
       "callback" : "bindtable()",//请求回来后执行的ActionID
       "error" : "errorDataget()"//失败回调的ActionId
    });
    function bindtable(sender,args){
    //var result =$ctx.getJSONObject().result;
    $ctx.dataBind();
    }
    function errorDataget(sender,args){
        //$alert(args.err_code);
        $alert(args.err_msg);
    }

3
不要轻易使用px
拖到界面上,发现控件不见了,怎么办?




相关帖子

发表于 2015-7-7 19:58:56 | 显示全部楼层
使用道具 举报

回复

Bridget的头像 楼主
发表于 2015-7-8 08:54:30 | 显示全部楼层
使用道具 举报

回复

发表于 2015-7-8 11:19:45 | 显示全部楼层
赞一个,这样的帖子越多越好,内容纵深更好~
使用道具 举报

回复

发表于 2015-7-8 21:45:39 | 显示全部楼层
这么好的帖为什么不置顶  怎么做老大的@benbenxiong
使用道具 举报

回复

发表于 2015-7-9 11:17:23 | 显示全部楼层
丁浩真 发表于 2015-7-8 21:45
这么好的帖为什么不置顶  怎么做老大的@benbenxiong

才发现这么好的帖子,多谢提醒,赶紧置顶了
使用道具 举报

回复

发表于 2015-7-10 18:06:31 | 显示全部楼层
好帖路过就得顶,就得经常上首页
使用道具 举报

回复

发表于 2015-7-11 09:21:29 | 显示全部楼层
顶  
使用道具 举报

回复

发表于 2015-7-12 20:53:38 | 显示全部楼层
使用道具 举报

回复

发表于 2015-7-12 23:49:48 | 显示全部楼层
好贴必须顶起来呀~
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部