# AICreateCoding

**Repository Path**: anylinkai/aicreatecoding

## Basic Information

- **Project Name**: AICreateCoding
- **Description**: 使用Claude Code工具 + Kimi-k2.7-code 模型生成的多个项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-08-10
- **Last Updated**: 2026-08-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AICreateCoding 工作区项目说明文档

## 概述

本工作区包含多个由 AI 辅助生成的项目，涵盖 DevOps、质量治理、内容管理、权限控制等多个业务领域。每个项目均遵循统一的目录结构规范，包含完整的产品需求、技术方案、测试报告、AI 对话记录和源代码。

## 统一目录结构

每个项目目录下均包含以下子目录：

| 目录 | 说明 |
|------|------|
| `01-PRD文档/` | 产品需求文档（Product Requirements Document） |
| `02-技术方案/` | 技术方案设计文档 |
| `03-测试报告/` | 测试用例与测试报告 |
| `04-AI对话记录/` | AI 辅助编码的对话上下文记录 |
| `05-项目源代码/` | 项目完整源代码 |

## 项目列表

### 1. AlarmRuleConfigPage — 告警规则配置页面

- **技术栈**: React + TypeScript + Vite
- **功能**: 告警规则的创建、编辑、测试和统计管理
- **核心模块**: RuleForm（规则表单）、RuleTestModal（规则测试）、RuleList（规则列表）、RuleStatistic（规则统计）
- **工具类**: ruleEngine（规则引擎）、validators（校验器）、exportUtils（导出工具）

### 2. CodeQuality — 代码质量管理系统

- **技术栈**: 前端 Vue 3 + Vite / 后端 Node.js + Express
- **功能**: 代码质量评分、问题追踪、趋势分析、配置管理
- **核心模块**: Dashboard（仪表盘）、Issues（问题列表）、Config（配置）、Trends（趋势）
- **后端**: SQLite 数据库，提供 projects/issues/quality/reports/config REST API

### 3. CodeQualityBoard — 代码质量评分看板

- **技术栈**: React + TypeScript + Vite + TailwindCSS + Vitest
- **功能**: 模块质量评分展示、质量门禁、问题追踪、报告导出
- **核心组件**: MetricCard、ModuleSelector、ScoreRing、TrendChart
- **页面**: Dashboard、Gates、Issues、Reports

### 4. CodeQualityScoreboard — 代码质量评分看板（Docker 版）

- **技术栈**: 前端 React + Vite / 后端 Node.js + Docker 部署
- **功能**: 项目质量总览、质量报告、问题追踪、配置管理
- **部署**: 含 Dockerfile 和 nginx 配置，支持容器化部署

### 5. CodeReview — 代码审查系统

- **技术栈**: Vue 3 + TypeScript + Vite + Pinia
- **功能**: 代码审查任务管理、审查人分配、统计数据、任务详情
- **核心组件**: Layout、TaskCard、TaskCreateModal、TaskDetailDrawer
- **页面**: Dashboard、Tasks（看板）、Reviewers、Statistics

### 6. ContentFlow — 内容流转系统

- **技术栈**: 前端 Vue 3 + Vite / 后端 Node.js + Express + JSON 文件存储
- **功能**: 内容管理、审批流程、发布日历、版本对比、渠道配置
- **页面**: Dashboard、ContentList、ContentEdit、ContentDetail、ApprovalList、ApprovalTask、FlowConfig、ChannelConfig、TemplateManage、UserManage、PublishCalendar、VersionHistory、Login

### 7. ContentPublish — 内容发布审批流系统

- **技术栈**: 前端 React + TypeScript + Redux / 后端 Node.js + Express + Sequelize + SQLite
- **功能**: 内容发布、审批流程、版本管理、发布排期
- **后端模型**: User、Content、ContentVersion、ApprovalRecord、WorkflowTemplate、PublishSchedule
- **前端页面**: Dashboard、ContentList、ContentEdit、ContentDetail、ApprovalList、ApprovalDetail、VersionHistory、Login

### 8. ContentPublishApproval — 内容发布审批系统

- **技术栈**: 前端 React + TypeScript + Vite / 后端 Node.js + Express + Prisma + SQLite
- **功能**: 内容编辑与审批、工作流配置、版本对比、发布日历、审批操作
- **特色**: 使用 Prisma ORM，含数据库迁移脚本和种子数据

### 9. ContentTagSystem — 内容标签系统

- **技术栈**: React + TypeScript + Vite（前后端同项目）
- **功能**: 标签树管理、同义词管理、热门标签排行、标签推荐、合规检查、批量操作、清理、导出
- **后端**: 内置 Express 服务器，SQLite 数据库

### 10. DbTableView — 数据库表结构可视化

- **技术栈**: React + TypeScript + Vite + TailwindCSS + Vitest
- **功能**: SQL DDL 导入解析、表结构树形展示、表关系图、表详情、数据导出
- **核心组件**: SQLImport、TableTree、TableDetail、RelationshipGraph、ExportButton
- **解析器**: sqlParser（支持 CREATE TABLE 语句解析）

### 11. DbView — 数据库表关系可视化

- **技术栈**: 原生 HTML + CSS + JavaScript（无框架）
- **功能**: SQL 导入、字段展示、历史记录、关系图、数据导出
- **核心模块**: app.js、sqlParser.js、relationGraph.js

### 12. InterfaceDependency — 接口依赖调用链路可视化

- **技术栈**: React + TypeScript + Vite + TailwindCSS
- **功能**: 服务依赖图、调用链路树、环路检测、路径查找、搜索、统计分析
- **核心引擎**: cycleDetector（环路检测）、pathFinder（路径查找）、searchEngine（搜索）、statsEngine（统计）
- **组件**: GraphView、TreeView、Sidebar、BottomPanel、ServiceView、Header

### 13. ProjectRiskWarningPanel — 项目风险预警看板

- **技术栈**: 前端 React + TypeScript + Vite / 后端 Node.js + Express + SQLite
- **功能**: 风险评分卡片、风险热力图、风险雷达图、风险趋势图、缓解措施追踪、通知面板、报告导出
- **后端**: 评估/缓解/通知/项目/阈值控制器

### 14. RBAC — RBAC 权限配置管理

- **技术栈**: React + TypeScript + Vite + TailwindCSS
- **功能**: 角色管理、权限定义、角色权限矩阵、用户角色分配、用户查询、角色差异对比、审计日志
- **核心**: RBACContext 上下文管理，localStorage 持久化

### 15. rbac-system — RBAC 权限系统（完整版）

- **技术栈**: 前端 React / 后端 Go + Docker
- **功能**: 完整的 RBAC 权限管理系统，含 Docker Compose 部署
- **特色**: 包含 .agents 技能配置，支持多种 AI 辅助开发工作流

### 16. ServiceHealthDashboard — 服务健康看板

- **技术栈**: React + TypeScript + Vite + TailwindCSS
- **功能**: 服务状态监控、分组展示、响应时间排名、告警中心、历史查询、日报、配置管理
- **特色**: Web Worker 轮询、AppContext 全局状态管理

### 17. ServiceHealthMonitoringDashboard — 服务健康监控看板

- **技术栈**: 原生 HTML + CSS + JavaScript
- **功能**: 服务健康状态展示、图表可视化、健康检查
- **核心模块**: app.js、charts.js、healthChecker.js、mockData.js、store.js

### 18. ServiceHealthMonitoringPanel — 服务健康监控面板（Gatus 集成）

- **技术栈**: Go（Gatus 开源项目集成）
- **功能**: 基于开源项目 Gatus 的服务健康监控，支持多种告警通知渠道
- **特色**: 集成 Gatus 完整源码，支持 Discord/Slack/Email/PagerDuty/Telegram 等多种告警方式

### 19. ServiceHealthPanel — 服务健康面板

- **技术栈**: 前端原生 HTML/JS / 后端 Go + SQLite
- **功能**: 服务健康状态监控、配置管理、日报生成、告警通知
- **后端**: Go 实现，含 checker（健康检查）、storage（存储）、daily（日报）、api（接口）模块

### 20. TestPerformanceDashboard — 性能压测结果分析看板

- **技术栈**: React + TypeScript + Vite + TailwindCSS
- **功能**: JMeter/K6/自定义 CSV 数据导入、TPS 趋势、响应时间分布与趋势、API 对比、瓶颈分析、错误分析、轮次对比、报告导出
- **解析器**: jmeterParser、k6Parser、customCsvParser
- **工具**: statistics（统计计算）、reportExporter（报告导出）

## 技术栈汇总

| 类别 | 技术 |
|------|------|
| 前端框架 | React、Vue 3 |
| 语言 | TypeScript、JavaScript、Go |
| 构建工具 | Vite |
| 样式 | TailwindCSS、CSS |
| 状态管理 | Pinia、Redux、React Context |
| 后端框架 | Express (Node.js)、Go 原生 |
| 数据库 | SQLite、Prisma ORM、Sequelize |
| 测试 | Vitest、Jest |
| 部署 | Docker、Docker Compose、Nginx |

## 其他文件

| 文件/目录 | 说明 |
|-----------|------|
| `.joycode/` | JoyCode 配置目录（含 memory 和 rules） |
| `rbac-system/.agents/` | AI Agent 技能配置（含多种开发工作流技能） |