# xiumu-admin-ui

**Repository Path**: siumu/xiumu-admin-ui

## Basic Information

- **Project Name**: xiumu-admin-ui
- **Description**: xiumu-template前端代码
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-07-24
- **Last Updated**: 2024-06-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 简介

这是copy来的一个前端项目，稍微改了一点点

是 `https://gitee.com/siumu/xiumu-template.git`  项目的配套前端工程

# 技术体系

| 框架         | 说明                                                  | 官网                                 |
| ------------ | ----------------------------------------------------- | ------------------------------------ |
| Vite         | 下一代的前端工具链                                    | https://cn.vitejs.dev/               |
| Vue          | 易学易用，性能出色，适用场景丰富的 Web 前端框架       | https://cn.vuejs.org/                |
| Vue Router   | Vue.js 的官方路由                                     | https://router.vuejs.org/zh/         |
| Element-Plus | 一个Vue3 UI 框架                                      | https://element-plus.gitee.io/zh-CN/ |
| Axios        | 基于 promise 的网络请求库                             | https://www.axios-http.cn/           |
| Day.js       | 一个轻量的处理时间和日期的 JavaScript 库              | https://dayjs.gitee.io/zh-CN/        |
| Pinia        | 您将喜欢使用的 Vue 存储库                             | https://pinia.web3doc.top/           |
| sass         | 号称世界上最成熟、最稳定、最强大的专业级CSS扩展语言！ | https://www.sass.hk/                 |

# 项目结构

```lua
├── public                     # 静态资源
│   └── favicon.ico            # favicon图标
├── src                        # 源代码
│   └── api                    # 所有请求
│   └── assets                 # 图片，icon等静态资源
│   └── components             # 全局公用组件
│   └── directive              # 全局指令
│   └── enums                  # 前端枚举实现，避免魔法值
│   └── layout                 # 全局 layout
│   └── router                 # 路由
│   └── store                  # 全局 存储管理
│   └── style                  # 全局样式
│   └── utils                  # 全局公用方法
│   └── views                  # views 所有页面
│   └── App.vue                # 入口页面
│   └── main.js                # 入口文件 加载组件 初始化等
│   └── permission.js          # 路由守卫，权限管理
├── .env.xxx                   # 环境变量配置
├── .prettierrc.js             # 代码格式配置
├── index.html                 # html模板
├── package.json               # package.json
├── vite.config.js             # vite 配置
```

# 快速开始

1. 具备一点vue3知识，node知识，npm知识，了解一下vite。
2. 安装依赖 `npm install`
3. 启动项目 `vite` 
4. 账号: xiumu 
5. 密码: 123456