# dataincode

**Repository Path**: jsbluekitty/dataincode

## Basic Information

- **Project Name**: dataincode
- **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-06
- **Last Updated**: 2025-11-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">

# DataInCode - 数据管理平台

[![Vue](https://img.shields.io/badge/Vue-3.2+-brightgreen.svg)](https://vuejs.org/)
[![Ant Design Vue](https://img.shields.io/badge/Ant%20Design%20Vue-4.x-blue.svg)](https://www.antdv.com/)
[![ECharts](https://img.shields.io/badge/ECharts-5.x-orange.svg)](https://echarts.apache.org/)
[![License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

一个基于 Vue 3.x + Ant Design Vue + ECharts 的现代化数据管理平台

[![在线演示](https://img.shields.io/badge/在线演示-View%20Demo-blue)](https://gitee.com/jsbluekitty/dataincode) [![报告问题](https://img.shields.io/badge/报告问题-Report%20Issue-red)](https://gitee.com/jsbluekitty/dataincode/issues) [![功能建议](https://img.shields.io/badge/功能建议-Feature%20Request-green)](https://gitee.com/jsbluekitty/dataincode/issues)

</div>

## 📋 更新日志

### v1.0.0 (2025-11-06)
- ✨ 完成项目基础架构搭建
- 🔐 实现用户登录认证系统
- 📊 开发数据可视化仪表板
- 📤 添加数据申请和上传功能
- ✅ 实现数据审批流程
- 🎨 设计响应式用户界面
- 🎭 添加动态Canvas背景动画
- 🔗 集成Gitee项目链接

## 📖 项目介绍

DataInCode是一个现代化的数据管理平台，专为企业和开发者设计。平台集成了用户认证、数据可视化、审批流程等核心功能，采用前后端分离架构构建，提供了流畅的用户体验和强大的数据处理能力。

### 🚀 主要功能

- **用户认证系统**：安全的登录验证，支持token管理和会话控制
- **数据仪表板**：实时数据可视化展示，包含统计图表和数据总览
- **数据申请**：用户可提交数据申请请求，支持文件上传
- **审批流程**：管理员可对数据申请进行审核和审批
- **响应式设计**：完美适配桌面端和移动端设备
- **动态背景**：创新的Canvas动画背景，提升视觉体验

### 🛠️ 技术栈

#### 前端技术栈
- **Vue 3** - 渐进式JavaScript框架
- **Vue Router 4** - 官方路由管理器
- **Ant Design Vue** - 企业级UI组件库
- **Axios** - HTTP客户端
- **Canvas API** - 动态背景绘制

#### 后端技术栈
- **Python** - 后端开发语言
- **Flask** - 轻量级Web框架
- **PostgreSQL** - 关系型数据库
- **JWT** - Token认证

#### 开发工具
- **Vue CLI** - 项目脚手架
- **ESLint** - 代码规范检查
- **Git** - 版本控制

## 🚀 快速开始

### 环境要求

- Node.js >= 18.0.0
- npm >= 8.0.0
- Python >= 3.8 (后端)
- PostgreSQL >= 12 (数据库)

### 安装依赖

```bash
# 安装前端依赖
npm install

# 安装后端依赖 (如果有requirements.txt)
pip install -r requirements.txt
```

### 开发环境运行

```bash
# 启动前端开发服务器
npm run serve

# 启动后端服务 (根据实际情况)
python app.py
```

### 生产环境构建

```bash
# 构建生产版本
npm run build

# 预览构建结果
npm run preview
```

### 代码规范检查

```bash
# 代码检查和自动修复
npm run lint
```

## 📁 项目结构

```
dataincode/
├── public/                 # 静态资源
│   ├── fonts/             # 自定义字体
│   └── assets/            # 图片等资源
├── src/
│   ├── components/        # 公共组件
│   ├── views/            # 页面组件
│   │   ├── Home.vue      # 首页
│   │   ├── Login.vue     # 登录页
│   │   ├── About.vue     # 关于页
│   │   └── ...           # 其他页面
│   ├── router/           # 路由配置
│   ├── App.vue           # 根组件
│   └── main.js           # 入口文件
├── babel.config.js        # Babel配置
├── vue.config.js         # Vue CLI配置
└── package.json          # 项目配置
```

## 🔧 配置说明

### 环境变量

创建 `.env` 文件配置环境变量：

```env
# API基础URL
VUE_APP_API_BASE_URL=http://localhost:5000/api

# 其他配置
VUE_APP_TITLE=DataInCode
```

### 自定义配置

参考 [Vue CLI配置参考](https://cli.vuejs.org/config/) 进行自定义配置。

## 🤝 贡献指南

欢迎提交Issue和Pull Request来改进这个项目！

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

## 📄 许可证

本项目采用 MIT License - 查看 [LICENSE](LICENSE) 文件了解详情

## 👨‍💻 作者

- **开发者** - [jsbluekitty](https://gitee.com/jsbluekitty)
- **项目主页** - [https://gitee.com/jsbluekitty/dataincode](https://gitee.com/jsbluekitty/dataincode)

## 🙏 致谢

感谢所有为这个项目做出贡献的开发者！

---

⭐ 如果这个项目对你有帮助，请给我们一个Star！