基于Vue3.3后台管理框架源码 - Geeker-Admin

基于Vue3.3后台管理框架源码 - Geeker-Admin源码下载

看看谁在用

查看文件目录结构

文件大小:2.98M

素材分类: 模板- 后台管理

更新时间:2023-12-07

Geeker-Admin一款基于Vue3.3、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架,使用目前最新技术栈开发。项目提供强大的 ProTable 组件,在一定程度上提高您的开发效率。另外本项目还封装了一些常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能。
主要功能
  • 使用 Vue3.3 + TypeScript 开发,单文件组件<script setup>
  • 采用 Vite5 作为项目开发、打包工具(配置 gzip/brotli 打包、tsx 语法…)
  • 使用 Pinia 替代 Vuex,轻量、简单、易用,集成 Pinia 持久化插件
  • 使用 TypeScript 对 Axios二次封装(请求拦截、取消、常用请求封装…)
  • 基于 Element 二次封装 ProTable 组件,表格页面全部为配置项
  • 支持 Element 组件大小切换、多主题布局、暗黑模式、i18n 国际化
  • 使用 VueRouter 配置动态路由权限拦截、路由懒加载,页面按钮权限控制
  • 使用 KeepAlive 对页面进行缓存,支持多级嵌套路由缓存
  • 常用自定义指令开发(权限、复制、水印、拖拽、节流、防抖、长按…)
  • 使用 Prettier 统一格式化代码,集成 ESLint、Stylelint 代码校验规范
  • 使用 husky、lint-staged、commitlint、czg、cz-git 规范提交信息

安装使用步骤
Clone:
# Gitee
git clone https://gitee.com/HalseySpicy/Geeker-Admin.git
# GitHub
git clone https://github.com/HalseySpicy/Geeker-Admin.git
Install:
pnpm install
Run:
pnpm dev
pnpm serve
Build:
# 开发环境
pnpm build:dev

# 测试环境
pnpm build:test

# 生产环境
pnpm build:pro
Lint:
# eslint 检测代码
pnpm lint:eslint

# prettier 格式化代码
pnpm lint:prettier

# stylelint 格式化样式
pnpm lint:stylelint
commit:
# 提交代码(提交前会自动执行 lint:lint-staged 命令)
pnpm commit
后台管理Bootstrap网页模板UI_14325_15188

包含一个数据大屏页面

后台管理Bootstrap网页模板UI_14325_15189

常见的数据图表都有

基于Vue3.3后台管理框架源码

正在加载文件目录...

(¬_¬)下载了 此素材
秦思扬下载了 此素材
蓝鲸没有牙下载了 此素材
乐意下载了 此素材
无聊的小胖下载了 此素材
小娇妻下载了 此素材
怀中明月收藏了 此素材
风轻云淡下载了 此素材
合众资源下载了 此素材
A下载了 此素材

也许你还喜欢

  1. VueJs软件应用着陆页模板
  2. 带电商的Vuejs管理后台模板前端框架
  3. 大气端庄政府政治类网站VueJS模板
  4. VueJS管理模板和Webapp工具包
  5. vuejs手机端停车缴费功能html页面
  6. vue+element-ui中后台前端框架
  7. VueJS 3后台管理模板UI套件源码
  8. 简单的vue bootstrap后台管理页面
IT解决方案和技术企业模板
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器