Giter Club home page Giter Club logo

sa-admin's Introduction

sa-admin

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

功能

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

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

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

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

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

  • 切换: 滑动、淡入、方块、3D流、3D翻转、、五种高大上切换动画,任你选择!

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

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

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

框架选型

疑问

  • 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 点击加入

截图

截图 截图 截图 截图

见演示说明地址

sa-admin's People

Contributors

click33 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.