通用后台管理系统的总结
本文总结一下通用管理后台的实现方式,包括布局、实现方式、使用到的插件等。
一、界面布局
后台界面布局通常有三种方式:
- 上-左-右的布局方式,上面放置banner,在banner的左上角放置logo,右上角登录人账号、设置、退出等操作;banner下方左侧显示树形导航菜单,树形导航菜单分为展开式与悬浮式,具体依客户要求为准,banner下方右侧显示左侧所选择菜单的内容
- 上中下的布局方式,最上方放置banner,在banner的左上角放置logo,右上角登录人账号、设置、退出等操作;在banner下方放置导航菜单,菜单使用下拉形式展示,导航菜单下方区域用于显示主要内容。
- 上-中-左-右或者上-左-右布局,是上面两种方式的综合,最上方放置banner,在banner的左上角logo,右上角登录人账号、设置、退出等操作;在banner下方放置一行导航菜单,同时在右侧放置树形菜单(上中左右布局)或者点击左侧树形菜单,相应的菜单添加到banner下方,动态添加上的菜单可以关闭(上左右布局)
二、实现方式
不管管理后台使用的是那种语言实现的(PHP、.NET、JAVA),总结起来如下:使用一个html或者frameset或者iframe,接下来我们一个一个分开来说。
- 所有内容在一个html界面展示,上面的banner与左侧的导航菜单我们暂且不讨论,我们只说右侧内容展示区域,点击左侧菜单时,通过ajax方式,把要加载的页面(html、asp、aspx、jsp)加载到主框架页,操作右侧主要内容时,使用弹出div框或者替换当前主框架内页面来实现对后台内容的管理;在这里保存数据有两种方式,一种使用html+ajax,通过ajax返回的数据提示成功与失败,另外一种是使用服务端代码生成,即aspx与jsp,提交数据以后,首先执行操作,然后跳转到一个结果显示界面,提示操作成功还是失败。
- 所有的内容不再一个html中展示,这个就需要使用frameset与iframe,点击左侧菜单时,把要加载的页面赋值给iframe的src,在iframe的页面中完成内容的管理,在这里也是两种方式,处理第一次加载使用aspx与jsp页面生成代码以外,其余全部使用html+ajax,另外一种方式,全部的操作使用服务端代码生成,即aspx与jsp.
三、通用管理后台其他插件
分页、弹出提示框、弹出确认框、通用弹框插件、列表管理页、事件触发通知等。
高级项目经理、关注技术架构、数字化转型、项目管理;定期分享项目管理、读书笔记、职场生活的心得与体会