代码拉取完成，页面将自动刷新
http://pigisduck.gitee.io/vue-dh-admin-template
该项目是一个基于 vue3x + script setup语法 + TypeScript + vite + element-plus + pinia + vue-router的一个PC后台开源模板，采用pnpm作为打包工具。
其灵感来源于 codewhy 老师的 vue3 项目封装思想，以及 vue-element-admin 的鉴权动态路由思想，结合我本人的开发经验，开发出来的一个PC端管理后台
基本思路为：
在路由守卫中去完成鉴权操作
封装好基本的 page-search 、page-content 、 page-modal 三个组件，通过页面传入 config 去直接渲染出页面搜索栏、表格栏、弹框操作，并通过编写好的 hook 使得页面代码非常短小便可以完成最基本的 CRUD 基本操作
数据使用 mock 去生成假数据，数据均在 /mock/data 下面，包括但不限于 路由数据、登录用户数据 等
该项目采用 pnpm 的方式，如果使用 npm 或者 yarn 的话，可以注释掉下面的代码
// vite.config.ts
// 打包处理
build: {
rollupOptions: {
// 打包后文件进行分包
output: {
chunkFileNames: 'static/js/[name]-[hash].js',
entryFileNames: 'static/js/[name]-[hash].js',
assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
// 这里注释掉，这里是为了 pnpm 的打包分割依赖包
// manualChunks(id) {
// // 对于依赖包进行切割打包
// if (id.includes('node_modules')) {
// return id.toString().split('node_modules/')[1].split('/')[0].toString().replace('.', '');
// }
// }
}
}
},
# 克隆项目
git clone https://gitee.com/pigIsDuck/vue-dh-admin-template.git
# 安装依赖
pnpm i
# 运行项目
pnpm dev
# 打包发布
pnpm build
这个项目是我第一个开源的后台模板项目，个人开发会有很多的不足，如果可以，也希望各位大佬给一些反馈，我会在空闲时间认真查看，并作出相应的回复。
大家可以看看源码，学习一下封装思想，如果对您有帮助，觉得框架不错，也希望帮我点一点 star，这是对我最大的鼓励和支持，谢谢
文档目前还在编写中，后续会有一些简单的教学文档，也会增加一些其他的组件，敬请期待
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
