Skip to content

A
app
Commit 34cb2840 authored by 宋帮潮's avatar 宋帮潮
Browse files
Options

Merge branch 'master' of https://hel.hand-china.com/hel-guide/app

parents 88912ebc ae902e5a
Hide whitespace changes
Inline Side-by-side
Showing with 182 additions and 209 deletions
APP环境搭建/node.md
View file @ 34cb2840
......@@ -34,7 +34,7 @@
**注:** *npm会从国外网站上下载资源，由于国内网络限制有些资源无法下载下来，我们采用淘宝的镜像解决此问题*
**运行`npm install -g cnpm registry=https://registry.npm.taobao.org`**
**运行`npm install -g cnpm --registry=https://registry.npm.taobao.org`**
此后的**npm**命令可以使用 **cnpm**代替
......
README.md
View file @ 34cb2840
# [车租易从这里开始](//车租易APP开发.md)
Git 中台地址 [https://hel.hand-china.com/app/hel-app-service.git](https://hel.hand-china.com/app/hel-app-service.git)
Git 前台地址 [http://hel.hand-china.com/app/hel-app-web.git](http://hel.hand-china.com/app/hel-app-web.git)
# [车租易从这里开始](/车租易APP开发.md)
Git 中台地址 [https://hel.hand-china.com/app/hel-app-service.git](https://hel.hand-china.com/app/hel-app-service.git)
Git 前台地址 [http://hel.hand-china.com/app/hel-app-web.git](http://hel.hand-china.com/app/hel-app-web.git)
ionic/app.md
View file @ 34cb2840
......@@ -2,34 +2,21 @@
# app目录介绍
app:.
```
├─config
├─img
│
├─lib
│
├─lib
├─pages
│ ├─applications
│ │
│ ├─applications
│ ├─charts
│ │
│ ├─login
│ │
│ ├─login
│ ├─myInfo
│ │
│ ├─tab
│ │
│ └─tools
│
├─scripts
│
│
├─scss
│
│
│ ├─tab
│ └─tools
├─scripts
├─scss
└─theme
---
```
* ### I. app\_子目录（列表）
* 1.1.config\_目录
......@@ -50,64 +37,29 @@ app:.
* ### II. app\_子目录（简介）
* 1.1.config\_目录
* 1.1.config\_目录
* `存放配置文件`
* `"devConfig.json(开发环境配置文件)`
* `"appID：app id名`
* `"debug": true,(是否能debug)`
* `"currentVersion": "1.1.22",(当前版本)`
* `"version": "1.1.22",(版本)`
* `"appEnvironment": "dev"(当前环境-测试)`
* `"cardPath":（名片全能王接口路径）`
* `"apiKey":（名片全能王接口apikey）`
* `"riskPath":(风暴接口路径)`
* `"isMobilePlatform":false,(是否是移动平台)`
* `"clearTable": true,(清除下方table)`
* `""rootPath":"https://hlsapp.hand-china.com/hmap_dev/"(app根路径)`
* `"basePath": "https://hlsapp.hand-china.com/hmap_dev/app?sysName=HLS_APP&apiName=",(app中台svc访问路径)`
* `"file_url":"http://hlsapp.hand-china.com/file/",(app文件访问路径)`
* 1.2.img\_目录
* `项目中图片的存放路径`
* 1.3.lib\_目录
* `项目自动生成`
* 1.4.pages\_目录
* `app前台页面html文件，和js文件`
* 1.5.scripts\_目录
* `项目所引用的js文件`
* 1.4.scss\_目录
* `项目的全局样式文件（scss文件）`
* 1.5.theme\_目录
* `项目页面的样式引入，例子：（@import "../pages/charts/contract-chart/con-chart-query";）`
# app目录介绍
---
* ### I. app\_子目录（列表）
* 1.1.config\_目录
* 1.2.img\_目录
* 1.3.lib\_目录
* 1.4.pages\_目录
* 1.5.scripts\_目录
* 1.4.scss\_目录
* 1.5.theme\_目录
---
* ### II. app\_子目录（简介）
* 1.1.config\_目录
* `存放配置文件`
* `prodConfig.json(正式环境配置文件，参考测试环境的配置属性)`
* 1.2.img\_目录
......@@ -131,8 +83,6 @@ app:.
* 1.5.theme\_目录
* `项目页面的样式引入，例子：（@import "../pages/tools/qiXin-bao/qiXin-detail/management-information/growth-process";）`
* `项目页面的样式引入，例子：（@import "../pages/charts/contract-chart/con-chart-query";）`
ionic/gulpfile.md
View file @ 34cb2840
......@@ -23,25 +23,3 @@
- `tiny-lr 自动刷新页面`
- `lazypipe 提出流中的公共部分`
# gulpfile.js文件介绍
---
* ### gulpfile.js_文件
- `gulp命令`
- `npm install gulp-jshint --save-dev jshint 安装失败问题: 解决方案: npm install --save-dev jshint gulp-jshint`
- `npm install gulp-sass --save-dev 编译sass文件`
- `npm install gulp-concat --save-dev 合并js`
- `npm install gulp-uglify --save-dev 通过UglifyJS来压缩JS文件. `
- `npm install gulp-rename --save-dev 重命名文件的插件，当要把一个文件存储为不同版本时可以使用。比如在需要一个style.css同时你有需要一个style.min.css`
- `npm install gulp-autoprefixer --save-dev 使用Autoprefixer来补全浏览器兼容的css。`
- `gulp-gzip 压缩zip`
- `gulp-imagemin 压缩png/jpg/git/svg 格式图片文件`
- `gulp-clean 清理档案`
ionic/ionic-instruction.md 0 → 100644
View file @ 34cb2840
## 一、前端开发说明
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`中需要使用那些服务注入哪些，多余的不要注入。
* 采用`this`关键字代替`$scope`关键字(运行效率问题),一般使用
```javascript
```
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,命名规范参考[前端开发规范](/ionic/ionic-code-style.md)
**同一应用controller不能从复**
ionic/platforms.md
View file @ 34cb2840
......@@ -7,35 +7,10 @@
* ### I. platforms_目录
* ### I. platforms
- `自动生成`
# platforms目录介绍
---
* ### I. platforms_目录
- `自动生成`
ionic/plugins.md
View file @ 34cb2840
......@@ -20,19 +20,6 @@
# plugins目录介绍
---
* ### I. plugins目录介绍
- 介绍： plugins 文件夹是项目中所要的插件。如 相机插件，极光推送 等等
......
ionic/svc.md
View file @ 34cb2840
......@@ -33,6 +33,8 @@ BM 文件 可以是一个查表语句，也可以是一个调用数据库存储
![](/picture/bm2.png)
* 2）fields 用来从bm传到svc，如图：
**注：**svc中的返回的字段名必须在fields中进行声明
![](/picture/bm3.png)
![](/picture/svc4.png)
......
车租易APP开发.md
View file @ 34cb2840
......@@ -28,7 +28,7 @@
* ### IV. 前端页面开发
* [4.1 前端开发说明](/前端开发/ionic-instruction.md)
* [4.1 前端开发说明](/ionic/ionic-instruction.md)
* 4.2 字段级通用方法
* 4.3 窗口级通用方法
* 4.4 锁屏和解屏通用方法
......@@ -40,64 +40,9 @@
* [5.2 hooks](/ionic/hooks.md)
* [5.3 node\_modules](/ionic/node-modules.md)
* [5.4 platforms](/ionic/platforms.md)
* [5.5 plugins](/ionic/plugins)
* [5.5 plugins](/ionic/plugins.md)
* [5.6 publish](/ionic/publish.md)
* [5.7 resources](ionic/resources)
* [5.8 gulpfile.js](ionic/gulpfile.md)
* ### VI. APP打包及发布
* [6.1 修改配置文件](/ionic/profile.md)
* [6.2 更换APP图标及启动页](/ionic/start.md)
* [6.3 安卓打包](/ionic/android.md)
* [6.4 IOS打包](/ionic/ios.md)
# 车租易APP开发手册
* [GitBook使用](/gitbook.md)
---
* ### I. 开发环境准备
* [1.1.git的使用](/git-guide.md)
* [1.2.Maven的使用](/maven.md)
* [1.3.中台开发环境的搭建](/create-project.md)
* [1.4.node的安装及配置](/APP环境搭建/node.md)
* [1.5.android-studio的安卓](/APP环境搭建/android-studio.md)
** 注：**前期开发可不必安装
* [1.6.前端开发环境的搭建](/APP环境搭建/ionic-project.md)
* ### II. 项目开发规范
* [2.1 后端开发规范](/codeStyle.md)
* [2.2 前端开发规范](/ionic/ionic-code-style.md)
* ### III. 后端开发
* [3.1 后端开发说明\(1.0\)](/hmap.md)
* [3.2 SVC及接口开发规范\(1.0\)](/ionic/svc.md)
* ### IV. 前端页面开发
* [4.1 前端开发说明](/前端开发/ionic-instruction.md)
* 4.2 字段级通用方法
* 4.3 窗口级通用方法
* 4.4 锁屏和解屏通用方法
* 4.5 头行保存
* ### V. 前端框架配置讲解\(目录\)
* [5.1 app目录](/ionic/app.md)
* [5.2 hooks](/ionic/hooks.md)
* [5.3 node\_modules](/ionic/node-modules.md)
* [5.4 platforms](/ionic/platforms.md)
* [5.5 plugins](/ionic/plugins)
* [5.6 publish](/ionic/publish.md)
* [5.7 resources](ionic/resources)
* [5.7 resources](ionic/resources.md)
* [5.8 gulpfile.js](ionic/gulpfile.md)
* ### VI. APP打包及发布
......
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