使用爱码哥之后的心得

自从去年10月份开始接触爱码哥这个平台,简单谈谈期间使用的一些心得,其中只是个人理解.


开始接触是交大的老师请来企业的员工来给讲的.算是笼统介绍个大概,一开始感觉挺有意思,用xml和js就能写界面了.学了大概10多天吧,决定去公司更加深入的学习.来了之后学的不错.可以制作一些简单的模板.在写代码的过程中也会经常遇到一些bug.不过经过同事的讲解,也明白了不会的东西还有很多,学习真的是件苦差事,但是还好起码自己有收获.简单介绍下这个平台.采用XML+Javascript(配置+脚本)的开发方式,并内置了开发框架,开发过程类似于web开发,不过开发iMAG应用远比开发web简单。不同于web开发框架的杂乱状况,爱码哥中使用统一的一体化框架进行开发,有效缩短了开发周期,同时也保证了开发的应用的品质。能自动适配不同平台不同屏幕分辨率的设备,只用开发一次,在AnroidiOS设备上都能运行,大幅降低开发成本。最主要的是支持在线开发,不用下载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.第一次写博客,也不知道怎么上传代码.大家凑活看吧

你可能感兴趣的:(网络,跨平台)