美文网首页
自定义标签属性

自定义标签属性

作者: 滴雨幻想 | 来源:发表于2018-03-19 12:05 被阅读0次

本文主要介绍在JSP中自定义标签属性和自定义标签来满足实际业务需要(自定义标签,以后写了例子后进行补充;此例仍有可优化的地方,仅提供思路进行参考)。
以JSP中a标签为例,通过后台查询数据库中,当前用户是否拥有此按钮的权限,若拥有权限则按钮显示,若没有权限则按钮隐藏。
一.自定义标签属性
1.首先新建java文件(FncHelper.java)
此处需要前台标签属性中传递两个参数,详情见方法注释

package com.project.util;

import java.util.List;

/**
 * 自定义el标签
 * @author HeMengZhu
 * @date 2018年3月9日15点22分
 */
public class FncHelper {
    /**
     * 判断当前页面的某个按钮是否对当前登陆用户开放
     * @param opt 当前页面该用户拥有的操作项
     * @param url 按钮的url
     * @return 是否对当前用户显示该按钮
     * @author WeiLiangChi
     * @date 2018年3月9日15点31分
     */
    public static String isShow(List<String> opt, String url) {
        List<String> opts = opt;
        if (opt.contains(url)) {
            return "block";
        } else {
            return "none";
        }
    }
}

2.新建tld文件(fnc.tld)

<?xml version="1.0" encoding="UTF-8" ?>
<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
  version="2.0">
  <description>JSTL 1.1 functions library</description>
  <display-name>JSTL functions sys</display-name>
  <tlib-version>1.1</tlib-version>
  <short-name>fnc</short-name>
  
  <function>
    <description>判断是否显示按钮</description>
    <name>isShow</name>  
    <!-- 对应后台类 -->
    <function-class>com.project.util.FncHelper</function-class>  
    <!-- 对应后台类中的方法名称以及传参类型 -->
    <function-signature>java.lang.String isShow(java.util.List,java.lang.String)</function-signature> 
    <!-- 前台示例 -->
    <example>${fnc:isShow(opt,url)}</example>
  </function>

  </taglib>

3.JSP页面引用
首先在页面上方引用tld

<%--引入fnc标签 start --%>
<%@ taglib prefix="fnc" uri="/WEB-INF/tlds/fnc.tld" %>
<%--引入fnc标签 end --%>

然后在a标签中直接调用该方法即可,其中第一个参数是在seesionScope中取出,值为当前用户所拥有的该菜单的所有权限的集合(List<String>,存的是每个权限的地址,如第二个参数的格式),第二个参数是该按钮的后台请求地址。若当前用户拥有该按钮的权限,则返回“block”,该按钮显示;若没有该按钮的权限,则返回“none”,该按钮隐藏。

<a href="javascript:void(0)" style="float: left;display: ${fnc:isShow(sessionScope.FEATURES_OPERATIONS,'demo/demoStudent/insert')}" class="easyui-linkbutton" id="addStudent" iconCls="icon-add" plain="true">新增</a>

相关文章

  • Vue-自定义指令(属性指令和元素指令)

    1. 自定义指令属性指令 2. 自定义元素(标签)指令

  • 自定义标签属性

    本文主要介绍在JSP中自定义标签属性和自定义标签来满足实际业务需要(自定义标签,以后写了例子后进行补充;此例仍有可...

  • jQuery给标签添加自定义属性

    jQuery除了给标签添加自身属性外还可以添加自定义属性。下面代码包含了添加和获取自定义属性。添加的属性值有数字,...

  • 自定义Progressbar

    阅读原文 绘制圆环,圆弧,文本 使用自定义属性 1. 什么是自定义属性? 定义可以在布局文件的标签中使用的属性。 ...

  • css_选择器分类

    1. 标签选择器 标签{属性:值;} 选择标签并赋予样式 2. 类选择器 自定义类名{属性:值;} 一个标签可以调...

  • thymeleaf html标签自定义属性国际化赋值

    非自定义标签国际化赋值方法 自定义标签国际化该如何赋值呢? 1.目前自定义一个data-attr标签属性 2.赋值...

  • html5 data-*自定义属性

    data-*自定义属性的使用方式 1.可以对含有该属性的标签进行样式的赋值, 2.可以获取该属性的值,为自定义属性...

  • 《Android群英传》3.6.2创建复合控件

    先上一张效果图: 一.定义属性 在标签中声明自定义的属性。 二.创建自定义控...

  • 无处安放

    1、取消a标签的默认行为 2、自定义属性的操作 访问:元素.getAttribute(属性名);设置属性:元素.s...

  • React Native 学习手记(二)

    本章节主要介绍 属性 状态 属性 代码中Image标签有两个属性,source和style,自定义组件怎么定义属性...

网友评论

      本文标题:自定义标签属性

      本文链接:https://www.haomeiwen.com/subject/mrguqftx.html