`
zhangdaiscott
  • 浏览: 440740 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
8fb25857-16b4-3681-ab5e-e319f45c42a8
Jeecg快速开发平台
浏览量:0
文章分类
社区版块
存档分类

拖拖拽拽设计门户首页—Jeecg门户设计器,你想象不到的简单

阅读更多
门户设计是企业应用中非常实用的一个功能,在项目实施中,不同人员或不同部门要求看到不同的门户首页。 如果每个门户都手动来开发,工作量大不说,也不够灵活,这时候就用到了 JEECG 的门户设计器。

门户设计器是通过拖拽的方式,将门户首页的数据以各类图表和图形化、列表的方式,直观的展示数据。
操作简单,配置灵活方便,同时支持不同角色配置不同门户首页。
最厉害的是支持与开发结合,比如有些模块非常特殊,需要开发实现,门户设计器支持开发的组件灵活嵌入

一、门户设计效果展示

二、门户设计界面

2.1 新建门户

首先点击“新增”,创建一个新的门户,或者使用已有示例复制一个门户

2.2 选择我们所需要的组件

  • 目前jeecg门户设计支持常用“图表组件”“布局组件”“地图组件”“表单组件”“首页常用组件”“自定义组件”等等。
  • 选中添加的组件可在“属性”中设置属性信息。
  • 选中添加组件可在“数据”中选择静态数据或动态数据,动态数据可实现实时刷新。
  • 选中添加组件可在“交互”中设置跳转地址、查询配置和钻取配置。

2.3 创建数据集

门户设计所有组件默认均可设置静态数据,当我们需要动态数据时,可在“数据集”中创建“SQL数据集”“API数据集”“JSON数据集”

  • 点击“数据集”可“新增数据集”
  • 可选择数据类型,解析字段后即可使用

3.角色授权门户

可将门户配置到“角色管理”“首页配置”中,用户登录后,首页自动展示所分配的门户

附录:

分享到:
评论

相关推荐

    HTML基于vue2.0拖拽式网站设计器大屏设计器源码.zip

    HTML基于vue2.0,拖拽式网站设计器、大屏设计器,基于VUE,实现拖拽 + 配置方式生成数据大屏,为简化开发、提高效率而生。 特性 0 代码: 实现完全拖拽 + 配置式生成大屏,设计即生产。 快速开发&部署: 项目采用...

    js 拖拽 流程设计器

    **JavaScript拖拽流程设计器** 在Web开发中,创建交互式用户界面是提升用户体验的重要手段,而流程设计器就是其中的一种。JavaScript作为最广泛使用的客户端脚本语言,为实现这样的功能提供了强大的支持。本文将...

    基于Layui的拖拽式表单设计器设计源码

    本源码提供了一个基于Layui的拖拽式表单设计器设计。项目包含174个文件,其中包括122个JavaScript文件、24个CSS样式文件、4个GIF图片、4个WOFF字体文件、4个HTML文件、2个Markdown文档、2个PNG图片、2个EOT字体文件...

    web流程设计器(jsplumb+jqueryUI)拖拽功能

    在本文中,我们将深入探讨如何使用jsPlumb和jQuery UI库构建一个基于Web的流程设计器,该设计器具有拖拽功能,并适用于多种主流浏览器。这个工具对于业务流程建模、工作流设计以及任何需要图形化表示流程的应用场景...

    简单方便的表单拖拽设计器(vue+ElementUI)

    基于vue+ElementUI的表单设计器。让表单拖拽更加简单方便 - 2020-12-15: 增加button组件 - 2020-12-25: 增加分割线组件 - 2020-12-28: 增加Alert 警告组件 - 2021-01-01: 增加文本组件 - 2021-01-01: 增加html组件 ...

    基于vue2.0,拖拽式网站设计器、大屏设计器

    【Vue2.0拖拽式网站设计器与大屏设计器】是一种高效、易用的Web应用开发工具,尤其适合快速构建自定义布局的网页和大屏展示界面。Vue2.0作为核心框架,提供了轻量级、高性能的特性,使得这款设计器能够实现流畅的...

    jeecg 开源免费版工作流

    Jeecg将Activiti与自身的框架深度集成,提供了图形化的流程设计器,用户可以通过拖拽的方式设计流程图,无需编写任何代码。此外,Jeecg还提供了丰富的API和控件,用于在Web应用中启动流程、审批任务、查询流程实例等...

    jeecg开发平台源码

    Jeecg内置了在线报表设计器,支持拖拽式操作,可方便地创建复杂的统计报表,同时支持导出Excel、PDF等多种格式,满足数据分析和报告生成的需求。 7. **移动开发**: Jeecg提供了移动开发支持,可以快速构建适应PC...

    jeecg官方学习文档

    2. **灵活的表单设计**:Jeecg提供可视化表单设计工具,无需编写任何代码,只需通过拖拽组件就能完成复杂表单的设计,提高了开发效率。 3. **移动开发支持**:Jeecg支持多端应用开发,包括Web、微信小程序、H5等,...

    拖拽式表单设计器(源码).zip

    拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽式表单设计器(源码).zip拖拽...

    JEECG BOOT 低代码开发平台Java项目开源源码

    在低代码开发领域,JEECG BOOT 提供了丰富的图表和表单设计工具,允许开发者通过拖拽方式创建界面,极大地提高了UI设计的效率。此外,它还支持自定义工作流,用户可以灵活设计审批流程,满足不同企业的个性化需求。 ...

    JEECG 开发指南v3.6.pdf )

    - **在线表单开发**:利用 JEECG 的在线表单设计器,可以在不编写任何代码的情况下设计出复杂的表单界面,并能实时预览效果。表单设计器支持拖拽式操作,提供了丰富的控件选项,如文本框、下拉框、日期选择器等。 - ...

    jeecg cms 很稳定的一个版本

    Jeecg CMS的核心是集成于Spring框架,这使得它能够无缝地融入到各种Java应用环境中,提供了强大的服务支持。 1. **Jeecg CMS**:Jeecg CMS是Jeecg框架的一部分,Jeecg是一个开源的企业级快速开发平台,它集成了代码...

    jeecg-framework-3.2.0

    《Jeecg-Framework 3.2.0:企业级快速开发框架的革新之作》 Jeecg-Framework 3.2.0 是一个高效、便捷的企业级开发框架,其核心在于提供...无论你是初次接触Jeecg还是资深开发者,3.2.0版本都将带给你全新的开发体验。

    jeecg最新版

    2. **拖拽式表单设计**:Jeecg提供了可视化表单设计工具,允许开发者通过拖拽组件的方式创建复杂的前端表单,支持多种数据类型和验证规则,同时支持前后端联动,实现动态表单。 3. **权限管理**:Jeecg内置了完善的...

    jeecg-jeecg-boot-master.zip

    2. 零代码开发:通过拖拽界面,Jeecg-Boot支持无代码生成,实现了业务表单的快速搭建,无需编写一行代码。 3. 安全机制:集成Spring Security,提供了权限管理、登录认证等功能,保障系统的安全性。 4. 数据字典:...

    winform自由拖动控件,模拟设计器

    "winform自由拖动控件,模拟设计器"的主题涉及到如何在Winform应用程序中实现控件的自由拖放功能,从而让用户可以像在Visual Studio的设计器中一样调整控件的位置。这一功能在开发具有高度定制性的应用时非常有用。 ...

    基于vue和element-ui实现的表单设计器 通过拖拽方式快速生成一个表单页面

    基于vue和element-ui实现的表单设计器。通过拖拽方式快速生成一个表单页面,表单可以导出json格式,也可以将其他人绘制的表单通过json导入方式进行还原。针对选择性控件(radio,select,checkbox)提供选择后触发...

    基于VUE+ElementUI+JsPlumb的流程设计器,通过 vuedraggable 插件来实现节点拖拽

    easy-flow 基于VUE+ElementUI+JsPlumb的流程设计器,通过 vuedraggable 插件来实现节点拖拽。支持拖拽添加节点。点击线进行设置条件。支持给定数据加载流程图。支持画布拖拽。支持连线样式、锚点、类型自定义覆盖。...

    强大的jQuery拖拽式表单设计器特效.zip

    【jQuery拖拽式表单设计器】是Web开发中一种创新的工具,它允许用户通过简单的拖放操作在网页上创建自定义的表单。这款基于jQuery的特效利用了JavaScript库的强大功能,为开发者和非技术用户提供了一种直观、便捷的...

Global site tag (gtag.js) - Google Analytics