fe交接文档-jr8
环境搭建
1、安装Nodejs版本4.2.1,
下载地址https://npm.taobao.org/mirrors/node/v4.2.1/
输入node -v，显示版本号，安装成功
2、安装java jdk,下载地址
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
输入java -v，显示版本号，安装成功
3、安装jr8,执行命令
npm install jr8 -g
npm install fis-postpackager-simple -g
输入jr8 -v，显示版本号，安装成功
4、jr8中添加_md5，改造源码
进入目录
C:\Users\caoke\AppData\Roaming\npm\node_modules\jr8\node_modules\fis-kernel\lib
编辑文件file.js，搜索query
将return url + this.query;
替换成return url + this.query.replace("_md5",this.getHash());
月付H5的项目
1、SVN路径下载：
https://dell-pc/svn/zufang/branches/fe/meiyuefu_web
2、开启本地服务器
jr8 server start 会默认开启8080端口
jr8 server start -p 8081 开启其他端口
在浏览器中输入localhost:8080访问，或者127.0.0.1:8080
3、发布微信h5的项目到本地服务器
在cmd中进入v6-app-src目录，然后发布命令
cd v6-app-src
jr8 release -wcL
4、访问目录地址
http://localhost:8080/link 显示如下
5、项目目录结构
_released： 项目产出目录（所有项目代码会经过压缩合并后产出到这里）
v6-app-src:微信端h5页面（项目的目录）
pc-src: PC端页面（项目的目录）
agent-v-src: app端页面（项目的目录）
6、子项目目录结构
dep:第三方插件的目录
doc:存放文档的目录
page:网页开发的目录（开发目录）
static:公共静态资源的地址
test：存放测试数据的目录
widget：组件的目录
fis-conf.js 项目jr8或者jello的配置文件
server.conf 路由转发的配置文件
publish.bat 双击就能运行的脚本，执行后，把当前项目资源发布到_released产出目录
release.bat 双击就能运行的脚本，执行后，把当前项目资源发布到本地服务器,同时监听文件的变化
7、开发流程
fe本地开发-》发布到_release,svn提交到服务器-》后端rd合并后联调、测试-》部署到线上
fe本地开发过程：
1、后端rd根据业务给出接口文档
2、fe根据接口文档，制作假数据，模拟线上环境，双击release.bat开始开发
3、fe根据接口文档写出业务逻辑，写出前端代码
4、双击publish.bat发布到_release目录，然后将_release目录的提交到svn服务
5、通知后端rd，准备测试、上线
运营系统的项目
1、SVN路径下载：
https://dell-pc/svn/zufang/branches/fe/meiyuefu_data
2、开启本地服务器
jr8 server start 会默认开启8080端口
jr8 server start -p 8081 开启其他端口
在浏览器中输入localhost:8080访问，或者127.0.0.1:8080
3、发布项目到本地服务器
在cmd中进入admin-stat目录，然后发布命令
cd admin-stat
jr8 release -wcL
4、访问目录地址
http://localhost:8080/static-stat/
http://localhost:8080/static-stat/login.html
5、项目目录结构
_released： 项目产出目录（所有项目代码会经过压缩合并后产出到这里）
admin-stat:运营系统的页面（项目的目录）
6、子项目目录结构
dep:第三方插件的目录
doc:存放文档的目录
src:angular单页面开发的目录（开发目录）
stat：存放测试数据的目录
fis-conf.js 项目jr8或者jello的配置文件
server.conf 路由转发的配置文件
publish.bat 双击就能运行的脚本，执行后，把当前项目资源发布到_released产出目录
release.bat 双击就能运行的脚本，执行后，把当前项目资源发布到本地服务器,同时监听文件的变化
7、开发流程
fe本地开发-》发布到_release,svn提交到服务器-》后端rd合并后联调、测试-》部署到线上
fe本地开发过程：
1、后端rd根据业务给出接口文档
2、fe根据接口文档，制作假数据，模拟线上环境，双击release.bat开始开发
3、fe根据接口文档写出业务逻辑，写出前端代码
4、双击publish.bat发布到_release目录，然后将_release目录的提交到svn服务
5、通知后端rd，准备测试、上线
审核系统的项目
1、SVN路径下载：
https://dell-pc/svn/zufang/branches/fe/meiyuefu_audit
2、开启本地服务器
jr8 server start 会默认开启8080端口
jr8 server start -p 8081 开启其他端口
在浏览器中输入localhost:8080访问，或者127.0.0.1:8080
3、发布项目到本地服务器
在cmd中进入admin-mana目录，然后发布命令
cd admin-mana
jr8 release -wcL
4、访问目录地址
http://localhost:8080/static-mana/
http://localhost:8080/static-mana/login.html
5、项目目录结构
_released： 项目产出目录（所有项目代码会经过压缩合并后产出到这里）
admin-mana:运营系统的页面（项目的目录）
6、子项目目录结构
dep:第三方插件的目录
doc:存放文档的目录
src:angular单页面开发的目录（开发目录）
manage：存放测试数据的目录
fis-conf.js 项目jr8或者jello的配置文件
server.conf 路由转发的配置文件
publish.bat 双击就能运行的脚本，执行后，把当前项目资源发布到_released产出目录
release.bat 双击就能运行的脚本，执行后，把当前项目资源发布到本地服务器,同时监听文件的变化
7、开发流程
fe本地开发-》发布到_release,svn提交到服务器-》后端rd合并后联调、测试-》部署到线上
fe本地开发过程：
1、后端rd根据业务给出接口文档
2、fe根据接口文档，制作假数据，模拟线上环境，双击release.bat开始开发
3、fe根据接口文档写出业务逻辑，写出前端代码
4、双击publish.bat发布到_release目录，然后将_release目录的提交到svn服务
5、通知后端rd，准备测试、上线
后台系统技术细节
1、列表页数据结构
{
"success": true,
"object": {
"infoList": [
{}
],
"pageNum": 1,
"pageSize": 10,
"totalPage": 3,
"totalCount": 21
}
}
infoList是数据部分
pageNum 当前页
totalPage 总共有多少页
totalCount 数据总数
2、Ajax请求get和post
Post
$http.post('/rs/manage/updateAgent', $.param($scope.data)).success(function(data, status, headers, config) {
if(data.success) {
$modalInstance.close();
}
});
Get
$http.get('/manage/order-v4/json/get/getReceivePage', {
params: $.extend({},params,{optDesc:'新的进件审核'})
}).success(function(data, status, headers, config) {
$scope.orders = data.object;
});
3、控制器中的子控制器（弹出页面）
代码参考58app项目zufangdai_out_manage
4、列表页的常用控件
下拉控件
<div class="list-filter-col" style="margin-left: 10px;">
<jr-dropdown-button options="queryOptions.isvalid" value="queryParams.isvalid"></jr-dropdown-button>
</div>
时间选择控件
<div class="list-filter-col">
<jr-datepicker placeholder="应打款时间" time="queryParams.payStartTime"></jr-datepicker>
</div>
5、后端系统新开发一个项目的流程
1、下载一个原始的项目，svn地址：https://dell-pc/svn/zufang/branches/fe/meiyuefu_data
2、复制文件夹项目meiyuefu_data为meiyuefu_newProject,删除.svn
将新的项目提交到svn中
3、将fis-conf.js文件中，将所有字符串static-stat替换成static-newProject
4、修改文件admin-stat/src/routeDefs.js、admin-stat/src/main.js、admin-stat/src/index.html，将所有字符串static-stat替换成static-newProject，
5、双击release.bat，把当前项目资源发布到本地服务器，输入http://localhost:8080/static-newProject/ 查看项目，新项目本地搭建成功
6、双击publish.bat,把当前项目资源发布到_released产出目录
7、将所有资源提交到svn，新项目搭建完成
6、Volecity模板引擎
它属于强类型，数字类型的数据和字符类型属于不能相等#if(1==‘1’)错误，和你假数据保持一致
学习地址：http://www.360doc.com/content/13/0401/13/10825198_275274565.shtml
7、pc端目前的开发流程
1、双击release.bat，将修改后的发布到本地服务器
2、访问http://localhost:8080/，然后用nodejs网站下载工具，将pc端的页面下载下来，压缩成localhost_3a_8080.zip
3、将localhost_3a_8080.zip放入linux服务器，完成
4、工具的下载地址https://github.com/caoke90/loadStatic.git
8、微信h5的less样式
单位为rem，宽度标准为640，
@media screen and (min-width: 640px){
html {font-size: 100px}
}
9、table切换
<tabset class="pb order-info" active="2">
<link rel="import" href="tabs/userInfo.html?__inline">
<link rel="import" href="tabs/audit.html?__inline">
</tabset>
10、等数据加载完后，再去渲染页面，防止组件渲染和数据不一致（组件有自己的逻辑）
<div class="corpinfo-container" ng-if="options.reading">
11、数据统计的原理
创建一个图片对象用于发送统计请求
具体代码查看common/tool/log.js,注释里面有说明
友盟统计https://www.umeng.com/
用户名：***
密码：***
浙公网安备 33010602011771号