前端和其他

移动第2课 安装Sencha touch

日期:2014-02-16 阅读:5407

dmandwp系统 - wordpress系统和DM系统区块建站>>

说起Sencha Touch,就得先说下ExtJS,ExtJS是由JavaScript编写的Ajax框架。

Sencha Touch框架 是将现有的ExtJS整合JQTouch、Raphaël库而产生,该框架是世界上第一个基于HTML5的Mobile App框架。同时,ExtJS更名为Sencha,JQTouch的创始人David Kaneda,以及Raphaël的创始人也已加盟Sencha团队。

Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的 WEB标准,全面兼容Android和Apple iOS设备。

在Tvdrupal视频,只讲下Sencha touch的安装。具体使用请大家网上找些资源。

sencha touch : http://www.sencha.com/

文档: http://docs.sencha.com/

http://docs.sencha.com/touch

一些命令:
查看版本:$ sencha
先转到当前的目录 cd /path/to/www/myapp(dos写法,网上找些资料了解下dos)
创建项目: sencha generate app MyApp /path/to/www/myapp
sencha app build testing
sencha app build production

-------------

其他的移动框架:
jquery mobile http://jquerymobile.com/
百度的GMU http://gmu.baidu.com/ 百度的GMU是基于zepto( http://zeptojs.com/ )的mobile UI组件库,提供webapp、pad端简单易用的UI组件!

----------------------

一些源代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>index.html文件示例</title>
    <link rel="stylesheet" href="../../touch231/resources/css/sencha-touch.css"     type="text/css">
    <script type="text/javascript" src="../../touch231/sencha-touch-debug.js">    </script>
    <script type="text/javascript" src="app.js"></script>
</head>
<body>文件示例</body>
</html>

---------

Ext.application({
    name: 'MyApp',
    launch: function() {
        alert('Sencha Touch 2框架已被加载');
    }
});

 

---------------------

 

 

<<点击返回

Drupal7视频教程 Drupal7主题 Drupal7最新文档 Drupal7推荐文档
  • 暂无内容!
  • 暂无内容!