这个简单易上手的后台模板,新手程序员务必收藏好!

wuchangjian2021-10-24 15:40:47后台模板

  大家好,我是为广大程序员兄弟操碎了心的小编,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标!

  今天小编推荐一款后台模板——sa-admin,一个无需脚手架即可直接运行的后台模板。

image.png

优点

  • 上手简单:提供完整彻底的封装,不用修改一行源代码即可轻松集成
  • 示例全面:提供大量常见增删改查示例,提高你的生产力

框架选型

  • 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栏,来控制它是多窗口还是单窗口,具体见使用文档
    • 更新:功能不断更新中... 你有好的想法也可以告诉我,加群一起交流吧
    • 文档:使用说明,见文档

预览

image.png

image.png

结尾

  本期就分享到这里,我是小编南风吹,专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源!希望能与大家共同学习交流,欢迎关注我的公众号**【Github导航站】**。


相关文章

10个优秀的开源后台项目模板!

10个优秀的开源后台项目模板!

Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?我在 Github 上收集...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。