峰会路转的博客

工作台，是每个后台系统必备的，也是管理系统的首页。这次我们来实现一个工作台，并适配他的响应性。

前面已经讲了不少基础知识，这篇开会，我们就要实操，做个后台管理系统，打包成多端的,可安装的桌面app!!其中，登录，退出的提示信息用系统的提示，不使用elemengplus的弹窗提示！！pinia的配置登录退出功能的store菜单收起展开的store打包打包文件里面安装到本地即可以使用如果电脑系统是win10,很可能弹不出右下角的系统弹窗，是系统处于安全角度的考虑，但是mac和win11是没有问题的，这里贴出解决方案。electron在win10不弹窗的bug

在渲染进程的 preload.js 中添加代码。name: "系统设置",},name: "系统日志",},name: "系统用户",},],展示到我们的页面上

前面我们已经把基础环境配置好了，在开始我们编写第一个页面之前，先尝试几个小的实验，体验下 electron 的乐趣。

Electron 都应该不会陌生了，是一个使用 JavaScript、HTML 和 CSS 构建桌面应用的框架。通过将 Chromium 和 Node.js 嵌入到其二进制文件中，Electron 允许你维护一个 JavaScript 代码库并创建可在 Windows、macOS 和 Linux 上运行的跨平台应用 - 无需原生开发经验。

为了后续开发方便，在没有 UI 设计师配合的情况下，让我们的界面更加美观，我们使用 elementplus 组件库，并配置路由。删除不需要的默认文件夹及文件，src 配置如下。