Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
A
app
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
hel-guide
app
Commits
98d09d3a
Commit
98d09d3a
authored
Aug 16, 2017
by
JingChao
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Track 1 files into repository.
- modified ionic/ionic-code-style.md Auto commit by GitBook Editor
parent
44d4f135
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
126 additions
and
126 deletions
+126
-126
ionic-code-style.md
ionic/ionic-code-style.md
+126
-126
No files found.
ionic/ionic-code-style.md
View file @
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页面
**路由名称不能从复**
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment