1. 安装Node.JS 4.X
2. 安装Python2.7
并在Path中添加D:\Program Files\Python2.7;D:\Program Files\Python2.7\Scripts;
3. 使用淘宝提供的cnpm:
npm install -g cnpm--registry=https://registry.npm.taobao.org
4. 使用命令行安装cordova 和 ionic
cnpm install -g cordova ionic
5. 通过Ionic创建一个项目
使用Ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个Ionic应用。
ionic start myApp tabs
6. 运行我们刚才创建的Ionic项目
使用Ionic tool 创建 ,测试,运行你的apps(或者通过Cordova直接创建),如果要创建android应用,把右侧创建代码中的ios改为android
$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios
ionic run android
7. 更新ionic等
a) 更新cordova及ionic包
npm update -g cordova ionic
b) 更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:
ionic lib update
8. 展现ionic项目结果(显示在ios和android上的样式)
ionic serve --lab
9. 查看ionic版本(当前最新版本为1.2.13)
ionic -v
安装ionic 以及 cordova 环境配置详细过程,(错误解决)
http://www.ithao123.cn/content-8288338.html
ionic开发的几个小坑
http://feifei.im/archives/276
Angular showcase!
http://showcase.ngnice.com/#/tree/checkbox
1. 解压redis-latest.zip
2. 启动redis server
运行redis-server.exe
1. 下载sales_app
2. 运行mvn install
3. 进入sales_web
4. 运行sales_web
mvn clean jetty:run -DskipTests=true –Pdev
1. 进入mobile_app
运行ionic serve –lab
mobile_app使用IONIC框架,IONIC是一个Html5移动App开发框架
参考网站http://www.ionic.wang/
目录结构如下:
mobile_app\www\templates\下面是我们需要开发的页面模板View
mobile_app\www\js\下面是对应的js代码
app.js
APP设置
// Ionic uses AngularUI Router which uses the concept of states
//Learn more here: https://github.com/angular-ui/ui-router
//Set up the various states which the app can be in.
//Each state's controller can be found in controllers.js
Controller.js
控制层,针对每个view都会有一个对应的Controller,在每个Controller中有对应的方法来处理页面事件
注意,除了登录,重置密码,注册等都需要提供验证TOKEN,TOKEN在登录成功之后会保存到$rootScope.CurrentUser.token中
$http({method: "POST",
url:serverUrl+'auth/changeAccountInfo',
data:{"phone":"jerrydsad","emergencyContactName":"pwddsadsa"},
headers:{"TOKEN": $rootScope.CurrentUser.token}
}).success(function(data, status) {
alert($rootScope.CurrentUser.token+JSON.stringify(data));
if(data.resultCode=="100"){
$state.go('tab.apply');
}
else{
$state.go('signin');
}).error(function(data, status) {
user.loginFailed="系统繁忙请稍候再试!"
});
sales_web使用SpringMVC+MyBATIS,SpringMVC提供JSON接口
sales_web已经添加了AuthorizationFilter,通过检查URI:/auth/* 所有HTTP header中的TOKEN来判断请求是否来自于是已认证的登录用户