通用后台管理系统的总结

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

一、界面布局

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

  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.

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

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

posted @ 2020-03-22 15:35  doubleicon  阅读(418)  评论(0编辑  收藏