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

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

作者: JEECG | 来源:发表于2022-07-18 14:22 被阅读0次

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

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

一、门户设计效果展示

门户.gif

二、门户设计界面

2.1 新建门户

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

image.png

2.2 选择我们所需要的组件

  • 目前jeecg门户设计支持常用“图表组件”“布局组件”“地图组件”“表单组件”“首页常用组件”“自定义组件”等等。

    image.png
  • 选中添加的组件可在“属性”中设置属性信息。

    image.png
  • 选中添加组件可在“数据”中选择静态数据或动态数据,动态数据可实现实时刷新。

    image.png
  • 选中添加组件可在“交互”中设置跳转地址、查询配置和钻取配置。

    image.png

2.3 创建数据集

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

  • 点击“数据集”可“新增数据集”


    image.png
  • 可选择数据类型,解析字段后即可使用


    image.png

3.角色授权门户

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

image.png

相关文章

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

    门户设计是企业应用中非常实用的一个功能,在项目实施中,不同人员或不同部门要求看到不同的门户首页。 如果每个门户都手...

  • 史梦雪-简历作品一览

    三菱电梯各个部门年度相关指标的数据排版(电音元素UI设计): 三菱维保平台首页导航UI设计: 三菱服务门户首页(U...

  • Java中的门面设计模式

    门面设计模式又叫外观设计模式,其核心思想正如其字面意思,向用户提供一个门户,用户只需要访问这个门户来获取他们想要的...

  • Java中的门面设计模式及如何用代码实现

    门面设计模式又叫外观设计模式,其核心思想正如其字面意思,向用户提供一个门户,用户只需要访问这个门户来获取他们想要的...

  • 在阿里云建设一个企业网站(上篇)

    企业门户网站的设计是一个非常常见且旺盛的需求。而制作一个门户网站有非常多的方法。最近我们为几个企业用户搭建了门户网...

  • IT服务门户平台

    IT服务门户包括工单管理,智能在线,门户管理等。 IT快捷服务,设计宗旨就是让运维工程师的工作可以更灵活、更高效。...

  • django基础操作流程

    1. 创建Django项目:公司门户项目 2. 配置语言环境 3. 定义门户首页的视图 在myproj...

  • ToB门户类网站设计Tips

    前段时间在做ToB业务门户类网站的页面设计,作为交互设计师第一次接触到了GA(Google Analytics),...

  • 伟大的设计·通往完美用户体验 Note1

    伟大的设计 —— 成就伟大的苹果 书名《伟大的设计》 副标题“通往完美的用户体验的门户” 作者是罗伯特布伦纳,他是...

  • 斯科德证件报表设计器

    功能详解: 斯科德证件报表设计器是一款强大的企业级证卡报表软件设计器,易学易用、功能强大,简单拖拽操作便可制作出复...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/qvydirtx.html