创建自定义的菜单与按钮

简介: 基于权限控制的考虑,在整个后台的开发中,菜单和按钮是可以被自定义的,也就是说: 1:每开发一个页面,就需要在系统管理的 菜单管理 中进行设置; 2:每个页面中的按钮,也是在 菜单管理 中的设置按钮部分进行设置; 具体步骤如下: 一:创建页面与菜单的对应管理 比如,现在我们创建了一个页面,该页面用户展示页面分类,则需要首先进入 菜单管理: 然后,选择你要将新菜单附加在哪个节点上,具体是在上面的列表中选中某节点就可以,然后在菜单管理中点击添加: 设置菜单名,已经菜单对应的LOGO,当然,重点是填写如 URL,根据系统本身的特点,我们这里填写的是一个相对路径(即以"/”开头)。

基于权限控制的考虑,在整个后台的开发中,菜单和按钮是可以被自定义的,也就是说:

1:每开发一个页面,就需要在系统管理的 菜单管理 中进行设置;

2:每个页面中的按钮,也是在 菜单管理 中的设置按钮部分进行设置;

具体步骤如下:

一:创建页面与菜单的对应管理

比如,现在我们创建了一个页面,该页面用户展示页面分类,则需要首先进入 菜单管理:

image

然后,选择你要将新菜单附加在哪个节点上,具体是在上面的列表中选中某节点就可以,然后在菜单管理中点击添加:

image

设置菜单名,已经菜单对应的LOGO,当然,重点是填写如 URL,根据系统本身的特点,我们这里填写的是一个相对路径(即以"/”开头)。

菜单本身是可以调节顺序和层次的。

 

二:设置按钮

每个新开发的页面,上面的按钮也是可以被设置的,具体,就是选择中菜单节点,然后点击“设置按钮”:

image

在这个界面中,我们可以看到整个系统可供选择的按钮,我们可以管理按钮库,也就是说,如果你发现这些按钮不够你的页面使用的,点击 管理按钮库 这个按钮,可以管理我们的按钮库,如下:

image

 

三:绑定按钮事件

经过以上的设置后,我们为我们新创建的功能页面设置了菜单,也选择了按钮。选择了按钮这个事情,意味着,我们应该尽量不在自己的页面中写死按钮了。每个每页的这些按钮应该是从后台(数据库)中读取出来动态输出到页面上的。即:

image

上图中,我们看到的是,foreach 循环中的输出,就是动态输出,foreach 下面那些按钮,就是写死在页面中的,要去掉。

那么,输出按钮简单,如何绑定按钮的事件呢,是通过按钮的 id 属性,假设我们的按钮在数据库中存储的编码是 eidt,那么,在JS代码中,我们只要:

$("#edit").bind("click", function () {
    alert(‘yes’);
});

就绑定了按钮的事件。

Creative Commons License本文基于 Creative Commons Attribution 2.5 China Mainland License发布,欢迎转载,演绎或用于商业目的,但是必须保留本文的署名 http://www.cnblogs.com/luminji(包含链接)。如您有任何疑问或者授权方面的协商,请给我留言。
目录
相关文章
|
10月前
|
人工智能 数据库 自然语言处理
拥抱Data+AI|DMS+AnalyticDB助力钉钉AI助理,轻松玩转智能问数
「拥抱Data+AI」系列文章由阿里云瑶池数据库推出,基于真实客户案例,展示Data+AI行业解决方案。本文通过钉钉AI助理的实际应用,探讨如何利用阿里云Data+AI解决方案实现智能问数服务,使每个人都能拥有专属数据分析师,显著提升数据查询和分析效率。点击阅读详情。
拥抱Data+AI|DMS+AnalyticDB助力钉钉AI助理,轻松玩转智能问数
|
算法
【MATLAB】史上最全的11种数字信号滤波去噪算法全家桶
【MATLAB】史上最全的11种数字信号滤波去噪算法全家桶
5977 0
【MATLAB】史上最全的11种数字信号滤波去噪算法全家桶
|
Linux iOS开发 Docker
Python 小技巧:如何实现操作系统兼容性打包?
Numpy 这么做是因为它是做科学计算的,为了提升效率,它把编译好的 C 拓展文件打包,从而不需要依赖环境上的 libxxx-devel 之类的库。如果你编译安装过 Python,应该有印象需要安装 zlib-devel、openssl-devel 和 libffi-devel 之类的系统依赖。但我们前面的问题比较简单,并不是有不同的编译依赖(系统级),而只是三方库依赖不同(项目级)。 另一个主要的原因,Numpy 打包出的不同系统版本,并非简简单单地用 setuptools 之类的 Python 库就能打包,而是要借助标准的镜像进行构建。
391 0
Python 小技巧:如何实现操作系统兼容性打包?
|
XML Java 数据库连接
Spring整合Mybatis,SqlSessionTemplate方式
MyBatis-Spring 会帮助你将 MyBatis 代码无缝地整合到 Spring 中。它将允许 MyBatis 参与到 Spring 的事务管理之中,创建映射器 mapper 和 SqlSession 并注入到 bean 中,以及将 Mybatis 的异常转换为 Spring 的 DataAccessException。 最终,可以做到应用代码不依赖于 MyBatis,Spring 或 MyBatis-Spring
640 2
|
网络协议 Dubbo Oracle
数据库连接池设置多少连接才合适?
前段时间在一个老项目中经历过一个问题:一个 Dubbo 服务,启动的时候慢的要死,后来看日志查原因整个过程一直在初始化数据库连接。一看数据库连接参数,连接池大小:1024。 很多入行晚的同学没有经历过手写 JDBC 连接的日子。那个时候没有数据库连接池的概念,都是原生代码一顿搞,后来有了 iBATIS 之后 Java 开发的繁杂程度才逐渐减轻,也衍生 C3P0 数据库连接池这种基础的东西。
3273 0
数据库连接池设置多少连接才合适?
|
NoSQL Redis Sentinel
|
Java 容器 数据格式
|
存储 监控 关系型数据库
低成本和高性能MySQL云数据的架构探索
原文地址:http://www.alibabatech.org/article/detail/3405/0?ticket=d69f07f8-b60b-43f8-9572-7d795bb8429d 作者:鸣嵩 PPT这里下载: 该文已在《程序员》2012年10期上发表。 MySQL作为一个低成本、高性能、可靠性好而且开源的数据库产品,在互联网企业应用非常广泛,例如淘宝网有数千台MyS
1953 0