这个简单易上手的后台模板,新手程序员务必收藏好!
时间:2023-06-15 05:03:02 | 来源:网站运营
时间:2023-06-15 05:03:02 来源:网站运营
这个简单易上手的后台模板,新手程序员务必收藏好!: 大家好,我是为广大程序员兄弟操碎了心的小编,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标!
今天小编推荐一款后台模板——
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栏,来控制它是多窗口还是单窗口,具体见使用文档
- 更新:功能不断更新中... 你有好的想法也可以告诉我,加群一起交流吧
- 文档:使用说明,见文档
预览
结尾
本期就分享到这里,我是小编南风吹,专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源!希望能与大家共同学习交流。