# process-designer

**Repository Path**: Aaron_qcd/process-designer

## Basic Information

- **Project Name**: process-designer
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-18
- **Last Updated**: 2025-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Camunda Process Designer

This is a simple Vue 3 project that integrates Camunda's BPMN modeling capabilities using bpmn-js library.

## Features

- ✅ Vue 3 framework
- ✅ BPMN 2.0 modeling
- ✅ Camunda BPMN extensions support
- ✅ Basic diagram operations: new, save, load
- ✅ Camunda-specific properties support

## Installation

```bash
npm install
```

## Development

```bash
npm run dev
```

Then open your browser and navigate to `http://localhost:5173`

## Build

```bash
npm run build
```

## Technology Stack

- **Vue 3**: Progressive JavaScript framework
- **bpmn-js**: BPMN 2.0 modeling library
- **camunda-bpmn-moddle**: Camunda BPMN extensions
- **Vite**: Next generation frontend tooling

## How to Use

1. **新建流程**: Create a new empty BPMN diagram
2. **保存流程**: Save the current diagram to console (for demonstration)
3. **加载流程**: Load the last saved diagram

## Camunda Features

The designer includes Camunda BPMN 2.0 extensions, allowing you to model:

- Service tasks
- User tasks with assignee
- Gateways
- Events
- And more with Camunda properties

## Project Structure

```
camunda-process-designer/
├── src/
│   ├── components/
│   │   └── BpmnDesigner.vue   # BPMN designer component
│   ├── App.vue                  # Main app component
│   └── main.js                  # App entry point
├── index.html
├── vite.config.js
└── package.json
```

## License

MIT