门户设计是企业应用中非常实用的一个功能,在项目实施中,不同人员或不同部门要求看到不同的门户首页。 如果每个门户都手动来开发,工作量大不说,也不够灵活,这时候就用到了 JEECG 的门户设计器。
门户设计器是通过拖拽的方式,将门户首页的数据以各类图表和图形化、列表的方式,直观的展示数据。
操作简单,配置灵活方便,同时支持不同角色配置不同门户首页。
最厉害的是支持与开发结合,比如有些模块非常特殊,需要开发实现,门户设计器支持开发的组件灵活嵌入
门户设计器是通过拖拽的方式,将门户首页的数据以各类图表和图形化、列表的方式,直观的展示数据。
操作简单,配置灵活方便,同时支持不同角色配置不同门户首页。
最厉害的是支持与开发结合,比如有些模块非常特殊,需要开发实现,门户设计器支持开发的组件灵活嵌入
一、门户设计效果展示
二、门户设计界面
2.1 新建门户
首先点击“新增”
,创建一个新的门户,或者使用已有示例复制一个门户
2.2 选择我们所需要的组件
- 目前jeecg门户设计支持常用
“图表组件”
、“布局组件”
、“地图组件”
、“表单组件”
、“首页常用组件”
、“自定义组件”
等等。 - 选中添加的组件可在
“属性”
中设置属性信息。 - 选中添加组件可在
“数据”
中选择静态数据或动态数据,动态数据可实现实时刷新。 - 选中添加组件可在
“交互”
中设置跳转地址、查询配置和钻取配置。
2.3 创建数据集
门户设计所有组件默认均可设置静态数据,当我们需要动态数据时,可在“数据集”
中创建“SQL数据集”
、“API数据集”
及“JSON数据集”
- 点击“数据集”可“新增数据集”
- 可选择数据类型,解析字段后即可使用
3.角色授权门户
可将门户配置到“角色管理”
的“首页配置”
中,用户登录后,首页自动展示所分配的门户
附录:
- 门户设计体验: http://boot3.jeecg.com
- 门户设计文档:http://vue3.jeecg.com/2681205
相关推荐
HTML基于vue2.0,拖拽式网站设计器、大屏设计器,基于VUE,实现拖拽 + 配置方式生成数据大屏,为简化开发、提高效率而生。 特性 0 代码: 实现完全拖拽 + 配置式生成大屏,设计即生产。 快速开发&部署: 项目采用...
拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽...
基于web的流程设计器,jsplumb+jqueryUI实现,支持拖拽功能,支持主流浏览器,可用于二次开发。
基于vue2.0,拖拽式网站设计器、大屏设计器
javascript做的一个可以支持拖拽的流程设计器,可兼容多种浏览器
基于vue+ElementUI的表单设计器。让表单拖拽更加简单方便 - 2020-12-15: 增加button组件 - 2020-12-25: 增加分割线组件 - 2020-12-28: 增加Alert 警告组件 - 2021-01-01: 增加文本组件 - 2021-01-01: 增加html组件 ...
winform自由拖动控件,模拟设计器
基于vue和element-ui实现的表单设计器。通过拖拽方式快速生成一个表单页面,表单可以导出json格式,也可以将其他人绘制的表单通过json导入方式进行还原。针对选择性控件(radio,select,checkbox)提供选择后触发...
基于VUE ElementUI flow的流程设计器,可以实现节点拖拽。美观、简化使用 支持拖拽添加节点 点击线进行设置条件 支持给定数据加载流程图 支持画布拖拽 支持连线样式、锚点、类型自定义覆盖 支持力导图 完全开源,请...
在线拖拽设计,简单易用 在线流程设计 灵活稳定高性能 权限设置,多维度,颗粒化权限控制 平台性,随需而变可搭建多种应用 丰富多样的可视化报表图表 自主研发10余种图表类型,多种图表样式,满足 不同类型的数据...
如果你对拖拽生成自定义表单感兴趣,可以在其基础上进行更大的拓展和完善,真的完全有可能升级作为一款智能前端开发产品,其实市场上已经有类似的收费产品,例如avue,这款demo跟avue拖拽表单很像。
所以我就想能够弄一个类似于vs2005的WinForm窗体设计器的开发平台,让用户拖拖拽拽就可以添加自己需要的控件,或者删除不需要的控件,从而完成大部分的工作,实现功能的扩展,而我需要做的,只不过是写写插件代码。...
easy-flow 基于VUE+ElementUI+JsPlumb的流程设计器,通过 vuedraggable 插件来实现节点拖拽。支持拖拽添加节点。点击线进行设置条件。支持给定数据加载流程图。支持画布拖拽。支持连线样式、锚点、类型自定义覆盖。...
web拖拽式表单设计器Formbuild是强大的在线WEB表单设计器,它通常在、OA系统、问卷调查系统、考试系统、等领域发挥着重要作用,你可以在此基础上自定义修改使功能无限强大!
基于boostrap可视化布局的拖拽式表单设计器(源码).zip基于boostrap可视化布局的拖拽式表单设计器(源码).zip基于boostrap可视化布局的拖拽式表单设计器(源码).zip基于boostrap可视化布局的拖拽式表单设计器...
基于flex的可拖拽适配器设计器,可拖拽组件,设计流程,保存,执行。swf文件,一个项目的一部分。
强大的jQuery拖拽式表单设计器特效是一款强大的网页在线自由拖拽式表单设计器jQuery代码特效。
1.将项目发布到tomcat后,直接访问 localhost:8080/formDesign/bootstrap/formDesign.jsp 2.表单设计好之后,点击下载--保存表单文件(.html)到本地 3.将保存的文件放入项目中,并在lay.jsp中指定位置包含表单文件 ...
本源码提供了一个基于Layui的拖拽式表单设计器设计。项目包含174个文件,其中包括122个JavaScript文件、24个CSS样式文件、4个GIF图片、4个WOFF字体文件、4个HTML文件、2个Markdown文档、2个PNG图片、2个EOT字体文件...
项目主要为拖拽表单设计器,可拖拽生成表单并预览 环境依赖 node: >= 4.0.0 npm: >= 3.0.0 组件依赖 基本组件 react react-router react-redux create-react-app react-app-rewired 拖拽组件选型 sortable.js 处理...