# Geeker-Admin

**Repository Path**: AhChi/Geeker-Admin

## Basic Information

- **Project Name**: Geeker-Admin
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: 0BSD
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1493
- **Created**: 2022-04-17
- **Last Updated**: 2022-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3.2 + TypeScript+ Pinia + Vite2 + Element-Plus 管理系统（持续更新中 🎉🎉）

## Geeker-Admin 后台管理系统 🍇🍈🍉

## 前言 📖

> Geeker Admin，是基于 Vue3.2、TypeScript、Vite2、Pinia、Element-Plus 开发的一套后台管理模板，目前利用空余时间开发了一个月左右 🕒🕒。项目中很多功能都是借鉴别的管理系统，整个项目还有很多地方不完善，后期会持续更新。项目中有很多地方写得不是很好，希望大家能多提意见。

## ？？？为什么开发这个管理系统 🤷‍♂️🤷‍♂️

> 1、主要是学习下 Vue3 + TypeScript  
> 2、目前看了很多 Vue3 的开源后台管理系统，感觉都非常庞大，很多功能基本上也用不到，所以自己就尝试写了一下这个管理系统（适合自己的才是最好的 🤣）。

### 一、在线访问地址：http://admin.spicyboy.cn/

### 二、Gitee 仓库：https://gitee.com/laramie/Geeker-Admin (欢迎 Star⭐⭐⭐)

### 三、🔨🔨🔨 项目功能

- 🍓 使用 Vue3.2 开发（单文件组件 `＜script setup＞`）
- 🍇 采用 vite2 作为项目开发工具（配置了 Gzip 打包、图片压缩、跨域代理、包预览工具……）
- 🍉 整个项目集成了 TypeScript （完全是为了想学习 🤣）
- 🍍 使用 pinia 替代 Vuex，轻量、简单、易用（香啊~🤤）
- 🍎 对 Axios 整个二次封装 （全局错误拦截、常用请求封装、重复请求取消……）
- 🍌 对表格的所有操作基本都封装成了 Hooks （表格搜索、重置、查询、分页、多选、单条数据操作、文件上传、下载、格式化单元格）
- 🍉 使用 prettier 统一格式化代码（没集成 Eslint）
- 🥭 使用 vue-router 路由权限拦截、按钮权限设置
- 🍈 使用 keep-alive 对整个页面进行缓存（路由里可配置）

### 四、项目后台接口

> 项目后台接口完全采用 Mock 数据  
> 推荐一个在线 Mock 平台： https://www.fastmock.site/