hydesigner-core v1.0.1

上海哲凌科技有限公司- 硬核UI界面引擎

简介

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

YHDesinger架构

YHDesinger 渲染引擎内核 + 用户 Component 

YHDesinger特点

开发

• 主要开发语言 : 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 | 公共函数目录

资源文档

教程

自定义组件开发

试用地址

试用

安装部署

开发环境部署

生产发布