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

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

  今天小编推荐一款后台模板——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导航站】。