博客信息

自定义jsp标签Tag版本

发布时间:『 2020-09-10 10:27』  博客类别:自定义mvc  阅读(625)

从效果上结果上来说,与之前写的自定义jsp标签的博客有点类似,只不过对于组件的可拓展性更强

与之相关的技术博客有:http://47.100.191.44/blog/articles/5


自定义jsp标签Tag版本的步骤如下:

1、在/WEB-INF/tags下创建文件夹sys

2、在sys创建tag文件,在tag文件中可以写html、css、js代码

3、在jsp中导入tags目录


文件夹sys

文件夹的名字随便取,但是必须在/WEB-INF/tags下建立

小李飞刀_前端框架


tag文件

message.tag

<%@ tag language="java" pageEncoding="utf-8" %>
<%@ attribute name="type" type="java.lang.String" required="false" description="消息类别:info、success、warning、Error、loading" %>
<%@ attribute name="content" type="java.lang.String" required="true" description="消息内容" %>
<input type="text" value="${content}" name="msg" id="">
<script type="text/javascript">
    alert('${type}');
</script>


selectTree.tag

<%@ tag language="java" pageEncoding="utf-8" %>
<%--<%@ include file="/WEB-INF/views/include/common.jsp"%>--%>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.js"></script>
<%@ attribute name="isCheckbos" type="java.lang.String" required="false" description="是复选还是单选" %>
<%@ attribute name="isCollapsable" type="java.lang.String" required="false" description="是否折叠" %>
<%@ attribute name="id" type="java.lang.String" required="false" description="树节点编号" %>
<%--可以找一些树控件二次封装,比如说ztree、select2控件等等--%>
<select>
    <option value="1">篮球宝贝</option>
    <option value="2">足球宝贝</option>
    <option value="3">九球天后</option>
</select>
<script type="text/javascript">
    alert('在tag文件引入jsp文件,如果jsp文件中引入了jQuery,那么这个tag文件中就可以写js代码ajax请求后台');
    alert($("#test").val());

</script>


在jsp中导入tag目录并测试


小李飞刀_前端框架



因为在tag文件中可以调用ajax,那么从灵活性来说要比前面博客中的自定义jsp标签的写法更加便捷灵活,组件的可维护性可拓展性更强,前面的自定义mvc的博客js代码是写死在Java代码中,要拓展改变的话,时间成本就比较高了;


关键字:     前端框架       自定义jsp标签       自定义mvc  

备案号:湘ICP备19000029号

Copyright © 2018-2019 javaxl晓码阁 版权所有