# code-lang

**Repository Path**: deven773/code-lang

## Basic Information

- **Project Name**: code-lang
- **Description**: No description available
- **Primary Language**: HTML
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-02-07
- **Last Updated**: 2026-02-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 新编程语言开发平台

一个集成代码编辑、编译、文档查阅、数据库管理的综合性开发平台。

## 功能特性

- **代码编辑器**: 支持语法高亮、自动补全的现代化代码编辑器
- **编译器**: 模拟新编程语言的编译和运行环境
- **文档中心**: 完整的语言参考文档和教程
- **数据库管理**: 可视化数据库操作和SQL执行
- **深色/浅色主题**: 支持主题切换
- **文件管理**: 项目文件的创建、编辑、删除等操作

## 项目结构

```
code-lang/
├── index.html          # 主页面
├── js/
│   └── app.js          # 前端应用逻辑
├── api/
│   ├── app.py          # Flask后端服务
│   └── requirements.txt # Python依赖
├── start-backend.sh    # 启动后端服务脚本
└── README.md           # 项目说明
```

## 快速开始

### 1. 启动后端服务

```bash
# 运行启动脚本
./start-backend.sh

# 或者手动启动
cd api
pip install -r requirements.txt
python app.py
```

后端服务将在 `http://localhost:5000` 启动。

### 2. 启动前端应用

直接在浏览器中打开 `index.html` 文件即可。

## 后端API接口

### 编译器接口

- `POST /api/compiler/compile` - 编译代码
- `POST /api/compiler/run` - 运行代码
- `POST /api/compiler/debug` - 调试代码

### 文件管理接口

- `GET /api/files` - 获取文件列表
- `GET /api/files/<filename>` - 获取文件内容
- `POST /api/files/<filename>` - 保存文件
- `DELETE /api/files/<filename>` - 删除文件

### 数据库接口

- `GET /api/database/databases` - 获取数据库列表
- `GET /api/database/<database>/tables` - 获取表列表
- `GET /api/database/<database>/table/<table>` - 获取表数据
- `POST /api/database/execute` - 执行SQL语句

### 历史记录接口

- `GET /api/history/<type>` - 获取历史记录 (compile, run, sql)

## 技术栈

- **前端**: HTML5, CSS3, JavaScript, Tailwind CSS, CodeMirror
- **后端**: Python, Flask
- **数据库**: 模拟数据库 (可扩展为真实数据库)

## 使用说明

1. 首先启动后端服务
2. 打开前端页面
3. 在编辑器中编写代码
4. 使用编译/运行按钮测试代码
5. 在数据库标签页管理数据
6. 在文档标签页查阅参考文档

## 开发说明

### 添加新功能

1. 在 `js/app.js` 中添加新的功能模块
2. 在 `api/app.py` 中添加对应的后端接口
3. 更新 `index.html` 中的UI组件

### 自定义配置

- 数据库配置: 修改 `api/app.py` 中的 `DATABASES` 变量
- 编辑器配置: 修改 `js/app.js` 中的 `initEditor()` 函数

## 许可证

MIT License