# jm_low_code_platform

**Repository Path**: Jeaden/jm_low_code_platform

## Basic Information

- **Project Name**: jm_low_code_platform
- **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-06-30
- **Last Updated**: 2025-07-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# JM 低代码平台

一个基于 Vue 3 + Vite 的可视化低代码平台，支持拖拽式页面设计和动态布局配置。

## 功能特性

- 🎨 **可视化布局编辑器** - 支持 CSS Grid 布局的可视化配置
- 🧩 **组件库** - 丰富的预设组件和自定义组件支持
- 📱 **响应式设计** - 适配多端设备的响应式布局
- 💾 **模板系统** - 布局模板的保存、加载和管理
- 🔧 **属性面板** - 实时的样式属性编辑
- 📦 **组件化架构** - 模块化的组件设计

## 技术栈

- **前端框架**: Vue 3 + Composition API
- **构建工具**: Vite 4
- **状态管理**: Pinia
- **路由**: Vue Router 4
- **样式**: SCSS + CSS Grid
- **Mock 数据**: vite-plugin-mock
- **地图组件**: OpenLayers

## 快速开始

### 安装依赖

```bash
npm install
```

### 启动开发服务器

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

### 预览生产构建

```bash
npm run preview
```

## 项目结构

```
src/
├── components/          # 公共组件
│   └── core/           # 核心组件
│       └── layoutCore/ # 布局核心组件
├── views/              # 页面组件
│   ├── core/          # 核心功能页面
│   ├── components/    # 组件库页面
│   └── templates/     # 模板中心页面
├── stores/             # 状态管理
├── apis/              # API 接口
├── styles/            # 全局样式
├── router/            # 路由配置
└── mock/              # Mock 数据
```

## 主要功能

### 布局编辑器
- 支持拖拽式布局设计
- CSS Grid 网格布局
- 实时预览和编辑
- 布局配置导入/导出

### 组件库
- 丰富的 UI 组件
- 自定义组件支持
- 组件属性配置
- 组件样式编辑

### 模板中心
- 预设布局模板
- 自定义模板保存
- 模板分类管理
- 一键应用模板

## 开发指南

### 添加新组件

1. 在 `src/components/` 下创建组件文件
2. 导出组件配置
3. 在组件库中注册

### 添加新页面

1. 在 `src/views/` 下创建页面组件
2. 在 `src/router/index.js` 中添加路由
3. 更新导航菜单

## 贡献指南

1. Fork 项目
2. 创建特性分支 (`git checkout -b feature/amazing-feature`)
3. 提交更改 (`git commit -m 'Add some amazing feature'`)
4. 推送到分支 (`git push origin feature/amazing-feature`)
5. 创建 Pull Request

## 许可证

MIT License