使用愛碼哥之后的心得

自從去年10月份開始接觸愛碼哥這個(gè)平臺(tái),簡單談?wù)勂陂g使用的一些心得,其中只是個(gè)人理解.

開始接觸是交大的老師請來企業(yè)的員工來給講的.算是籠統(tǒng)介紹個(gè)大概,一開始感覺挺有意思,用xml和js就能寫界面了.學(xué)了大概10多天吧,決定去公司更加深入的學(xué)習(xí).來了之后學(xué)的不錯(cuò).可以制作一些簡單的模板.在寫代碼的過程中也會(huì)經(jīng)常遇到一些bug.不過經(jīng)過同事的講解,也明白了不會(huì)的東西還有很多,學(xué)習(xí)真的是件苦差事,但是還好起碼自己有收獲.簡單介紹下這個(gè)平臺(tái).采用XML+Javascript(配置+腳本)的開發(fā)方式，并內(nèi)置了開發(fā)框架，開發(fā)過程類似于web開發(fā)，不過開發(fā)iMAG應(yīng)用遠(yuǎn)比開發(fā)web簡單。不同于web開發(fā)框架的雜亂狀況，愛碼哥中使用統(tǒng)一的一體化框架進(jìn)行開發(fā)，有效縮短了開發(fā)周期，同時(shí)也保證了開發(fā)的應(yīng)用的品質(zhì)。能自動(dòng)適配不同平臺(tái)不同屏幕分辨率的設(shè)備，只用開發(fā)一次，在Anroid和iOS設(shè)備上都能運(yùn)行，大幅降低開發(fā)成本。最主要的是支持在線開發(fā),不用下載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="商城茶葉原產(chǎn)地，風(fēng)光迷人"/>

<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="臺(tái)灣名茶，送禮佳品"/>

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

這是一個(gè)小Demo.第一次寫博客,也不知道怎么上傳代碼.大家湊活看吧