自從去年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].p_w_picpath},
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()" ></icon>
<icon src="icon_nav_right_refresh.png" onclick="$page.refresh()" ></icon>
</right>
</title>
<header >
<slidep_w_picpath fillwidth="true">
<item src="http://182.92.189.101/p_w_picpaths/commodity/broadcastImg1.jpg" alt="商城茶葉原產地，風光迷人"/>
<item src="http://182.92.189.101/p_w_picpaths/commodity/broadcastImg2.jpg" alt="明前茶采摘, 片片青翠欲滴"/>
<item src="http://182.92.189.101/p_w_picpaths/commodity/broadcastImg3.jpg" alt="臺灣名茶，送禮佳品"/>
</slidep_w_picpath>
<row>
<icon src="icon_hand.png"></icon>
<label >推薦商品</label>
<icon src="icon_small_right_arrow.png" ></icon>
</row>
</header>
<content draggable="true">
<list id="reuselist" reuse="true">
<item>
<col onclick="$page.open('shopping.xml')">
<row>
<img reusekey="icon"/>
</row>
<row>
<label reusekey="title"></label>
</row>
<row>
<label reusekey="price"></label>
</row>
</col>
<col>
<row>
<img 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" >
<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" >
<title>
<center>
<label>購物車</label>
</center>
<right>
<icon src="icon_nav_right_home.png" onclick="$page.open('index.xml')" ></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" >
<title>
<center>
<label>我的</label>
</center>
<right><button onclick="$page.refresh();">刷新</button></right>
</title>
</tab>
</tabs>
</page>
</imag>
這是一個小Demo.第一次寫博客,也不知道怎么上傳代碼.大家湊活看吧
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
