运营优化框架学习

Geeker-Admin

更新日期:2024年2月28日

Geeker Admin是一个基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架,可以帮助我们快速构建功能强大、界面美观、易于使用的后台管理系统。

Geeker-Admin前言

Geeker Admin,基于 Vue3.2、TypeScript、Vite2、Pinia、Element-Plus 开源的一套后台管理模板,目前利用空余时间开发 ??。项目中很多样式都是借鉴其它的管理系统,但代码是完全自己编写的,整个项目还有很多地方不完善,后期会持续更新(项目文档),希望大家能多提意见。

为什么开发这个管理系统

主要是学习下 Vue3.2 + TypeScript
目前看了很多 Vue3 的开源后台管理系统,感觉都非常庞大,很多功能基本上也用不到,所以自己就尝试写了一下这个管理系统(适合自己的才是最好的 ?)
项目相关文档
项目更新日志:CHANGELOG.md

代码规范文档:STANDARD.md

一、在线预览

Link:https://admin.spicyboy.cn

二、Git 仓库地址 (欢迎 Star)

Gitee:https://gitee.com/laramie/Geeker-Admin
GitHub:https://github.com/HalseySpicy/Geeker-Admin

三、React18 最新版本已完成 欢迎 Star

Gitee:https://gitee.com/laramie/Hooks-Admin
GitHub:https://github.com/HalseySpicy/Hooks-Admin

四、项目功能

使用 Vue3.2 开发,单文件组件 <script setup>
采用 Vite2 作为项目开发、打包工具(配置了 Gzip 打包、TSX 语法、跨域代理、打包预览工具……)
整个项目集成了 TypeScript (完全是为了想学习 ?)
使用 Pinia? 替代 Vuex,轻量、简单、易用(香啊~? 集成了持久化插件)
使用 TypeScript 对 Axios 整个二次封装 (全局错误拦截、常用请求封装、全局请求 Loading、取消重复请求……)
对表格的所有操作基本都封装成了 Hooks (表格数据搜索、重置、查询、分页、多选、单条数据操作、文件上传、下载、格式化单元格内容……)
基于 Element 二次封装 Pro-Table 组件 ,表格页面全部传成配置项 Columns
支持 Element 组件大小切换、暗黑模式、i18n 国际化(i18n 暂时没配置所有文件,根据项目自行配置)
使用 vue-router 进行路由权限拦截(403 页面)、页面按钮权限配置、路由懒加载
使用 keep-alive 对整个页面进行缓存,支持多级嵌套页面(缓存路由里可配置、页面切换带动画)
常用自定义指令开发(复制、水印、拖拽、节流、防抖、长按……)
使用 Prettier 统一格式化代码,集成 Eslint、Stylelint 代码校验规范(STANDARD.md 文件)
使用 husky、lint-staged、commitlint、commitizen、cz-git 规范提交信息(STANDARD.md 文件)

Geeker-Admin数据统计

Geeker-Admin数据评估

Geeker-Admin浏览人数已经达到372,如你需要查询该站的相关权重信息,可以点击"5118数据""爱站数据""Chinaz数据"进入;以目前的网站数据参考,建议大家请以爱站数据为准,更多网站价值评估因素如:Geeker-Admin的访问速度、搜索引擎收录以及索引量、用户体验等;当然要评估一个站的价值,最主要还是需要根据您自身的需求以及需要,一些确切的数据则需要找Geeker-Admin的站长进行洽谈提供。如该站的IP、PV、跳出率等!

关于Geeker-Admin关于(Geeker-Admin)特别声明

本站商娱网提供的Geeker-Admin都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由商娱网实际控制,在2024年2月28日 18:37收录和巡查时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,商娱网不承担任何责任。

相关导航

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...