# KGFront

**Repository Path**: pzr001/kgfront

## Basic Information

- **Project Name**: KGFront
- **Description**: 知识图谱构建前端代码
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-02-02
- **Last Updated**: 2026-04-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# KGFront - 知识图谱构建前端系统
<div align="center">
  <img src="https://img.shields.io/badge/Vue-3.x-brightgreen" alt="Vue 3">
  <img src="https://img.shields.io/badge/TypeScript-5.x-blue" alt="TypeScript">
  <img src="https://img.shields.io/badge/Element Plus-2.x-409eff" alt="Element Plus">
  <img src="https://img.shields.io/badge/License-MIT-yellow" alt="MIT">
  <a href="https://gitee.com/pzr001/kgfront" target="_blank">
    <img src="https://gitee.com/pzr001/kgfront/badge/star.svg?theme=dark" alt="Gitee Stars">
  </a>
</div>

## 项目简介
KGFront（Knowledge Graph Frontend）是一套面向知识图谱全生命周期管理的前端解决方案，专注于提供**可视化、低门槛、可扩展**的图谱构建与管理能力。项目基于成熟的中后台框架搭建，开箱即用，让开发者无需从零搭建基础架构，专注于知识图谱核心业务逻辑的实现。

本项目适用于企业级知识图谱平台、行业知识库、语义搜索系统、智能问答系统等场景的前端快速开发与原型验证。

## 技术栈
- 核心框架：Vue 3 + TypeScript
- 状态管理：Pinia
- 路由系统：Vue Router（基于文件系统自动路由）
- UI 组件库：Element Plus（支持自由替换）
- 样式方案：UnoCSS + SCSS
- 构建工具：Vite
- 工程化：ESLint + Stylelint + Git Hooks + Commitlint
- 图标体系：SVG 本地图标 + Iconify 图标 + UnoCSS 图标
- 基础框架：基于 Fantastic-admin 基础版搭建，继承其完整的工程化与通用中后台能力

## 功能说明
### ✅ 已实现功能
1. **知识图谱核心基础组件**
   - 节点编辑对话框：支持节点属性、标签、描述的创建与修改
   - 基础组件测试页面：用于调试与验证核心交互逻辑

2. **通用中后台基础能力**
   - 多端自适应布局（PC/平板/移动端）
   - 可定制化全局主题与导航模式
   - 原生体验标签页（新建/关闭/刷新/拖拽）
   - 完整的权限验证体系（路由级/按钮级）
   - 国际化多语言支持
   - 内置 Mock 服务，支持脱离后端独立开发

### 🚧 开发中/待实现功能
| 版本规划 | 核心功能 |
|----------|----------|
| v0.1.0 | 集成 G6 图谱可视化引擎，支持节点/关系的拖拽、缩放、选中 |
| v0.2.0 | 关系编辑功能、图谱画布工具栏、节点/关系样式自定义 |
| v0.3.0 | 批量数据导入（CSV/Excel/JSON）、数据导出功能 |
| v0.4.0 | 图谱查询（节点查询/关系查询/路径查询）、图谱检索 |
| v0.5.0 | 图谱分析（中心性分析/社区发现/关联分析）、可视化报表 |
| v1.0.0 | 完整的用户权限管理、系统管理、操作日志审计 |

## 快速开始
### 环境要求
- Node.js >= 18.0.0（推荐版本见 `.node-version`）
- pnpm >= 8.0.0

### 安装与启动
```bash
# 克隆项目
git clone https://gitee.com/pzr001/kgfront.git
cd kgfront

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build

# 预览生产构建
pnpm preview