2025最新原创研发vite7.1+tauri2.9+vue3.5+pinia3+echarts+elementPlus桌面电脑端通用后台admin管理系统。
tauri2-vite7-admin包含4种布局模板，支持vue-i18n多语言、标签页路由，集合了图表、表格、表单、列表、编辑器等模块。
项目技术点
- 编辑器：VScode
- 跨平台技术：Tauri^2.9
- 前端技术框架：vite^7.1.12+vue^3.5.22+vue-router^4.6.3
- UI组件库：element-plus^2.11.5
- 状态管理：pinia^3.0.3
- 国际化方案：vue-i18n^11.1.12
- 图表组件：echarts^6.0.0
- markdown编辑器：md-editor-v3^6.1.0
- 富文本编辑器：@vueup/vue-quill^1.2.0
- 模拟数据：mockjs^1.1.0
项目结构目录
vite7-tauri2-admin使用最新跨平台技术Tauri2.9整合Vite7构建工具搭建项目模板。
tauri2-admin通用模板
内置4种通用布局模板。
<script setup> import { appState } from '@/pinia/modules/app' import Toolbar from '@/layouts/components/Toolbar.vue' import Sidebar from '@/layouts/components/sidebar/index.vue' import Menus from '@/layouts/components/menus/index.vue' import Breadcrumb from '@/layouts/components/Breadcrumb.vue' import Tabview from '@/layouts/components/Tabview.vue' import Main from '@/layouts/components/Main.vue' const appstate = appState() </script> <template> <div class="vuadmin__layout flexbox flex-col"> <Toolbar /> <div class="vuadmin__layout-body flex1 flexbox"> <!-- 侧边栏 --> <div class="vuadmin__layout-sidebar"> <Sidebar /> </div> <!-- 菜单栏 --> <div class="vuadmin__layout-menus" :class="{'hidden': appstate.config.collapsed}"> <el-scrollbar> <Menus :rootRouteEnable="false" /> </el-scrollbar> </div> <!-- 右侧主内容区 --> <div class="vuadmin__layout-main flex1 flexbox flex-col"> <!-- 面包屑导航 --> <Breadcrumb v-if="appstate.config.breadcrumb" /> <!-- 标签页 --> <Tabview v-if="appstate.config.tabview" /> <!-- 内容区 --> <Main /> </div> </div> </div> </template>
原创研发不易，感谢各位小伙伴的阅读与支持。
