Skip to content
forked from click33/Sa-Admin

一个基于iframe的多窗口后台模板,演示地址:http:https://sa-admin.dev33.cn

Notifications You must be signed in to change notification settings

weikety/sa-admin

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

sa-admin

一个基于iframe的多窗口后台模板,演示地址:http:https://sa-admin.dev33.cn

功能

  • 架构:基于iframe,无后台代码,纯html模板,可以方便的适配任何后端语言

  • 菜单:支持一、二、三级菜单

  • 折叠: 可以折叠或收缩菜单,在窗口大小变化时也会自动监听根据窗口大小折叠或收缩菜单,自动响应式

  • 卡片: 可自动堆积卡片,与菜单双向关联,在卡片标签右击可以:刷新、关闭、关闭其它、关闭所有、新窗口打开。

  • 切换:切换卡片时,可自动保留上个卡片的滚动条高度(目前没有见到其它任何一个模板做到这一点,或者说没有任何一个模板注意到这个细节功能点)

  • 主题:目前保留四种主题:深蓝、墨绿、银灰、黑绿结合(切换主题时,可自动保存你的喜好,下次打开时仍然有效)

  • 全屏:点击进入全屏/取消全屏

功能不断更新中... 你有好的想法也可以告诉我,加群一起交流吧

框架选型

疑问

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

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

QQ群

QQ交流群:782974737 点击加入

截图

截图 截图 截图

见演示说明地址

About

一个基于iframe的多窗口后台模板,演示地址:http:https://sa-admin.dev33.cn

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 59.1%
  • JavaScript 30.8%
  • CSS 10.1%