# basic

**Repository Path**: qt-admin/basic

## Basic Information

- **Project Name**: basic
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-07
- **Last Updated**: 2024-10-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目简介

QT-Admin（[Github 地址](https://github.com/qt-admin/basic.git)、[Gitee 地址](https://gitee.com/qt-admin/basic.git)） 是基于 Vue3 + Vite5 + Typescript5 + Element-Plus + Pinia + Axios 等主流技术栈构建的开源后台管理系统。

## 项目计划

目前项目基本框架已经搭建完毕，迭代功能正在路上...

部分功能介绍如下：

1. 整个项目的样式基于 ElementPlus 和 UnoCSS，支持暗黑/明亮两种模式，同时支持自定义主题颜色；
2. 模拟部分场景操作，如登录、消息通知、表格查询、新增、编辑等（基于 Mockjs 实现）；
3. 项目尺寸适配移动端（基于 resize-observer 实现）；
4. 支持个性化配置，如自定义主题色、自定义表单弹窗样式（后续会支持更多功能）；
5. ...

## 项目一览

[传送门](https://qt-admin.github.io/#/home)

<div>
  <img src="./src/assets/p1.png" />
  <p align="center">[ 暗黑/明亮主题 ]</p>
  <img src="./src/assets/p2.png" />
  <p align="center">[ 主题色配置 ]</p>
  <img src="./src/assets/p3.png" />
  <p align="center">[ 移动端适配 ]</p>
</div>


## 版本依赖

<div align="left">
  <img src="https://img.shields.io/badge/Vue-3.4.21-42b883"/>
  <img src="https://img.shields.io/badge/Vite-5.1.6-ffc31b"/>
  <img src="https://img.shields.io/badge/Element%20Plus-2.6.3-409eff"/>
  <img src="https://img.shields.io/badge/Unocss-0.58.6-cccccc"/>
  <img src="https://img.shields.io/badge/Author-Partiny-b93305"/>
</div>

本项目基于以下框架/类库（排名不分先后）开发完成，特别感谢😘~

- Vue3 [官网](https://cn.vuejs.org/)
- Element Plus [官网](https://element-plus.org/zh-CN/)
- Vue Router [官网](https://router.vuejs.org/zh/)
- Pinia [官网](https://pinia.vuejs.org/zh/)
- Axios [官网](https://axios-http.com/)
- UnoCSS [官网](https://unocss.dev/)
- Sass [官网](github.com/sass/dart-sass)
- Mockjs [官网](http://mockjs.com/)
- ...

篇幅有限无法逐一列举，也感谢文中未提到的其它依赖~

## 项目启动

```bash
# 克隆代码
# Github 地址
git clone https://github.com/qt-admin/basic.git
# Gitee 地址
git clone https://gitee.com/qt-admin/basic.git

# 切换目录
cd qt-admin

# 安装 pnpm（已安装则跳过该步骤）
npm install pnpm -g

# 安装依赖
pnpm install

# 启动运行
pnpm dev
```

## 支持一下

如果觉得框架不错，或者对你有用，可以去帮我点个 ⭐ Star，谢谢~~