zoukankan      html  css  js  c++  java
  • 通用后台管理系统的总结

            本文总结一下通用管理后台的实现方式,包括布局、实现方式、使用到的插件等。

    一、界面布局

        后台界面布局通常有三种方式:

    1. 上-左-右的布局方式,上面放置banner,在banner的左上角放置logo,右上角登录人账号、设置、退出等操作;banner下方左侧显示树形导航菜单,树形导航菜单分为展开式与悬浮式,具体依客户要求为准,banner下方右侧显示左侧所选择菜单的内容
    2. 上中下的布局方式,最上方放置banner,在banner的左上角放置logo,右上角登录人账号、设置、退出等操作;在banner下方放置导航菜单,菜单使用下拉形式展示,导航菜单下方区域用于显示主要内容。
    3. 上-中-左-右或者上-左-右布局,是上面两种方式的综合,最上方放置banner,在banner的左上角logo,右上角登录人账号、设置、退出等操作;在banner下方放置一行导航菜单,同时在右侧放置树形菜单(上中左右布局)或者点击左侧树形菜单,相应的菜单添加到banner下方,动态添加上的菜单可以关闭(上左右布局)

    二、实现方式

        不管管理后台使用的是那种语言实现的(PHP、.NET、JAVA),总结起来如下:使用一个html或者frameset或者iframe,接下来我们一个一个分开来说。

    1. 所有内容在一个html界面展示,上面的banner与左侧的导航菜单我们暂且不讨论,我们只说右侧内容展示区域,点击左侧菜单时,通过ajax方式,把要加载的页面(html、asp、aspx、jsp)加载到主框架页,操作右侧主要内容时,使用弹出div框或者替换当前主框架内页面来实现对后台内容的管理;在这里保存数据有两种方式,一种使用html+ajax,通过ajax返回的数据提示成功与失败,另外一种是使用服务端代码生成,即aspx与jsp,提交数据以后,首先执行操作,然后跳转到一个结果显示界面,提示操作成功还是失败。
    2. 所有的内容不再一个html中展示,这个就需要使用frameset与iframe,点击左侧菜单时,把要加载的页面赋值给iframe的src,在iframe的页面中完成内容的管理,在这里也是两种方式,处理第一次加载使用aspx与jsp页面生成代码以外,其余全部使用html+ajax,另外一种方式,全部的操作使用服务端代码生成,即aspx与jsp.

    三、通用管理后台其他插件

      分页、弹出提示框、弹出确认框、通用弹框插件、列表管理页、事件触发通知等。

  • 相关阅读:
    前路漫长
    OEL6 /boot分区删除恢复
    区块链:剖析工作量证明
    【转】区块链:Schnoor签名究竟是什么
    使用 Hyperledger Fabric 开展私密交易
    Sovrin:技术落地可期,但推广难度较高
    白硕:区块链技术与数据隐私(附视频)
    从入门到精通零知识证明与zkSNARK
    区块链安全:匿名性以及隐私性
    朋友去面试Python工程师,又带回来几道基础题,Python面试题No10
  • 原文地址:https://www.cnblogs.com/doubleicon/p/12546254.html
Copyright © 2011-2022 走看看