从效果上结果上来说,与之前写的自定义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代码中,要拓展改变的话,时间成本就比较高了;
备案号:湘ICP备19000029号
Copyright © 2018-2019 javaxl晓码阁 版权所有