<#compress>
<@override name="title">${brand.name}-商品</@override>
<@override name="viewbody">
<div class="row">
<div class="col-md-12">
<h3 class="page-title">
${brand.name}-商品
<small>${brand.name}-商品管理.</small>
</h3>
<ul class="page-breadcrumb breadcrumb">
<li>
<i class="fa fa-home"></i>
<a href="${ctx}/admin/home">
首页
</a>
<i class="fa fa-angle-right"></i>
</li>
<li>
<a href="${ctx}/admin/brand">
品牌管理
</a>
<i class="fa fa-angle-right"></i>
</li>
<li>
<a href="${ctx}/admin/brand">
${brand.name}-商品列表
</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="portlet box light-grey">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-globe"></i>${brand.name}-商品一览表
</div>
</div>
<div class="portlet-body">
<div class="table-toolbar">
<div class="btn-group">
<a id="floor_create" href="${ctx}/admin/commodity/create/${brand.id}" class="btn default green-stripe">
新增 <i class="fa fa-plus"></i>
</a>
<a id="floor_batch_delete" class="btn default yellow-stripe batchdelete"
data-action="${ctx}/admin/commodity/remove/${brand.id}" data-tables="#commodity-list"
data-message="您确认删除所选择的商品信息么?">
删除 <i class="fa fa-ban"></i>
</a>
</div>
</div>
<table class="table table-striped table-bordered table-hover" id="commodity-list">
<thead>
<tr>
<th width="30"><input type="checkbox" name="checkall"></th>
<th width="30">序号</th>
<th style="display: none;">ID</th>
<th style="display: none;">品牌</th>
<th width="80">商品名称</th>
<th width="120">商品描述</th>
<th width="80">图片</th>
<th width="120">图片类型</th>
<th style="text-align: center" width="120">操作</th>
</tr>
</thead>
<tbody> </tbody>
</table>
</div> </div>
</div>
</div>
<#--Template-->
<script id="action_template" type="text/x-handlebars-template">
<a href="${ctx}/admin/commodity/edit/{{id}}" class="btn default blue-stripe" title="编辑">
<i class="fa fa-edit"></i>
</a>
<a href="javascript:void(0);" class="btn default yellow-stripe" title="删除" data-hook="remove-action"
data-action="${ctx}/admin/commodity/remove?DATA={{id}}">
<i class="fa fa-trash-o"></i>
</a>
</script>
<script id="priture_template" type="text/x-handlebars-template">
{{#if picture}}
<a href="${ctx}{{picture}}" class="thumbnail fancybox-button" data-rel="fancybox-button">
<img class="" src="${ctx}{{portfolio}}" alt="">
</a>
{{else}}
暂无图片
{{/if}}
</script>
</@override> <@override name="viewparams">
g.brand = '${brand.id}';
g.actiontpl = '#action_template';
g.prituretpl = '#priture_template';
</@override> <@override name="viewmodule">commodity_list</@override>
<@extends name="../_basic/main.ftl"></@extends>
</#compress>

1,采用的jsp
2,template是前端模板引擎
template参考文档:
http://www.jq22.com/jquery-info1097
{{}}这是模板引擎的一种格式,检测到它,当中是变量

这个网页用到了什么技术,<script>标签,还有双大括号{{}}是什么意思的更多相关文章

  1. 如何将 JavaScript 代码添加到网页中,以及 <script> 标签的属性

    Hello, world! 本教程的这一部分内容是关于 JavaScript 语言本身的. 但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的,所以浏览器是一个不错的选择.我们会尽可能少地 ...

  2. link标签和script标签跑到body下面,网页顶部有空白

    用UltraEdit的16进制编辑模式查看代码,都是EF BB BF开头的,说明都是带BOM的.我手动的将所有文件转成UTF-8 without BOM.页面终于正常了.link,script标签乖乖 ...

  3. 使用<script>标签在HTML网页中插入JavaScript代码

    新朋友你在哪里(如何插入JS) 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要 ...

  4. 【JavaScript性能优化】------理解Script标签的加载和执行

    1.script标签是如何加载的?当浏览器遇到一个 < script>标签时,浏览器会停下来,运行JavaScript代码,然后再继续解析.翻译页面.同样的事情发生在使用 src 属性加载 ...

  5. HTML5 script 标签的 crossorigin 和integrity属性的作用

    Bootstrap 4 依赖的基础库中出现了两个新的属性 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.m ...

  6. script标签中type为"text/x-template"或"text/html"

    写过一点前端的都会碰到需要使用JS字符串拼接HTML元素然后append到页面DOM树上的情况,一般的写法都是使用+号以字符串的形式拼接,如果是短点的还好,如果很长很长的话就会拼接到令人崩溃了. 比如 ...

  7. js 引入外部文件之 script 标签

    在我的理解看来,html 就是一个单纯的管显示问题,js就是单纯的管动作问题,css就是单纯的管布局问题,这三个构成了一个网页 在HTML中,经常会用到引入js 文件. 引入js的方法很简单: 1. ...

  8. Highmaps网页图表教程之绘图区显示标签显示数据标签定位

    Highmaps网页图表教程之绘图区显示标签显示数据标签定位 Highmaps数据标签定位 由于数据标签是和节点一一对应,所以数据标签是依据节点位置进行定位的.本节详细讲解如何对数据标签进行定位. H ...

  9. 【JavaScript】简介、<Script>标签及基本概念

    一.前言 时光荏苒,岁月匆匆.今年年初进入数据平台部门转型做Web平台.要想搞好前端肯定要学好JavaScript,于是准备抓上一俩本书从基础学起. 二.内容       简介 JavaScript是 ...

  10. script标签中type为<script type="text/x-template">是个啥

    写过一点前端的都会碰到需要使用JS字符串拼接HTML元素然后append到页面DOM树上的情况,一般的写法都是使用+号以字符串的形式拼接,如果是短点的还好,如果很长很长的话就会拼接到令人崩溃了. 比如 ...

随机推荐

  1. 2018年美国大学生数学建模竞赛(MCM/ICM) 比赛心得

    话不多说,题目先上: 这是我们这次选择的题目,说说建模的那些事! 美赛的时间和国赛挑战杯时间略有不同,貌似多的一天是为了让我们对文章进行一个翻译吧QAQ 建议参加美赛的同学可以参照此计划进行 Day0 ...

  2. Java实现Oracle的to_char函数

    /** * 将int.long.double.float.String.Date等类型format成字符类型 * * 一.数字format格式处理: * 01)99.99的实现,小数位四舍五入不够位数 ...

  3. C# 通用树形数据结构

    前言 树在图论中是一种重要的图,由于其自身的许多特殊性质,也是一种重要的计算机数据结构,在很多地方都有用.但是这些树大多都是作为其他应用的内部数据结构来使用.我们无法了解这些树的详细信息,而 .Net ...

  4. Unity3D — — UGUI之RectTransform

    Mask.GetComponent<RectTransform>().anchoredPosition(子物体) = hotKey_image.rectTransform.anchored ...

  5. jar包冲突常用的解决方法

    jar包冲突常见的异常为找不到类(java.lang.ClassNotFoundException).找不到具体方法(java.lang.NoSuchMethodError).字段错误( java.l ...

  6. Flink BLOB架构

    Flink中支持的BLOB文件类型 jar包 被user classloader使用的jar包 高负荷RPC消息 1. RPC消息长度超出了akka.framesize的大小 2. 在HA摸式中,利用 ...

  7. Vue03

    5.组件化开发 组件[component] 在网页中实现一个功能,需要使用html定义功能的内容结构,使用css声明功能的外观样式,还要使用js来定义功能的特效,因此就产生了把一个功能相关的[HTML ...

  8. python—索引与切片总结

    python中索引与切片的熟练掌握对于字符串的操作很有帮助,梳理如下: (1)索引 S = 'hello world' 1)正向索引 正向索引从0开始,向右依次递增. 2)反向索引 反向索引从-1开始 ...

  9. NodeJS http模块

    Node.js提供了http模块,用于搭建HTTP服务端和客户端. 创建Web服务器 /** * node-http 服务端 */ let http = require('http'); let ur ...

  10. 哪些场景下无法获得上一页referrer信息

    哪些场景下无法获得上一页referrer信息 直接在浏览器地址栏中输入地址: 使用 location.reload() 刷新(location.href 或者  location.replace()  ...