93 lines
3.8 KiB
Markdown
93 lines
3.8 KiB
Markdown
# 硬核WebUI界面引擎
|
||
## 简介
|
||
硬核WebUI界面引擎诞生于2018 是一款专注于Web前端界面可视化设计的界面引擎.
|
||
主要采用 Typescript 语言编写,浅显易懂且具有跨平台特性(可兼容:es3,es5,es6 ...).
|
||
把复杂的Web前端布局和交互实现可视化操作.所有的的界面元素都以组件方式存在.用户只要简单的拖拽并设置属性就能实现界面的布局和数据的获取暂时以及交互.引擎具备强大的扩展性,引擎的由渲染内核与组件组成.用户可以根据自己的需求自定义组件.
|
||
|
||
## 引擎结构
|
||
渲染引擎内核库 + 用户Component组件库
|
||
|
||
## 特点
|
||
|
||
### 开发
|
||
* 主要开发语言 : TypeScript3.9
|
||
* 打包器 : webpack4
|
||
* 依赖库 :lodash , jquery ,layui , jss
|
||
* 开发环境: nodejs + vscode
|
||
|
||
|
||
### 可视化界面组件拖拽布局
|
||
|
||
- PC端页面设计
|
||
* 可视化拖拽组件布局,让前端布局不再头疼.
|
||
* 加快开发速度.降低开发成本
|
||
* 支持IE11 火狐,谷歌 等主流浏览器
|
||
* 方便可集成到第三系统实现界面设计
|
||
|
||
[PC端页面设计演示](http://platform.develop.kdayun.com:8081:15689/res/static/images/form_designer.gif)
|
||
|
||
- 移动端页面设计
|
||
* 可视化拖拽组件布局,让前端布局不再头疼.
|
||
* 加快开发速度.降低开发成本
|
||
* 支持安卓,苹果,平板H5前端页面布局
|
||
* 支持微信H5小程序
|
||
* 支持钉钉H5系统
|
||
* 丰富的移动端组件
|
||
|
||
![移动端H5页面演示](http://platform.develop.kdayun.com:8081:15689/res/static/images/form_designer.gif)
|
||
|
||
### 多种数据源管理
|
||
|
||
- SQL数据源管理
|
||
|
||
![SQL数据源管理](http://platform.develop.kdayun.com:8081:15689/res/static/images/form_designer.gif)
|
||
|
||
- URL数据源管理
|
||
|
||
![URL数据源管理](http://platform.develop.kdayun.com:8081:15689/res/static/images/form_designer.gif)
|
||
|
||
### 界面渲染
|
||
|
||
- 设计的元数据的页面渲染
|
||
|
||
|
||
### 自定义公式设计
|
||
事件代码动态提示
|
||
|
||
![自定义公式设计](http://platform.develop.kdayun.com:8081:15689/res/static/images/form_designer.gif)
|
||
|
||
## 代码目录
|
||
|
||
YHDesinger特点源代码目录结构如下图所示:
|
||
| 名称 | 描述 |
|
||
| -------------------| ------------------------------------------------------- |
|
||
| attrbuteEditors | 组件的属性编辑器 |
|
||
| base | 组件基类 |
|
||
| buildTypes | 引擎的构建 |
|
||
| codeEditor | 代码编辑器(代码高亮) |
|
||
| components | 组件目录 |
|
||
| css | 组件的样式(jss) |
|
||
| datasource | datasource 组件的目录 |
|
||
| decorators | 组件注解目录 |
|
||
| entry | 组件实体 |
|
||
| services | 引擎服务 |
|
||
| types | typescript引用的 d.ts目录 |
|
||
| utils | 公共函数目录
|
||
|
||
## 资源文档
|
||
|
||
[教程](http://help.develop.kdayun.com:8081:15689/kdayun/help/main)
|
||
|
||
[自定义组件开发](http://help.develop.kdayun.com:8081:15689/kdayun/help/main)
|
||
|
||
## 试用地址
|
||
|
||
[试用](http://help.develop.kdayun.com:8081:15689/kdayun/help/main)
|
||
|
||
## 安装部署
|
||
|
||
[开发环境部署](http://help.develop.kdayun.com:8081:15689/kdayun/help/main)
|
||
|
||
[生产发布](http://help.develop.kdayun.com:8081:15689/kdayun/help/main)
|
||
|
||
|