# mst_front

**Repository Path**: xdx_coder_dev/mts_front

## Basic Information

- **Project Name**: mst_front
- **Description**: 多语言管理页面前端和最终应用页面前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-05
- **Last Updated**: 2025-06-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, JavaScript, TypeScript, Vue, Pinia

## README

# 多语言管理后台页面

## 介绍

这是一个基于 React + TypeScript + Vite 的多语言管理后台前端项目。它提供了用户界面，用于管理多语言应用程序的各种功能模块，包括用户管理、组件管理、语言管理和日志管理等。

该项目使用 Ant Design 作为 UI 框架，并结合 Redux Toolkit 进行状态管理，适用于构建企业级后台管理系统。

## 软件架构

- **前端框架**: React + TypeScript
- **构建工具**: Vite
- **UI 框架**: Ant Design
- **状态管理**: Redux Toolkit
- **路由管理**: React Router DOM
- **HTTP 请求**: Axios
- **代码规范**: ESLint

## 安装教程

1. 确保你已经安装了 [Node.js](https://nodejs.org) 和 [npm](https://www.npmjs.com/)。
2. 克隆项目到本地：
   ```bash
   git clone <repository-url>
   ```
3. 进入项目目录并安装依赖：
   ```bash
   cd antd-backend
   npm install
   ```
4. 配置 `.env` 文件（根据实际需求修改）：
   ```env
   VITE_API_URL=http://your-api-server.com/api
   ```
5. 启动开发服务器：
   ```bash
   npm run dev
   ```

## 使用说明

- **登录**: 使用 `/src/pages/auth/Login.tsx` 提供的登录页面进行身份验证。
- **仪表盘**: 登录后进入 `/src/pages/Dashboard.tsx` 查看系统概览。
- **用户管理**: 在 `/src/pages/user/UserList.tsx` 中管理用户账户。
- **语言管理**: 使用 `/src/pages/language/LanguageList.tsx` 添加、编辑或删除语言。
- **组件管理**: 在 `/src/pages/component/ComponentList.tsx` 中管理组件。
- **日志管理**: 查看系统日志信息在 `/src/pages/log/LogList.tsx`。

## 参与贡献

欢迎贡献代码和改进项目！请遵循以下步骤：

1. Fork 项目仓库。
2. 创建新分支 (`git checkout -b feature/new-feature`)。
3. 提交更改 (`git commit -m 'Add new feature'`)。
4. 推送分支 (`git push origin feature/new-feature`)。
5. 提交 Pull Request。

## 特技

- 支持响应式布局，适配不同设备。
- 使用 Redux Toolkit 管理全局状态，提高性能和可维护性。
- 提供私有路由 (`PrivateRoute.tsx`) 以保护受限制的页面。
- 支持模块化开发，便于扩展和维护。
- 使用 ESLint 保证代码质量和一致性。

## 许可证

本项目采用 MIT 许可证。详情请查看项目中的 LICENSE 文件。