SA-ADMIN

技术选型

• JS引擎：Vue @2.6.10
• UI框架：Element-UI @2.8.2
• web弹层：layer @3.1.1
• 切页动画：Swiper @4.5.0
• 图表引擎：ECharts @4.2.1
• 富文本编辑器：wangEditor @3.1.1
• 没了：占空
• 以上几个框架即使你都没接触过，只要你阅读以下文档，也可以快速上手

功能介绍

• 架构：基于iframe，无后台代码，纯html模板，可以方便的适配任何后端语言
• 菜单：支持一、二、三级菜单
• 折叠： 折叠或收缩菜单，并且监听窗口大小变化，在拉伸窗口时自动折叠或收缩菜单，自动响应式
• 卡片： 多卡片堆积，与菜单双向关联，在卡片标签右击可以：刷新、关闭、关闭其它、关闭所有、悬浮打开、新窗口打开。
• 切换： 滑动、淡入、方块、3D流、3D翻转、、五种高大上切换动画，任你选择！
• 主题：目前保留四种主题：深蓝、墨绿、银灰、黑绿结合（切换主题时，可自动保存你的喜好，下次打开时仍然有效）
• 保留： 切换卡片时，可自动保留上个卡片的滚动条高度（目前没有见到其它任何一个模板做到这一点，或者说没有任何一个模板注意到这个细节功能点）
• 功能不断更新中... 你有好的想法也可以告诉我，加群一起交流吧
• 使用说明， 见文档

疑问：

vue、element-ui、layer我都没用过，可以用这个模板吗？

可以，sa-admin提供完整彻底的封装，如果你只是使用index.html框架部分，使用时甚至你都不用改动源码， 只重写几个属性函数就可以集成到你的项目中，如果你要使用框架内的模板页，则需要对vue等框架有一定的了解

为什么是iframe，而不是SPA？

提起iframe，好像就是一个过时的产物， 我之前也是这么认为的，但是当我真正的了解了iframe后，我逐渐放下了对它的偏见，还有什么技术可以做到： 不必借助后端语言才具有的@include指令，不用像webpack、gulp费尽心机搭建一个构建环境，就一个简单的标签， 就可以轻松而完美的实现页面模块化编程 （虽然严格来讲，iframe并不能称为模块化，但是它轻松而优雅实现了和模块化同样的目的，即：相干的放在一起，不相干的分离掉）
基于iframe的模块化页面，一个纯html的前后台分离模式，不必使用任何前端构架工具， 一个html编辑器就可以强Lu所有代码，尝试一下，相信我，你会爱上这种开发模式的

• 版本 v1.1.2   2019-7-16
• 增加右键菜单的失去焦点事件，失去焦点自动消失


• 版本 v1.1.1   2019-6-26
• 优化卡片切换动画，更流畅了，并且添加loading图标，视觉上更加顺畅
• 新增悬浮窗口功能，在卡片标题处右击试试吧
• 更换登录模板页，更漂亮了


• 版本 v1.1.0   2019-6-24
• 修复bug：鼠标悬浮page-title时，偶尔动画混乱的bug
• 修复bug：优化折叠动画，更流畅了
• 集成swiper，窗口切换，更加高大上了


• 版本 v1.0.8   2019-5-28
• 修复bug：菜单折叠时，菜单项箭头仍然显示的问题
• 修复bug：在手机端菜单折叠时，右侧信息排版发生混乱的问题
• 调整了一下字体大小，看着更顺眼了


• 版本 v1.0.7   2019-5-25
• 优化一些动画效果
• 增加模板页：轮播图管理
• 一些样式优化


• 版本 v1.0.6   2019-5-22
• 添加了菜单预览模板(tree树)
• 修复bug：菜单分配权限时，父子级不关联的问题
• 一些样式优化


• 版本 v1.0.5   2019-5-18
• 添加了权限中心模板(tree权限树)
• 优化用户列表模板，弹出式的修改
• 一些其它样式优化


• 版本 v1.0.4   2019-5-15
• 优化折叠动画，避免文字闪动现象
• sp.setMenuList();接口增加show_list参数，可灵活控制部分菜单的显示与隐藏
• 一些样式优化


• 版本 v1.0.2   2019-5-14
• 添加文章管理模板(wangEditor富文本编辑器)
• 改写了表格里按钮的样式，更鲜艳，增加点击感
• 菜单列表里可以指定is_show=false，使菜单成为隐藏菜单
• 重写了一些接口，可以更加方便的与你的系统集成


• 版本 v1.0.1   2019-5-5
• 修复周日显示周0的bug
• 主题更换时高亮显示，方便区分
• 增加三级菜单支持


• 版本 v1.0.0   2019-5-2
• 第一个版本出炉
• 功能持续更新中...