tags : Web HTML5 JavaScript mvc
- **AngularJS:**是一款专为web应用开发打造的开源JS框架,由Google创建并进行维护.
- **jt-mobile-kit:**是一个gem包,也就是由Ruby代码编写的一款类似系统插件的功能包.它集成了Android,Ruby on Rails,AngularJS三种开发框架于一体,可以一步到位的初始化一个轻量级app+server结构的工程.
- Other gem: Bundler, Rwebserver,
- 主要语言:
JavaScript.
#js
function say_hi(){
alert("Hello earth.")
}- 拟定提纲
- lesson-1:初始化anguarjs工程
- 安装 jt-mobile-kit Bundler Rwebserver
- jt新建工程(等待bundler)
- github新建代码库()
- 本地工程与github连接
- rubymine打开工程
- lesson-2:工程结构介绍
- rvm gemset介绍
- 了解结构(app:用来生成apk(无需细致了解) server:用来开发移动端应用的服务器(无需细致了解) www:移动端应用开发 今后主要的开发路径(angularjs领域))
- lesson-3:页面显示
- 熟悉www下mvc结构 V:haml C:Controller M:**.js
- 路由配置:routes.js
- 显示两个简单页面
- lesson-4:haml格式 引入文件
- haml与html语法(转换注意事项:层级缩进 #.符号替代 多内容换行 div省略)
- jt命令 gen mdclean mdbuild 及操作目的
- index.haml 引入css(bootstrap) js文件的规范 自动引入文件的机制
- lesson-5:angularjs应用
-
angular语法介绍 绑定($scope) 迭代(ng-repeat) 其他(ng-show ng-switch) 页面跳转($navigate) 本地存储(localstorage) JSON数据格式的操作
-
页面跳转
-
在Chrome上显示 起服务器(Rwebserver) 调试工具(console)
-
手机应用打包
-
app/下 $ant debug
-
修改 build.xml
-
修改 sdk-version 文件
-
链接手机 $lsusb $adb devices 修改配置文件
-
adb install **.apk
-
github的clone branch应用
-
Cordova 收发短信接口
-