基于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后台管理框架源码

正在加载文件目录...

北北在哪呢
北北在哪呢下载了 此素材
加加油
加加油下载了 此素材
加加油
加加油收藏了 此素材
山人
山人下载了 此素材
小五郎
小五郎下载了 此素材
我只陪你し ひの寶貝
我只陪你し ひの寶貝收藏了 此素材
ID658757
ID658757下载了 此素材
ID740965
ID740965收藏了 此素材
ID740965
ID740965下载了 此素材
A_
A_下载了 此素材

也许你还喜欢

  1. 5种版本管理后台模板UI框架源码
  2. Vuejs和vuex管理后台系统框架
  3. vue3中后台管理系统模板
  4. Vue Nuxt.js电子商务网站模板框架
  5. VueJs软件应用着陆页模板
  6. VueJS管理模板和Webapp工具包
  7. 带电商的Vuejs管理后台模板前端框架
  8. vuejs手机端停车缴费功能html页面
IT解决方案和技术企业模板
  • 标签大全|网站地图|关于我们|用户协议
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器|在线工具