Ionic开发Android环境搭建

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

 

redis开发环境搭建

1.      解压redis-latest.zip

2.      启动redis server

运行redis-server.exe

 

运行sales_web

1.      下载sales_app

2.      运行mvn install

3.      进入sales_web

4.      运行sales_web

mvn clean jetty:run -DskipTests=true –Pdev

 

模拟运行mobile_app

1.      进入mobile_app

运行ionic serve –lab

 

mobile_app开发指南

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开发指南

sales_web使用SpringMVC+MyBATIS，SpringMVC提供JSON接口

sales_web已经添加了AuthorizationFilter，通过检查URI:/auth/* 所有HTTP header中的TOKEN来判断请求是否来自于是已认证的登录用户