基于electron vue 后台管理模板

已于 2023-05-16 16:01:31 修改
阅读量985 收藏 8
点赞数
CC 4.0 BY-SA版权
分类专栏： ranAdmin electron 文章标签： vue.js electron
于 2023-03-22 14:34:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44795810/article/details/129709035
这是一个基于Vue3的后端管理模板，支持ant-design和element-plus两种UI框架，可用于electron桌面应用开发。项目特性包括动态菜单、大屏模式、地图、车辆轨迹、权限认证、动态主题、国际化语言、excel导入导出等。此外，还提供了electron的相关优化功能，如安装包美化和自动热更新。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

项目演示
github地址
gitee地址

开箱即用 vue3 后端管理模板 支持ant-design 支持element-plus 两个UI框架 同时支持electron 打包桌面软件开发 多个系统切换，大屏，地图，车辆轨迹， 权限认证，动态菜单，动态主题，国际化语言，excel 导入导出， 常见的功能都有，如果没有私我，安排上 …

electron 安装包美化
electron 自定义托盘 + 托盘闪烁 与主进程通信
electron 无边框下 窗口 放大缩小 拖拽 全屏
electron 通过网页唤醒 传递参数
electron 自动热更新

先看效果

ranAdmin-electron

个性化功能

  1. 支持多个切换系统 区分路由
  2. 暗黑主题切换 ant-design-vue 暗黑模式dark
  3. 动态主题
  4. 动态的国际化语言 vue 配置国际化语言
  5. 动态面包屑
  6. 动态路由导航
  7. 项目动态布局
  8. 动态菜单

项目主要功能

  1. 动态菜单 根据接口返回参数 动态渲染菜单 动态路由
  2. 大屏模式
  3. 第三方图标库
  4. 项目水印
  5. canvas 电子签名
  6. 抽样 /九宫格、大转盘
  7. 高德地图
  8. 高德地图- 个性化-车辆轨迹
  9. 功能权限 根据接口返回 动态控制权限
  10. excel 导入 excel 导出
  11. 封装 echarts 图表使用

部分效果图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

【vue 后台管理模板 ranAdmin 支持ant-design/ant-design/electron-plus/electron-plus-electron】
ranshakalove的博客
01-12 1909
vue 后台管理模板 支持ant-design/ant-design/electron-plus/electron-plus-electron
Electron-Vue3-Vadmin后台系统|vite2+electron桌面端权限管理系统
NRapid&JRapid
06-25 1923
基于vite2.x+electron12桌面端后台管理系统Vite2ElectronVAdmin。 继上一次分享vite2整合electron搭建后台框架，这次带来的是最新开发的跨桌面中后台权限管理系统。使用最新的前端技术栈，内置i18n国际化解决方案，动态权限路由，权限验证，整合了典型的表格/表单等业务模块功能。 一、技术栈 编码器：vscode vue3技术：vite2.1.5+vue3.0+vuex4+vue-router@4 跨端框架：electron^12.0.4 打包工具：v..
electron-template:基于Electron + Vue 的模板
05-16
电子模板 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
【Electron】应用打包教程（包含 C++ 后端 + 前端）
最新发布
cfl997
06-07 490
本教程详细介绍了在Windows环境下使用Electron和electron-builder打包桌面应用的全流程。主要内容包括：Node.js环境配置、npm国内镜像设置、Electron项目初始化、C++后端程序整合（需预编译为exe文件）、主进程配置（main.js）以及electron-builder打包参数设置。教程提供了完整的项目结构建议、打包配置示例和常见问题解决方案，最终可生成包含前端页面和C++后端的Windows安装包。适合需要将Web技术与本地程序结合的开发者，实现一键打包发布跨平台桌面
electron-vue-template:electron vue 模板
05-08
electron-vue-template 一、项目运行 1. 依赖安装 yarn install # 或者 npm install 2. 开发模式 yarn electron:serve # 或者 npm run electron:serve 3. 生产打包 yarn electron:build # 或者 npm run electron:build 4. eslint检测 yarn lint # 修复 yarn lint --fix # 或者 npm run lint npm run lint --fix 二、相关问题 1. 使用本地的vue开发者工具 vue开发者工具打包后, 放到vueDevtool文件夹 // src/background.js app.on('ready', async () => { if (isDevelopment && !process.env.I
electron-template:一个简单的 Electron 应用模板
05-31
电子模板 使用桌面应用程序模板，并支持 ， ， 和 。 样式表是用编写的。 适合初学者（如作者本人）！ 该模板使用带有自定义标题栏的无框窗口，其中的按钮模仿 Windows 应用程序框架的按钮。 中间按钮在“最大化”和“恢复”之间切换，具体取决于窗口是否全屏。 检查是使用 Angular $interval并比较屏幕和窗口大小而不是使用 Electron BrowserWindow 事件完成的。 这是因为这些事件不是由 Windows Aero Snap 触发的。 在其他平台上可以使用事件。 最初是为作者个人使用而制作的，但在注意到人们在使用 Electron 中需要 jQuery 的脚本时遇到问题后，他决定分享它。 诀窍是在jqueryloader.js ，它首先在index.html加载： var $ = jQuery = require ( "./bower_compone
electron + vue 搭建初始模板
qq_42023279的博客
06-21 452
Electron简介 Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 By embedding Chromium and Node.js into its binary, Electron allows you to maintain one JavaScript codebase and create cross-platform apps that work on Windows, macOS, and Linux — no native develop
electron项目模板：如何新建一个vue3+electron项目，并加入基础建设
weixin_43239880的博客
04-29 2729
electron项目模板：新建vue3+electron项目，并加入基础建设为什么需要自定义窗口？原因是因为原生的窗口不好看，很难看。且无法去修改，导致满足不了UI的效果，所以很多桌面程序都是自定义窗口。
Vue3版本-后台管理系统模板.zip
01-03
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者...
electron+vue桌面应用开发快速开始模板.zip
02-09
"electron+vue桌面应用开发快速开始模板.zip" 是一个为开发者准备的资源包，它帮助初学者迅速搭建基于 Electron 和 Vue 的项目结构，从而能够快速进入桌面应用的开发流程。 Electron 是一个由 GitHub 开发的开源...
一款 Vue 中后台管理系统框架，支持多款 UI 组件库，兼容PC、移动端.zip
04-03
这款中后台管理系统框架基于Vue.js，旨在提供高效、灵活的解决方案，帮助开发者快速构建企业级的后台管理应用。它支持多款UI组件库，这使得开发者可以根据项目需求选择不同的样式和功能，同时确保对PC和移动端的兼容...
electron-vue开发桌面应用界面模板
11-01
一套使用electron-vue开发的桌面应用界面模板，解决最大最小化问题，解决主题变色问题，解决登录窗体透明问题，接着编写vue页面即可
高效构建Vue后台管理系统模板
## Vue后台管理模板知识点 ### Vue.js概述 Vue.js是一个构建用户界面的渐进式框架，它的核心库只关注视图层，易于上手，同时支持与第三方库或现有项目整合。Vue的两个主要特点是： 1. **响应式数据绑定：** Vue...
Electron 模板和命令行界面
天空之外
05-14 1002
Electron 的开发并不是十分死板的，也就是说开发、编译、打包与发布 Electron 应用程序的方法中， 没有一个是可以称为 “唯一标准” 的方法。Electron 的编译和运行时相关额外功能通常可以在 npm 的独立安装包中找到，这样开发者就可以根据自己的需求同时编译应用和 build pipeline。 模板与命令行界面 一个模板就像是一张空白的画布，我们可以以它为基础来搭建应用。 一般我们可以从一个代码仓库克隆一个模板，然后修改成自己想要的样子。 命令行工具在开发和分发过程中可以给我们提供很大的
【前端工具分享】Electron React Boilerplate（Electron+React项目模板，开箱即用）
量化投资助手的博客
08-29 2401
但，我想，大部分人可能做不到，即使你是个屠龙的勇士，想只身逞英雄一试，可能也会被搞的到处碰壁，最后精力消耗殆尽，还没开始写项目，就先死在脚手架搭建阶段了。Electron React Boilerplate，正是这样一个脚手架，将Electron与React结合在一起，并提供热更新、打包发布等功能，开箱即用。Electron，目前客户端开发最知名的框架，以VSCode为首的各种应用，都是基于他做的。现在，你可能跟我一样，想同时使用两者，双剑合璧，天下无敌。所以，最明智的选择，就是寻找一个好用的脚手架。...
【亲测免费】 Electron-Vue 模板项目教程
gitblog_00456的博客
10-10 923
Electron-Vue 模板项目教程 1. 项目介绍 Electron-Vue-template 是一个基于 Electron 和 Vue.js 的快速开发模板项目。该项目使用了 ElementUI、Vuex、Vue-Router 和 Axios 技术栈，旨在帮助开发者快速搭建基于 Electron 的桌面应用程序。项目分为两个分支：master 分支维护原始项目结构和功能，Synchroniz...
Electron31-ViteAdmin桌面端后台|vite5.x+electron31+element-plus管理系统Exe
码农ICoding
08-19 2659
electron31-vite5-admin：基于electron31+vue3 setup+pinia2+element-plus+echarts实战开发轻量级后台管理系统。内置4种通用布局模板，支持国际化、动态路由权限，整合了表格、表单、图表、列表、编辑器等业务模块。
【electron-vue】vsCode创建vue模板代码
践行终生成长
08-21 345
参考：使用vscode，新建.vue文件，tab自动生成vue代码模板 1、文件 --> 首选项 --> 用户代码片段 --> 输入vue，选择vue.json 2 复制代码到vue.json "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class=\"page\"&g..
【亲测免费】 推荐一款强大的Electron应用开发模板：electron-boilerplate
gitblog_00116的博客
08-13 944
推荐一款强大的Electron应用开发模板：electron-boilerplate 如果你正在寻找一个快速启动Electron应用开发的平台，那么electron-boilerplate是你不容错过的选择。这个项目不仅为你提供了一个完善的起点，还集成了许多实用的功能，帮助你打造高质量的应用程序。 项目介绍 electron-boilerplate是一个基于Electron框架的应用启动模板，旨在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值