Commit 402f8f7b authored by TianYh's avatar TianYh

''

parents 74afb569 b086492b
......@@ -21,6 +21,7 @@
* 1.3配置安卓环境变量
在用户变量下配置 ANDROID_HOME ,PATH
![ANDROID_HOME](/picture/android-home.png)
![PATH](/picture/android-path.png)
......@@ -38,6 +39,7 @@
![](/picture/android-platform-3.png)
![](/picture/android-platform-4.png)
![](/picture/android-platform-5.png)
以及android6.0~4.0的`SDK Platform`,`Sources for Android SDK`
......
# 前段开发搭建
#### 前段代码的下载
\ No newline at end of file
# 前端开发搭建
---
### I. 技术掌握
**注:APP项目采用Ionic+Angular1.0+Cordova进行开发,开发前请先熟悉下对应的语法**
* ionic 查看文档 http://www.runoob.com/ionic/ionic-tutorial.html
**注:**部分组件介绍不正确,具体查看官网
* angular 查看文档 http://www.runoob.com/angularjs/angularjs-tutorial.html
**注:**建议查看官网
* Cordova 插件使用 http://ngcordova.com/docs/plugins/
**注:**插件具体用法参照[github](https://github.com/),部分插件可能会出现版本兼容问题
### II. 环境搭建
* 1.0`git clone`下载对应的源码
```
│ .bowerrc
│ .editorconfig
│ .gitignore (git忽略文件)
│ bower.json (bower配置)
│ gulpfile.js (gulp集成工具配置)
│ ionic.config.json (ionic项目配置)
│ ionic.project
│ package.json
│ README.md (项目README,请在此处写上项目开发的注意信息,方便团队协同)
├─app
│ │ app.js (app核心js)
│ ├─config (配置文件)
│ ├─img (图片资源)
│ ├─pages (功能页面)
│ │ ├─applications (主页功能)
│ │ ├─charts (报表)
│ │ ├─login (登录页)
│ │ ├─myInfo (我的)
│ │ ├─tab (tab)
│ │ └─tools (工具)
│ ├─scripts (公用js)
│ ├─scss (公用sscc)
│ └─theme
│ app.core.scss (页面全部sscc)
├─hooks
├─plugins(插件)
├─publish
├─res
├─resources(图表和启动页)
└─www
index.html
```
* 2.0 搭建环境
* 项目根目录下执行`cnpm install`,出现以下内容表示下载成功
![](/picture/cnpm-install.png)
此时文件夹中会新增`node_modules`文件夹 此文件夹下包含node.js的资源文件
* 项目根目录下执行`bower install`,出现以下内容表示下载成功
![](/picture/bower-install.png)
此时`app`文件夹中会新增`lib`文件夹,里面包函了本次项目使用的资源
* 项目根目录下执行`gulp build-dev`,构建开发环境(项目代码会进行合拼压缩进入`www`文件夹下)
**注:** gulp命令的使用请查考 [gulpfile.js](/ionic/gulpjs.md)
![](/picture/gulp-build-dev2.png)
* 项目根目录下执行`ionic serve`运行代码 出现一下则表示成功
![](/picture/ionic-serve.png)
浏览器端访问`http://localhost:8100/#/login`即可
\ No newline at end of file
This diff is collapsed.
<<<<<<< HEAD
# app目录介绍
app:.
......@@ -79,3 +80,59 @@ app:.
=======
# 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\_目录
* `存放配置文件`
* 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/tools/qiXin-bao/qiXin-detail/management-information/growth-process";)`
>>>>>>> b086492be6a234e8e7f1408fcbeec39e95809fd5
<<<<<<< HEAD
# gulpfile.js文件介绍
......@@ -24,3 +25,24 @@
=======
# 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 清理档案`
>>>>>>> b086492be6a234e8e7f1408fcbeec39e95809fd5
<<<<<<< HEAD
# hooks目录介绍
......@@ -14,3 +15,21 @@
=======
# hooks目录介绍
---
* ### I. hooks_目录
- 介绍: hooks 文件夹是伴随 Cordova 的安装 自动生成的文件夹 , 该文件夹有脚本 可以定制 Cordova 命令 。 一般情况下 , 不对该文件夹中的文件进行更改 。
>>>>>>> b086492be6a234e8e7f1408fcbeec39e95809fd5
<<<<<<< HEAD
# node-modules目录介绍
......@@ -11,3 +12,18 @@
- 介绍: devDependencies与Dependencies都是依赖。npm install就会把里面二者所有的模块都安装到node_modules。
=======
# node-modules目录介绍
---
* ### I. node-modules_目录
- 介绍: devDependencies与Dependencies都是依赖。npm install就会把里面二者所有的模块都安装到node_modules。
>>>>>>> b086492be6a234e8e7f1408fcbeec39e95809fd5
<<<<<<< HEAD
# platforms目录介绍
......@@ -17,3 +18,24 @@
=======
# platforms目录介绍
---
* ### I. platforms_目录
- `自动生成`
>>>>>>> b086492be6a234e8e7f1408fcbeec39e95809fd5
<<<<<<< HEAD
# plugins目录介绍
......@@ -18,3 +19,25 @@
=======
# plugins目录介绍
---
* ### I. plugins目录介绍
- 介绍: plugins 文件夹是项目中所要的插件。如 相机插件,极光推送 等等
>>>>>>> b086492be6a234e8e7f1408fcbeec39e95809fd5
<<<<<<< HEAD
# publish目录介绍
......@@ -31,4 +32,39 @@
=======
# publish目录介绍
---
* ### I. pubish_子目录(列表)
* 1.1.develop_目录
- `生产环境目录(config.xml的是控制cordova应用程序的行为的许多方面的全局配置文件)`
* 1.2.product_目录
- `正式环境目录,config.xml是全局配置文件(包括一些插件的配置等)`
`
>>>>>>> b086492be6a234e8e7f1408fcbeec39e95809fd5
\ No newline at end of file
<<<<<<< HEAD
# resources目录介绍
......@@ -16,3 +17,23 @@
- `ios(app图标,app启动图片)`
=======
# resources目录介绍
---
* ### I. resources_子目录(列表)
* 1.1.android_目录
- `安卓(app图标,app启动图片)`
* 1.2.ios_目录
- `ios(app图标,app启动图片)`
>>>>>>> b086492be6a234e8e7f1408fcbeec39e95809fd5
# SVC及接口开发规范
***
# I. SVC文件创建
* 1.1 创建svc文件所在位置
***
SVC文件创建的所在位置是在项目的web目录下modules文件夹下创建。这里为了方便与便捷,可以直接复制现有的SVC文件,粘贴到指定目录下,然后rename一下即可进行开发编写。
![](/picture/svc.png)
* 1.2 svc文件命名规范
***
统一用小写的英文字母,数字和下划线的组合,不得包含汉字空格和特殊字符。
原则: 1)方便理解,见名之意。
​ 2)方便查找。
如图所示:
![](/picture/svc1.png)
***
# II. BM文件创建
* 2.1 创建BM文件所在位置
***
bm文件创建的所在位置是在项目的WEB-INF目录下classes文件夹下创建。这里为了方便与便捷,可以直接复制现有的bm文件,粘贴到指定目录下,然后rename一下即可进行开发编写。(ps:bm文件所在classes目录下位置要和svc所在modules目录下位置相同)
![](/picture/bm.png)
* 2.2 BM文件命名规范
***
统一用小写的英文字母,数字和下划线的组合,不得包含汉字空格和特殊字符。
原则: 1)方便理解,见名之意。
​ 2)方便查找。
如图所示:
![](/picture/bm1.png)
# III. SVC及接口开发
* 3.1 svc文件主要编写的内容
***
svc文件主要编写的内容是大致是关联对应的bm文件,执行对应的sql语句,如果有返回数据,则对返回的数据进行相关的处理和展示。
如图所示:
![](/picture/svc2.png)
* 3.2 bm文件主要编写的内容
***
BM文件关联数据库,接口通过调用BM文件访问到数据库,执行脚本对数据进行处理,并返回相关数据。(个人感觉类似于hibernate)
BM 文件 可以是一个查表语句,也可以是一个调用数据库存储过程。
![](/picture/svc3.png)
parameters和fields用法:
1)parameters 用来传参的从svc传到bm里,如图:
![](/picture/bm2.png)
2)fields 用来从bm传到svc,如图:
![](/picture/bm3.png)
![](/picture/svc4.png)
# IV. 页面注册
当接口写完时,需要写一个注册脚本目录如图下所示:
![](/picture/sql.png)
注册脚本写法如图下所示:
![](/picture/sql1.png)
写完之后需要将脚本语句在拿到数据库中执行并且commit步骤如图下所示:
![](/picture/sql2.png)
<<<<<<< HEAD
# 车租易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.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)
......@@ -5,25 +61,26 @@
---
* ### 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)
* [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)
* [3.2 SVC及接口开发规范\(1.0\)](/ionic/svc.md)
* ### IV. 前端页面开发
* [4.1 前端开发说明](/前端开发/ionic-instruction.md)
......@@ -31,24 +88,24 @@
* 4.3 窗口级通用方法
* 4.4 锁屏和解屏通用方法
* 4.5 头行保存
* ### V. 前端框架配置讲解(目录)
* ### V. 前端框架配置讲解\(目录\)
* [5.1 app目录](/ionic/app.md)
* [5.2 hooks](/ionic/hooks.md)
* [5.3 node_modules](/ionic/node-modules.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.8 gulpfile.js](ionic/gulpfile.md)
* ###VI. APP打包及发布
* ### VI. APP打包及发布
* [6.1 修改配置文件](/ionic/profile.md)
* [6.2 更换APP图标及启动页](/ionic/start.md)
* [6.3 安卓打包](/ionic/android.md)
* [6.4 IOS打包](/ionic/ios.md)
>>>>>>> 6ec760f193aca193924da7ead572f59ee54db6c9
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