3.8 KiB

Raw Permalink Blame History

硬核WebUI界面引擎

简介

硬核WebUI界面引擎诞生于2018 是一款专注于Web前端界面可视化设计的界面引擎.
主要采用 Typescript 语言编写,浅显易懂且具有跨平台特性(可兼容:es3,es5,es6 ...). 
把复杂的Web前端布局和交互实现可视化操作.所有的的界面元素都以组件方式存在.用户只要简单的拖拽并设置属性就能实现界面的布局和数据的获取暂时以及交互.引擎具备强大的扩展性,引擎的由渲染内核与组件组成.用户可以根据自己的需求自定义组件.

引擎结构

渲染引擎内核库 + 用户Component组件库

特点

开发

主要开发语言 : TypeScript3.9
打包器 : webpack4
依赖库 :lodash , jquery ,layui , jss
开发环境: nodejs + vscode

可视化界面组件拖拽布局

PC端页面设计
- 可视化拖拽组件布局,让前端布局不再头疼.
- 加快开发速度.降低开发成本
- 支持IE11 火狐,谷歌等主流浏览器
- 方便可集成到第三系统实现界面设计

PC端页面设计演示

移动端页面设计
- 可视化拖拽组件布局,让前端布局不再头疼.
- 加快开发速度.降低开发成本
- 支持安卓,苹果,平板H5前端页面布局
- 支持微信H5小程序
- 支持钉钉H5系统
- 丰富的移动端组件

多种数据源管理

SQL数据源管理

URL数据源管理

界面渲染

设计的元数据的页面渲染

自定义公式设计

事件代码动态提示

代码目录

YHDesinger特点源代码目录结构如下图所示：

名称	描述
attrbuteEditors	组件的属性编辑器
base	组件基类
buildTypes	引擎的构建
codeEditor	代码编辑器(代码高亮)
components	组件目录
css	组件的样式(jss)
datasource	datasource 组件的目录
decorators	组件注解目录
entry	组件实体
services	引擎服务
types	typescript引用的 d.ts目录
utils	公共函数目录