培训内容准备数字前端.pptx

—刘月凯

目录CONTENT1.什么是iuapdesign2.如何基于iuapdesign进行开发3.个性化方案说明4.widget的开发及功能节点集成

1.什么是iuapdesign

整体介绍

在线官网服务

tinper官网neoui（）企业级前端UI框架，包含丰富的全局样式、CSS组件和JavaScript插件，并且提供丰富的字体图标。kero（）包含数据模型以及控件模型，解决企业应用中复杂的业务应用场景的开发问题。grid（）提供多种复杂功能，满足了复杂场景下数据展示的需求。

kero数据模型常用方法：?

setSimpledataaddSimpleDatagetSimpleDatacreateEmptyRowsetValuegetValueongetRowrow.setValuerow.getValue控件模型

从Github获取源码并参与开源

2.如何基于iuapdesign进行开发

环境搭建参照文档：零售门店环境搭建说明.docx新增功能参照文档：零售门店新增功能说明.docx现有功能说明参照文档：零售门店现有功能说明.docx

新增功能添加功能文件门店业务功能代码主要放在src/pages目录下，每个功能对应单独的子文件夹。文件夹中包括js,html,css三个文件。

新增功能注册对应路由环境路由信息配置在：src/modules/nav/nav.js中。

新增功能注册对应路由nav.js文件中，门店导航栏下功能都添加在name=”门店”这个list下面，若新增功能可在此list下对应位置添加。

现有功能说明路由管理/src/configs/router.config.js中的routeInit中解析URL加载对应模块后执行init方法。如果加载URL之后未执行功能页面代码可在此处进行跟踪调试

现有功能说明模块核心代码说明Js文件返回值说明

现有功能说明模块核心代码说明Grid使用说明自定义render自定义editType数据改变监听

3.个性化方案说明

CSS个性化在单独css文件中重写对应的class并保证框架css文件加载之后加载此文件JS功能扩展复杂需求需要在了解框架代码的基础上对框架function进行重写。此方式需注意扩展方法要以调用原有方法为基础进行扩展，尽量避免框架代码变更之后导致不可用。参照官网：

现有项目扩展实现

4.widget的开发及功能节点集成

–谢谢大家“打造企业级前端开发第一入口。”