当前位置:首页 > 开发 > Web前端 > 前端 > 正文

fis相关标签介绍

发表于: 2014-01-14   作者:asialee   来源:转载   浏览次数:
摘要: fis简介 fis在github上的开源地址为: https://github.com/fouber/fis-java-jsp 关于fis的几个接口的实现 fis:html 它是一个标识性的一个标签,表明html页面需要fis进行处理 他必须要以结束 其他的标签必须要位于和之间 fis:div 类似于html

fis简介

  • fis在github上的开源地址为: https://github.com/fouber/fis-java-jsp
  • 关于fis的几个接口的实现
  • fis:html
    • 它是一个标识性的一个标签,表明html页面需要fis进行处理
    • 他必须要以结束
    • 其他的标签必须要位于和之间
  • fis:div
    • 类似于html标签,在ajax调用中非常有用
  • fis:styles
    • 是一个占位符,页面中的所有的css以后会被fis收集在这个地方
    • 一般来说是放在之前
  • fis:scripts
    • 是一个占位符,页面中的所有的js以后会被fis收集在这个地方
    • 用户写的js也会按照顺序收集在这个地方
    • 一般来说是放在之前
  • fis:require
    • 用于表示它依赖一个js或者css文件,可以在页面位置的任意地方写

 

  • 一个典型的页面实现可能如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="fis" uri="http://fis.baidu.com/tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<fis:html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
        <fis:styles/>
</head>
<body>
        我是body
        <fis:script>
        console.log("11111111");
        </fis:script>
        <fis:require name="resources/lib/bootstrap/css/bootstrap.css"></fis:require>
        <fis:require name="resources/lib/js/jquery.js"></fis:require>
        <fis:script>
        console.log("222222222");
        </fis:script>
        <fis:scripts/> 
</body>
</fis:html>

 

  • 执行后的效果如下:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
                <title>Insert title here</title>
                <link rel="stylesheet" type="text/css" href="resources/lib/bootstrap/css/bootstrap.css"/>
        </head>
        <body>
                我是body
                
                
                <script type="text/javascript" src="resources/lib/js/jquery.js"/>
                <script type="text/javascript">
                console.log("11111111");
                </script>
                <script type="text/javascript">
                console.log("222222222");
                </script>
        </body>
</html>

 

fis相关标签介绍

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
作者:zccst fis安装与配置 1,安装node和npm。 Windows平台下载,安装 配置path环境变量, path = n
最近一直在学习fis,开始并不知道fis在做什么,理解的很模糊,所以一直在学习中。。。下面来写下我
Javadoc注释由Javadoc标签和描述性文本组成,你可以为类、接口添加注释,也可为构造函数、值域、方
Topo对象标签介绍 第1章 介绍 如果你了解WIKI,WIKI中的所有信息链接以标签的方式网状关联。TOPO系
Web相关Cache介绍 简介 Cache,中文意思是缓存,是用来将频繁访问的数据,存储于用户本地或者是访问
公司的项目既使用手写的makefile,也使用automake,没有统一的规定,一直是把别人的makefile文件拿
域名结构 通常 Internet 主机域名的一般结构为:主机名.三级域名.二级域名.顶级域名。 Internet 的
Abstract 本文在现有文档的基础上总结了以下几点内容 docker的介绍,包括由来、适用场景等 docker背
在上一篇博文中简单介绍了一下Ant是如何编译和发布Java项目,对使用用的一些标签命令也没有做说明,
What is VNCserver? VNC stands for Virtual Network Computing. It was originally developed by A
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号