Skip to main content

Workbench Overview

The Workbench is GeniSpace's low-code application building platform. It supports creating pages, configuring navigation, and adding module components through a visual interface — enabling you to build business applications without writing code.

Access

The Workbench application is accessed via a standalone URL with the following path format:

  • / — Homepage, displaying the list of available workbenches
  • /:workbenchId — Enter the default page of a specific workbench
  • /:workbenchId/:pageId — Enter a specific page of a specific workbench

After logging in, you can navigate to the Workbench from the Applications module in the Console, or access the Workbench URL directly.

Workbench Management

Creating a Workbench

There are two ways to create a workbench:

Create from Scratch:

  1. Go to the Workbench homepage
  2. Click New Workbench
  3. Enter a workbench name and description
  4. Save and enter the workbench

Create from Template:

  1. Go to the Workbench homepage and click Template Library
  2. Browse or search templates; filter by industry category
  3. Select a template and click Create

The template library provides preset templates for various industry scenarios, covering education, recruitment, logistics, finance (invoice recognition, reconciliation), retail/e-commerce, healthcare, real estate, food service, manufacturing, and more.

Editing a Workbench

After entering a workbench, users with editing permissions can switch between view mode and edit mode.

Deleting a Workbench

Select the delete action in the workbench management area to delete a workbench.

Edit Mode

Users with editing permissions can click the edit button in the toolbar to enter edit mode. The following operations are available in edit mode:

Page Management

  • Create Page — Add new pages
  • Page Configuration — Set page name, route, and other properties
  • Set as Default Page — Designate the page that opens when the workbench is accessed
  • Page Layout Editing — Drag to adjust the position and size of components on the page

The "Pages" tab in the right sidebar of edit mode provides page list management.

Adding Components

The "Components" tab in the right sidebar of edit mode provides the available component panel. Drag components from the panel to the page area to add them.

You can also add components by clicking the add button on the page to open the component selection dialog.

Configuring Components

Click an added component to open the component configuration dialog:

  • Configure data source bindings for the component
  • Set field mappings and display options
  • Adjust component properties and styles

Layout and Styling

  • Component Layout — Drag to adjust component position and size
  • Container Layout — Edit the internal layout of container-type components
  • Custom Styles — Set component styles through the visual style editor
  • Sidebar Configuration — Configure the workbench navigation sidebar

Version History

The edit mode toolbar provides a version history feature, allowing you to view and revert to previous versions.

Available Components

The Workbench provides the following component types:

Data Display

ComponentDescription
TableDisplay structured data with sorting, filtering, searching, and pagination
ChartBasic data visualization supporting line, bar, pie charts, and more
ECharts ChartAdvanced charts based on ECharts with richer configuration options
Radar ChartMulti-dimensional data comparison display
Map ChartMap data display, supporting China province maps
Statistic GroupDisplay key metric data (KPIs)
Data Grid CardGrid-style data card display
ListList-style data display
TreeHierarchical tree data display

Data Entry

ComponentDescription
FormData entry and editing with multiple field types and form validation
Filter PanelProvides filter condition inputs that link to other components
Task InputTask parameter input component

Layout Containers

ComponentDescription
ContainerGeneral-purpose layout container that can nest other components
CardCard-style container that can nest child components
TabsMulti-tab switching, each tab can contain independent components

Text & Typography

ComponentDescription
TextDisplay text content
TitleTitle text
ParagraphParagraph text

Workflow Integration

ComponentDescription
Workflow ComponentIntegrates workflows with upload, solution, and result steps
Task Execution OutputDisplays task execution results
File Upload DropzoneDrag-and-drop file upload component

Data Source Configuration

Components can be bound to data sources to display or manipulate data:

  • Database Data Source — Connect to configured database data sources to retrieve table data
  • Dataset Selection — Select pre-created datasets

Data source configuration is done in the component's configuration panel. After selecting a data source, you can configure field mappings.

Component Communication

The Workbench supports parameter passing between components. Through the ParameterContext mechanism, an action in one component (e.g., filter condition changes in a Filter Panel) can pass parameters to other components (e.g., refreshing table data), enabling component linking.

Permission Management

The Workbench uses role-based access control (RBAC):

Permission LevelDescription
ViewCan view workbench content but cannot edit
EditCan enter edit mode to modify pages and components
ManageFull management permissions, including permission assignment and workbench configuration

Permissions are set independently per workbench, and different roles can be assigned to different team members.

Tab Management

The Workbench supports multi-tab functionality, allowing you to open multiple workbench pages simultaneously in the browser. Edit mode state is maintained independently across tabs.

Use Cases

  • Data Dashboards — Build data dashboards and report pages
  • Form Entry — Create data entry and approval forms
  • Business Configuration — Configure business parameters and workflow management interfaces
  • Internal Tools — Quickly build tool pages for internal team use

Integration with Other Platform Modules

  • Data — Workbench components can bind to data sources and datasets to display or edit data
  • Workflows — Workflow tasks can be integrated via workflow components
  • Agents — Conversational agents can be embedded for intelligent Q&A