10月份前端思考和任务点

工作

在此输入正文

10月份前端思考和任务点：
1. 运营系统resource依赖拆分，如何拆分（是否能用脚本自动处理）？
2. http2研究与尝试
3. metaui工具化（crud管理页面，更语义化的修改和扩展工具，如.select(xxx).ext(xxx) ）
4. metaui数据库配置优化思考，元数据controller去掉方案
5. 组件整理，文档站点整理（1. 组件清单 2. 代码整理 3. 文档完善 4. 单元测试 5. 。。。）

resource依赖拆分思路(荣杰)

拆分了订单模块的资源文件引用，需要关注的资源引用有，dom对应的文件，behavior对应的文件，dialog-button对应的element，以及程序根据规则构建出的资源文件名需要引用。还在思索有什么快捷方法。在查看http2如何配置

resource依赖拆分思路（宇驰）

给所有自定义组件单独添加组件引用
1.计算页面用到的所有自定义组件（template元素下所有的匹配^<[a-zA-Z]+(-[0-9a-zA-Z]+)+ $这个正则的元素）
2.得到自定义组件数组
3.计算引用路径+组件的数组
4.根据计算到的路径+组件数组在当前文件头部循环插入\n

组件清单
H2
address:h-address
animated:h-anmatied-dropdown
date-picker:h-date-picker h-date-picker2
datetime-picker:h-datetime-picker
dialog:h-dialog h-dialog-button h-tip-dialog
form:h-crud h-crud-form h-crud-list h-crud-search h-form-checkbox h-form-input h-form-input2 h-form-menu h-form-radio h-form-select
h-form-textarea h-input-select
grid:h-list-grid h-simple-grid h-simple-grid-body h-simple-grid-header h-simple-grid-header-cell h-simple-grid-option-cell h-simple-grid-row
h-simple-grid-row-cell
img-upload:h-img-upload
pagination:h-pagination
O2
auto-complete-picker:o-address-picker o-auto-complete-picker o-auto-complete-picker-mult o-batch-picker o-business-picker o-category-picker
o-company o-company-picker o-company-bank-picker o-company-picker o-company-select-picker o-customer-picker o-department-picker o-designation-picker o-driver-picker o-lifeproduct-picker o-logistic-picker o-manufactacturer-picker o-product-line-picker
o-order-picker o-designation-picker o-designation-picker o-designation-picker o-designation-picker o-product-picker o-productLine-picker o-purchaseContract-picker o-purchaseitem-picker o-singleaddress-picker o-specialshow-picker o-staff-picker
o-staff-select-picker o-target-picker o-warehouse-picker
o-collapse:o-collapse
o-edit-header:o-edit-header
o-status-select:o-status-select

metaui工具化

1. crud管理页面，基于元数据框架快速搭建
2. 工具API

对象扩展
1. obj.ext(path, key, value) = obj
obj.ext('result.actions', 'examine', {"actionId": "examine","actionName": "对账","operType": 2,...})
   .ext('result.actions.examine.formMeta', 'title', '费用处理');

数组扩展
2. obj.arrayExt(path, extension[, condition]) = obj
   obj.arrayExt(path, value[, start]) = obj
// 数组修改
obj.arrayExt(
    'result.grids', 
    field => field.visible = false, 
    field => toHideFields.indexOf(field.name) > -1
);
// 数组添加
obj.arrayExt('result.grids', {name: "", label: ""}, 1 )

对象字段删除
3. obj.delete(path) = obj
obj.delete('result.actions.examine.formMeta.hideSubmitBtn');

数组项删除
4. obj.arrayDelete(path, start[, deleteCount]) = obj
obj.arrayDelete(path, condition) = obj
// 从下标1开始删除，删除2项
obj.arrayDelete('result.grids', 1, 2);
// 删除满足条件的项
obj.arrayDelete('result.grids', field => field.name === '');

enhance(metadata)
    .ext('result.actions.examine.formMeta', 'title', '费用处理')
    .arrayExt('result.grids', {name: "", label: ""}, 1 )
    .arrayDelete('result.grids', 1, 2);

metaui数据库配置优化

元数据controller去掉方案

方案1

使用open-api
http://git.oa.isuwang.com/tangliu/isuwang-open-api/blob/master/src/main/java/com/isuwang/openapi/open/OpenApiController.java
1. 配置appkey，添加权限
2. 参数: {类路径, 版本, 参数, 时间戳, sign ...}
3. 前端解析xml

meta-api添加接口

/**
  * 获取服务的元数据xml文件
  * String metaXml = new MetadataClient(serviceName, version).getServiceMetadata();
*/
string getServiceMetadata(1: string serviceName, 2: string version)

方案2

把映射关系放到配置文件，添加新的映射只需要修改配置文件，避免了修改代码

waybill=com.isuwang.soa.order.service.WaybillBizService#1.0.0
logisticsdb=com.isuwang.soa.logistics.service.LogisticsPriceService#1.0.0