通用后台管理系统的总结

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

一、界面布局

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

  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 @   doubleicon  阅读(816)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示