目前很多后台管理框架都支持多TAB模式，效果如下： 因此我们这也要支持多个TAB，要支持多个TAB，需要存储多个TAB页面的名称等信息。 此功能相对比较复杂，难度较大 基本功能设计 支持功能： 支持TAB名称和图标展示 支持TAB关闭 TAB支持右键菜单，可以关闭多个TAB 用KeepAlive缓存TAB状态 关闭后KeepAlive缓存移除 父子…

element-plus已经自带部分图标，不过图标数量并不多，因为是后台系统，可以考虑集成更多的图标，这里选择xicons图标库里面的material图标库。 目前图标库基本都是用组件的形式来使用图标，开始已经集成了element-plus的图标，这里要安装xicons。 地址：https://www.xicons.org/#/ 安装xicons图…

element-plus默认就支持黑白色主题，因此要实现主题切换只需要引入相关css文件，然后在html上添加上名为dark的类就完成了 文档：https://element-plus.org/zh-CN/guide/theming.html 为了方便切换主题，这里使用vueuse的useDark方法，此方法会给html增加相关的class 引入黑…

Pinia状态管理 目前Vuex已经不推荐使用，4.x是最后一版，已经不会有新版本，Pinia实际就是Vuex 5，因此推荐使用Pinia作为状态管理，其实Pinia使用比Vuex要简单。实际已经在生成项目的时候已经是集成了Pinia。 地址：https://pinia.vuejs.org/zh/introduction.html Pinia简单对…

多语言支持 这里要支持多语言，需要控件支持多语言，以及自己项目要支持多语言，另外要提供多语言的切换功能。 element-plus多语言 element plus的国际化多语言参考：https://element-plus.gitee.io/zh-CN/guide/i18n.html 引入element国际化资源 import ElementPlu…

Vue的中文文档还是比较齐全的，参考官网：https://cn.vuejs.org/ 参考文档：https://cn.vuejs.org/guide/quick-start.html Vue3需要16.0 或更高版本的 Node.js Vue3介绍 Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框…

最近在考虑开发GUI程序，由于用Java比较多，就想试试看Java开发GUI程序是否可行，用JavaFX实现一个计算器demo程序。 JavaFX是目前比较流行的Java GUI开发框架，使用fxml作为布局文件，通过JavaFX Scene Builder可以实现拖动布局等，方便构建程序。 源码地址：https://github.com/fuga…

最近豆瓣更新了反爬政策，连封面图片也不允许直接访问，越来越严格了，以前的calibre-web-douban-api插件不能正常获取封面，因此只能想其他办法来实现封面的获取。 插件已更新到最新，本文是记录插件获取封面的技术实现，使用参考：https://fugary.com/?p=238 源码地址：https://github.com/fugary…

Jupyter是比较好用的在线工具，可以当做Notebook笔记使用，可以在线执行Python代码，属于交互式的开发环境。 默认情况下Jupyter使用本地文件夹为工作目录，不是很方便，可以考虑安装到NAS上，以NAS中的目录为工作目录，可以实现远程随时随地访问和修改。 Jupter介绍 网址：https://jupyter.org/about J…

上一篇文章中已经实现了打包以及版本管理的功能，软件已经可以发布到服务器上，只实现简单的版本检查，要实现自动下载并更新软件还有不少问题要处理。 实现方式 在启动程序的时候开启一条后台线程去检查更新，如果有更新就提示客户是否更新，软件默认是强制更新，不更新直接退出程序。 更新又分为手动更新和自动更新： 手动更新，自动打开浏览器跳转下载地址，需要手动去覆…