Tauri-Admin通用后台管理系统|tauri+vue3+pinia桌面端后台EXE

基于tauri+vite4+pinia2跨端后台管理系统应用实例TauriAdmin。

tauri-admin 基于最新跨端技术 Tauri Rust webview2 整合 Vite4 构建桌面端通用后台管理解决方案。搭载轻量级ve-plus组件库、支持多窗口切换管理、vue-i18n多语言包、动态路由权限、常用业务功能模块、3种布局模板及动态路由缓存等功能。

使用技术

• 编码工具：vscode
• 框架技术：tauri+vite^4.2.1+vue^3.2.45+pinia+vue-router
• UI组件库：ve-plus (基于vue3轻量级UI组件库)
• 样式处理：sass^1.63.6
• 图表组件：echarts^5.4.2
• 国际化方案：vue-i18n^9.2.2
• 编辑器组件：wangeditor^4.7.15
• 持久化缓存：pinia-plugin-persistedstate^3.1.0

目前tauri已经迭代到1.4，如果大家对tauri+vue3创建多窗口项目感兴趣，可以去看看之前的这篇分享文章。

https://www.cnblogs.com/xiaoyan2017/p/16812092.html

功能特性

1. 使用跨端技术tauri1.4
2. 最新前端技术栈vite4、vue3、pinia、vue-router、vue-i18n
3. 支持中文/英文/繁体多语言解决方案
4. 支持动态路由权限验证
5. 支持路由缓存功能/tabs控制切换路由页面
6. 内置多个模板布局风格
7. 搭配轻量级vue3组件库veplus
8. 高效开发，支持增删定制化页面模块

项目结构

使用tauri脚手架搭配vite4构建项目，整体采用vue3 setup语法编码开发。

主入口main.js

import { createApp } from "vue"
import "./styles.scss"
import App from "./App.vue"

// 引入路由及状态管理
import Router from './router'
import Pinia from './pinia'

// 引入插件配置
import Libs from './libs'

const app = createApp(App)

app
.use(Router)
.use(Pinia)
.use(Libs)
.mount("#app")