Skip to content

A
app
Commit 0876fd8c authored by JingChao's avatar JingChao
Browse files
Options

Track 1 files into repository. 

- modified ionic/ionic-instruction.md

Auto commit by GitBook Editor
parent 63129127
Hide whitespace changes
Inline Side-by-side
Showing with 145 additions and 145 deletions
ionic/ionic-instruction.md
View file @ 0876fd8c
## 一、前端开发说明
1. 所有的项目文件必须采用UTF-8编码，IDEA及Eclipse需要手动设置项目编码以及编译编码。
- Eclipse中修改项目编码的方法参考：[Eclipse修改编码方法](http://jingyan.baidu.com/article/647f0115b0c9887f2148a822.html)
- IDEA中修改项目编码的方法参考：[IDEA修改编码方法](http://jingyan.baidu.com/article/948f5924e4de57d80ff5f998.html])
2. 前端开发采用Angular的MVC模式,项目中预设了一些`module`每个`module`的作用在此简单说明(原则上不允许项目组进行更改)
```javascript
var applicationModule = angular.module('applicationModule',[]);
var chartsModule = angular.module('chartsModule',[]);
var toolsModule = angular.module('toolsModule',[]);
var myInfoModule = angular.module('myInfoModule',[]);
var workflowModule = angular.module('workflowModule',[]);
var derectiveModule = angular.module('derectiveModule',[]);
var tabModule = angular.module('tabModule',[]);
var loginModule = angular.module('loginModule',[]);
var utilModule = angular.module('utilModule',[]);
var JPushServiceModule = angular.module('JPushServiceModule',[]);
```
* `applicationModule`是主页tab各个功能使用的module
* `chartsModule`是报表tab使用的module
* `toolsModule`是工具tab使用的module
* `myInfoModule`是我的tab使用的module
* `tabModule`是tab使用的module
* `loginModule`是登录页面的使用的module
* `utilModule`是各个工具js的module
3. 项目中预设4个view分别为`tab-applications`,`tab-charts`,`tab-tools`,`tab-myInfo`
* `tab-applications`是主页tab各个功能使用的view
* `tab-charts`是报表tab功能使用的view
* `tab-tools`是工具tab使用的view
* `tab-myInfo`是我的tab使用的view
4. js文件书写规范
* `Angular`采用依赖注入模式，`js`中需要使用那些服务注入哪些，多余的不要注入。
```javascript
.controller('contractMaintenCtrl', contractMaintenCtrl);
contractMaintenCtrl.$injet = ['$state', 'baseConfig', '$ionicScrollDelegate', 'hlsHttp',
'hlsPopup', '$stateParams', '$ionicModal', '$scope', '$cordovaCamera', '$cordovaImagePicker', '$ionicActionSheet'];
```
* 采用`this`关键字代替`$scope`关键字(运行效率问题),一般使用以下形式代替
```javascript
var vm = this;
vm.slideindex = 0;
vm.con = {};
vm.selectDebitBank = selectDebitBank;
vm.selectEbankAccount = selectEbankAccount;
```
4. 在此举例主页tab申请创建功能
```javascript
angular.module('starter')
.config(['$stateProvider',
function ($stateProvider) {
$stateProvider
.state('tab.project-create', {
url: '/project-create',
views: {
"tab-applications": {
templateUrl: 'build/pages/applications/project-create/project-create.html',
controller: 'projectCreateCtrl as pCreat'
}
}
})
}]);
angular.module('applicationModule')
.controller('projectCreateCtrl', projectCreateCtrl);
projectCreateCtrl.$injet = ['$state', '$scope', '$ionicModal', 'baseConfig', 'hlsHttp',
'hlsPopup','$stateParams'];
function projectCreateCtrl($state, $scope, $ionicModal, baseConfig, hlsHttp,
hlsPopup,$stateParams) {
var vm = this;
```
* 1.0 注册此页面的路由,路由指向project-contract.html页面,增加`projectCreateCtrl`取别名为`pCreat`
** 路由名称不能从复**
* 2.0 使用`tab-applications` 的view，使用`applicationModule` modele
* 3.0 定义`projectCreateCtrl` controller,命名规范参考[前端开发规范](/ionic/ionic-code-style.md)
**同一应用controller不能从复**
## 一、前端开发说明
1. 所有的项目文件必须采用UTF-8编码，IDEA及Eclipse需要手动设置项目编码以及编译编码。
- Eclipse中修改项目编码的方法参考：[Eclipse修改编码方法](http://jingyan.baidu.com/article/647f0115b0c9887f2148a822.html)
- IDEA中修改项目编码的方法参考：[IDEA修改编码方法](http://jingyan.baidu.com/article/948f5924e4de57d80ff5f998.html])
2. 前端开发采用Angular的MVC模式,项目中预设了一些`module`每个`module`的作用在此简单说明(原则上不允许项目组进行更改)
```javascript
var applicationModule = angular.module('applicationModule',[]);
var chartsModule = angular.module('chartsModule',[]);
var toolsModule = angular.module('toolsModule',[]);
var myInfoModule = angular.module('myInfoModule',[]);
var workflowModule = angular.module('workflowModule',[]);
var derectiveModule = angular.module('derectiveModule',[]);
var tabModule = angular.module('tabModule',[]);
var loginModule = angular.module('loginModule',[]);
var utilModule = angular.module('utilModule',[]);
var JPushServiceModule = angular.module('JPushServiceModule',[]);
```
* `applicationModule`是主页tab各个功能使用的module
* `chartsModule`是报表tab使用的module
* `toolsModule`是工具tab使用的module
* `myInfoModule`是我的tab使用的module
* `tabModule`是tab使用的module
* `loginModule`是登录页面的使用的module
* `utilModule`是各个工具js的module
3. 项目中预设4个view分别为`tab-applications`,`tab-charts`,`tab-tools`,`tab-myInfo`
* `tab-applications`是主页tab各个功能使用的view
* `tab-charts`是报表tab功能使用的view
* `tab-tools`是工具tab使用的view
* `tab-myInfo`是我的tab使用的view
4. js文件书写规范
* `Angular`采用依赖注入模式，`js`中需要使用那些服务注入哪些，多余的不要注入。
```javascript
.controller('contractMaintenCtrl', contractMaintenCtrl);
contractMaintenCtrl.$injet = ['$state', 'baseConfig', '$ionicScrollDelegate', 'hlsHttp',
'hlsPopup', '$stateParams', '$ionicModal', '$scope', '$cordovaCamera', '$cordovaImagePicker', '$ionicActionSheet'];
```
* 采用`this`关键字代替`$scope`关键字(运行效率问题),一般使用以下形式代替
```javascript
var vm = this;
vm.slideindex = 0;
vm.con = {};
vm.selectDebitBank = selectDebitBank;
vm.selectEbankAccount = selectEbankAccount;
```
4. 在此举例主页tab申请创建功能
```javascript
angular.module('starter')
.config(['$stateProvider',
function ($stateProvider) {
$stateProvider
.state('tab.project-create', {
url: '/project-create',
views: {
"tab-applications": {
templateUrl: 'build/pages/applications/project-create/project-create.html',
controller: 'projectCreateCtrl as pCreat'
}
}
})
}]);
angular.module('applicationModule')
.controller('projectCreateCtrl', projectCreateCtrl);
projectCreateCtrl.$injet = ['$state', '$scope', '$ionicModal', 'baseConfig', 'hlsHttp',
'hlsPopup','$stateParams'];
function projectCreateCtrl($state, $scope, $ionicModal, baseConfig, hlsHttp,
hlsPopup,$stateParams) {
var vm = this;
```
* 1.0 注册此页面的路由,路由指向project-contract.html页面,增加`projectCreateCtrl`取别名为`pCreat`
** 路由名称不能从复**
* 2.0 使用`tab-applications` 的view，使用`applicationModule` modele
* 3.0 定义`projectCreateCtrl` controller,命名规范参考[前端开发规范](/ionic/ionic-code-style.md)
**同一应用controller不能从复**
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment