使用爱码哥之后的心得
自从去年10月份开始接触爱码哥这个平台,简单谈谈期间使用的一些心得,其中只是个人理解.
开始接触是交大的老师请来企业的员工来给讲的.算是笼统介绍个大概,一开始感觉挺有意思,用xml和js就能写界面了.学了大概10多天吧,决定去公司更加深入的学习.来了之后学的不错.可以制作一些简单的模板.在写代码的过程中也会经常遇到一些bug.不过经过同事的讲解,也明白了不会的东西还有很多,学习真的是件苦差事,但是还好起码自己有收获.简单介绍下这个平台.采用XML+Javascript(配置+脚本)的开发方式，并内置了开发框架，开发过程类似于web开发，不过开发iMAG应用远比开发web简单。不同于web开发框架的杂乱状况，爱码哥中使用统一的一体化框架进行开发，有效缩短了开发周期，同时也保证了开发的应用的品质。能自动适配不同平台不同屏幕分辨率的设备，只用开发一次，在Anroid和iOS设备上都能运行，大幅降低开发成本。最主要的是支持在线开发,不用下载ide和什么sdk的.非常方便..下面上界面和代码
<?xml version="1.0" encoding="utf-8"?>
<imag>
<script>
<![CDATA[
function loadItem(){
var listJson = {items:[]};
$http.get('http://www.imagapp.com/ide/imag-hzx017/data/commodityList.json',function(data){
var jsonData = JSON.parse(data);
for(var i = 0;i<jsonData.data.length;i++){
var itemJson = {
template:0,
widgets:{
icon:{src:jsonData.data[i].image},
title:{text:jsonData.data[i].name},
price:{text:jsonData.data[i].price}
}
}
listJson.items.push(itemJson);
}
$('reuselist').update(listJson);
});
}
$page.onload = function(){
loadItem();
}
]]>
</script>
<page type="home">
<tabs>
<tab icon="tabbar_home_normal.png,tabbar_home_selected.png">
<title>
<center>
<label>茶礼品</label>
</center>
<right>
<icon src="icon_nav_right_fenlei.png" onclick="$page.refresh()" style="width:20;margin-right:10"></icon>
<icon src="icon_nav_right_refresh.png" onclick="$page.refresh()" style="width:20"></icon>
</right>
</title>
<header style="height:25%">
<slideimage style="height:200" fillwidth="true">
<item src="http://182.92.189.101/images/commodity/broadcastImg1.jpg" alt="商城茶叶原产地，风光迷人"/>
<item src="http://182.92.189.101/images/commodity/broadcastImg2.jpg" alt="明前茶采摘, 片片青翠欲滴"/>
<item src="http://182.92.189.101/images/commodity/broadcastImg3.jpg" alt="台湾名茶，送礼佳品"/>
</slideimage>
<row>
<icon src="icon_hand.png"></icon>
<label style="font-size:18;margin-left:10">推荐商品</label>
<icon src="icon_small_right_arrow.png" style="margin-left:255"></icon>
</row>
</header>
<content draggable="true">
<list id="reuselist" reuse="true">
<item>
<col onclick="$page.open('shopping.xml')">
<row>
<img style="width:100;height:100" reusekey="icon"/>
</row>
<row>
<label reusekey="title"></label>
</row>
<row>
<label reusekey="price"></label>
</row>
</col>
<col>
<row>
<img style="width:100;height:100" reusekey="icon1"/>
</row>
<row>
<label reusekey="title1"></label>
</row>
<row>
<label reusekey="price1"></label>
</row>
</col>
</item>
</list>
</content>
</tab>
<tab icon="tabbar_list_normal.png,tabbar_list_selected.png" style="label-color:#999999,#46c01b">
<title>
<center>
<label>分类</label>
</center>
<right><button onclick="$page.refresh();">刷新</button></right>
</title>
</tab>
<tab badge="5" icon="tabbar_cart_normal.png,tabbar_cart_selected.png" style="label-color:#999999,#46c01b">
<title>
<center>
<label>购物车</label>
</center>
<right>
<icon src="icon_nav_right_home.png" onclick="$page.open('index.xml')" style="margin-right:10"></icon>
<icon src="icon_nav_right_cart.png" onclick="$page.refresh()" badge="5"></icon>
</right>
</title>
<list id="list" reuse="true">
<item>
<col>
<row>
</row>
</col>
</item>
</list>
</tab>
<tab icon="tabbar_me_normal.png,tabbar_me_selected.png" style="label-color:#999999,#46c01b">
<title>
<center>
<label>我的</label>
</center>
<right><button onclick="$page.refresh();">刷新</button></right>
</title>
</tab>
</tabs>
</page>
</imag>
这是一个小Demo.第一次写博客,也不知道怎么上传代码.大家凑活看吧