大家好,我是为宽广程序员兄弟操碎了心的小编,每天举荐一个小工具 / 源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节俭开发效率,实现不加班不熬夜不掉头发,是我的指标!
明天小编举荐一款后盾模板——sa-admin, 一个无需脚手架即可间接运行的后盾模板。
长处
- 上手简略:提供残缺彻底的封装,不必批改一行源代码即可轻松集成
- 示例全面:提供大量常见增删改查示例,进步你的生产力
框架选型
- JS 引擎:Vue @2.6.10
- UI 框架:Element-UI @2.13.0
- web 弹层:layer @3.1.1
- 切页动画:Swiper @4.5.0
- 即便以上几个框架你都没接触过,只有你认真浏览一遍文档阐明,也能够疾速上手本模板
性能
-
根底
- 架构:基于 iframe,无后盾代码,纯 html 模板,可不便的适配任何后端语言
- 模板:提供大量常见示例,以及各种表单的书写形式,助你疾速 CRUD
- 菜单:反对一、二、三级菜单,并凋谢一系列接口不便的应用 js 操作菜单
- 折叠:折叠或膨胀菜单,并且监听窗口大小变动,在拉伸窗口时主动折叠或膨胀菜单,主动响应式
- 搜寻:智能索引,快捷搜寻关上某个菜单
- 切换:集成 swiper 动画,滑动、淡入、方块、3D 流、3D 翻转,五种高大上切换动画,任你抉择!
- 主题:目前保留八种主题:蓝色、绿色、红色、灰色、灰色 - 开展、pro 钛合金、积淀式黑蓝、简洁式灰蓝(切换主题时,可主动保留你的爱好,下次关上时依然无效)
- 便签:弹出窗口便签,一个长期小便签,可记录一些长期材料
- 全屏:能够在全屏 / 非全屏之间自在切换
-
tabbar 栏:
- 卡片沉积:多卡片主动沉积,与菜单双向关联,切换 tab 卡时主动显示左侧菜单
- 拖动手势:tab 卡反对拖拽手势,上拖新窗口关上、下拽悬浮关上、左拽疾速敞开
- 双击全屏:当卡片属于悬浮状态时,双击题目区域能够疾速全屏,再次双击勾销全屏
- 右键菜单:在 tab 上右击,能够:刷新、复制、敞开、敞开其它、敞开所有、悬浮关上、新窗口关上、勾销
- 双击菜单:双击 tabbar 空白处,能够显示增加新 tab 窗口
- 保留高度:切换卡片时,可主动保留上个卡片的滚动条高度
-
凋谢接口
- 凋谢一系列 api,助你不便的应用 js 操作 tabbar 栏,具体请查看集成文档
- 锚链:tab 切换主动更改 hash 锚链,同时监听锚链扭转 tab,可灵便的用鼠标前后键切换 tab 窗口(如不须要此性能可在初始化时敞开)
- 窗口:可在初始化时,设置是否显示 tabbar 栏,来管制它是多窗口还是单窗口,具体见应用文档
- 更新:性能不断更新中 … 你有好的想法也能够通知我,加群一起交换吧
- 文档:应用阐明,见文档
预览
结尾
本期就分享到这里,我是小编南风吹,专一分享好玩乏味、离奇、实用的开源我的项目及开发者工具、学习资源!心愿能与大家独特学习交换,欢送关注我的公众号 【Github 导航站】。