Commit 1a5d7e03 authored by JingChao's avatar JingChao

Updates 车租易APP开发.md

Auto commit by GitBook Editor
parent 37e2f899
## 一、前端开发规范
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. 在此举例主页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页面
** 路由名称不能从复**
* 2.0 使用`tab-applications` 的view,使用`applicationModule` modele
* 3.0 定义`projectCreateCtrl` controller
**统一应用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. 在此举例主页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页面
** 路由名称不能从复**
* 2.0 使用`tab-applications` 的view,使用`applicationModule` modele
* 3.0 定义`projectCreateCtrl` controller,命名规范参考
**统一应用controller不能从复**
......@@ -28,7 +28,7 @@
* ### IV. 前端页面开发
* [4.1 前端开发说明](/前端开发/ionic-instruction.md)
* [4.1 前端开发说明](/ionic/ionic-instruction.md)
* 4.2 字段级通用方法
* 4.3 窗口级通用方法
* 4.4 锁屏和解屏通用方法
......
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