Commit 8301c908 authored by JingChao's avatar JingChao

Updates ionic/ionic-code-style.md

Auto commit by GitBook Editor
parent 98d09d3a
## 一、前端开发规范
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
* `myInfoModule`是我的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. 在此举例主页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;
```
* 注册此页面的路由,路由指向project-contract.html页面
**路由名称不能从复**
## 一、前端开发规范
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
* `myInfoModule`是我的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. 在此举例主页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;
```
* 注册此页面的路由,路由指向project-contract.html页面
**路由名称不能从复**
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