首先安利一下。本人开发维护的后台框架Fantastic-admin正式发布Vue3版本。已经晚了，但它就在这里。欢迎大家访问链接体验。回到正题从标题可以看出，后台框架其实是一片大红海。去年，我做了一个统计。在Github上搜索vueadmin，发现一万多个仓库。这个结果什么意思？我觉得说明两点：第一，好像谁都能写后台框架；其次，要脱颖而出并不容易。去年写了篇《我是如何设计后台框架里那些锦上添花的动画效果》的文章，隐隐约约的感觉，大家耳熟能详的后台框架，在功能和接口上都开始趋于同质化了。很难有所作为。所以当时我就尝试从动态效果入手，做一些不一样的东西来优化用户体验。当然这是一个很容易被用户忽略的细节，但是我相信细节决定成败。也希望用户在使用这款产品的时候，能在不经意间发现一些小细节的亮点，并在心里说一声“爽~”，并且在过去的六个月里，我反复优化了一些已有的功能，努力做到更好.这次大版本升级，是时候跟大家聊一聊了。原来的配置界面，没有对比就没有坏处，而配置可视化是我之前做得不够的地方。因为纯文字描述会带来想象，而想象会导致信息传递不准确。当配置项过多时，一大段纯文字的介绍和解释会增加用户的理解成本，这就是为什么在一些需要用心的地方要清楚地传达，必须有图片，例如交通标志。当然，如果图片信息过于抽象，效果会不如文字，所以我还是保留了文字描述信息。截图中其实没有用图片，都是用CSS3实现的~全局搜索全局搜索增加了上下搜索结果切换和回车进入的快捷键支持。并且光标始终是固定的，不会因为上下键的按下而改变位置，方便修改搜索内容，并且可以实现页面切换全过程不用离开键盘。页面水印部分的后台框架有提供水印的功能，显示效果也差不多，但似乎有一个明显的问题，就是忘记了使用水印的初衷。为什么要使用水印？无非是在一些特定的场景下，需要保护系统中的信息不被随意截取和共享。既然是保护，就不能太容易破解，但是我看到的是：水印可以很容易的从控制台删除，那怎么办呢，看图吧。无论是删除DOM元素还是修改样式，都会重新生成水印，防止水印被修改或删除。对加水印感兴趣的朋友可以深入阅读这篇文章《前端水印实现方案》。页面最大化的功能借鉴了其他框架的思想。在此基础上，我增加了双击标签栏最大化当前标签的功能。虽然是一个小改动，但也符合使用习惯。这个功能的好处在于，既扩大了页面的可操作区域，又不会像全屏功能那样，强制人们将注意力集中在当前页面上，无法进行任何其他操作。选项卡的拖放排序优化了拖放过程，便于比较。下面是Vue2版本中tabs拖拽排序的效果。标签页合并普通模式下，每次路由变化，都会自动创建一个标签页，如下图：这会导致频繁操作下标签页数量激增。在大家的默认标签页应该是这样的情况下，我想到了是否可以像浏览器的标签页一样，只在一个标签页中切换标签页，于是一个新特性就出来了。只需通过简单的配置，即可实现合并标签页的功能。页面缓存这个话题可谓老生常谈，我去年就提供了一个解决方案，详见《一劳永逸，解决基于 keep-alive 的后台多级路由缓存问题》。大意是将多级路由自动处理成两级，并保留原多级路由的数据。相当于维护了两份数据，原始数据用于侧边栏展示，处理后的二级路由注册为真实路由。从而彻底解决多级路由缓存的棘手问题。但是由于在Vue2版本中没有强制要求，所以很多开发者如果不仔细阅读文档，根本不知道这个特性。在Vue3版本中，我将这个配置项作为一个标准特性，并进行了针对性的优化，以覆盖更多的使用场景。至于为什么不让用户选择？没有别的原因，就是这个程序真的好用。一键切换表单显示方式在做后台开发的时候，我们通常会使用路由跳转来处理表单详情页，但是如果表单内容比较小怎么办？可以改成弹窗或抽屉的形式。我相信这个工作量会在一两个小时内过去。当业务内容增加时，表单内容也会开始增加。这个时候你要改回原来的路由跳转方式，我去的话，那我肯定是当场崩溃了。所以我开发了一个标准模块。只需修改其中一个参数，即可在路由跳转、弹窗、抽屉三种模式之间快速切换，无需调整代码。核心是整合表单和容器的解耦。文字根据背景自动变色是个小功能，所以放在最后。因为后台系统登录页面的背景会根据不同项目的需要进行更换，所以可能会有一个问题，就是覆盖在背景图上。如何设置文字颜色，如果文字颜色和背景颜色太接近，会导致文字看不清楚，需要手动修改文字颜色。为了节省开发者的时间，我最初想到的是使用text-shadowtext-shadow:001px#000;，将模糊值设置为最小1px，看起来像是给文字加了一笔，然后放文本颜色设置为阴影颜色的反色。例如，如果阴影颜色为黑色，则文本颜色为白色。这样，即使是极端的纯白或纯黑背景，在文字阴影的保证下，也能保证看清文字。不过后来我找到了更好的解决办法，就是mix-blend-mode属性。当设置为mix-blend-mode:difference;时，效果如下：上面介绍的最后只是Vue3版本中直接提到的一些特性，更多的特性可以去神奇的管理员自己体验。最后，作为一个免费+付费双模式运维的后台框架，去年发帖分享的时候，评论里有些朋友很冲动。希望今年的评论区能平静一些。最后用脱口秀里的回调技巧回应我的争议文章《别再费劲去找后台的前端框架了，2021 年就用 Fantastic-admin 吧》：2021都过半了，你还没用过Fantastic-admin吗！
