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
b8928cda
Commit
b8928cda
authored
Aug 17, 2017
by
JingChao
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Track 1 files into repository.
- modified ionic/ionic-instruction.md Auto commit by GitBook Editor
parent
9cd52a3f
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
133 additions
and
133 deletions
+133
-133
ionic-instruction.md
ionic/ionic-instruction.md
+133
-133
No files found.
ionic/ionic-instruction.md
View file @
b8928cda
## 一、前端开发说明
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-create.html页面
!
[](
/picture/ionic-controller.png
)
**路由名称不能从复**
*
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.
在此举例主页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-create.html页面
!
[](
/picture/ionic-controller.png
)
**路由名称不能从复**
*
2.0 使用
`tab-applications`
的view,使用
`applicationModule`
modele
*
3.0 定义
`projectCreateCtrl`
controller,命名规范参考
[
前端开发规范
](
/ionic/ionic-code-style.md
)
**同一应用controller不能从复**
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