<#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. 高德 API+Python 解决租房问题

    项目简介: 编写Python脚本爬取某租房网站的房源信息,利用高德的 js API 在地图上标出房源地点,划出距离工作地点1小时内可到达的范围,附上公交路径规划功能查看不同路径的用时. 一.介绍 1. ...

  2. target属性用于返回最初触发事件的DOM元素。

    target属性用于返回最初触发事件的DOM元素. 在HTML文档中,我们为<p>元素绑定点击事件("click"),由于DOM元素的事件冒泡机制,我们点击<p& ...

  3. JavaScript——变量与基本数据类型

    前言 JavaScript中的变量为松散类型,所谓松散类型就是指当一个变量被申明出来就可以保存任意类型的值,就是不像SQL一样申明某个键值为int就只能保存整型数值,申明varchar只能保存字符串. ...

  4. 32bit 天堂2服务端多机负载

    第一步..先确定..单机架设成功.. 第二步..复制整个服务器端文件到第2个服务器 第3步.. 将你C:\Program Files\Common Files\ODBC\Data Sources 中的 ...

  5. 分布式消息队列RocketMQ与Kafka架构上的巨大差异

    分布式消息服务 Kafka 是一个高吞吐.高可用的消息中间件服务,适用于构建实时数据管道.流式数据处理.第三方解耦.流量削峰去谷等场景,具有大规模.高可靠.高并发访问.可扩展且完全托管的特点,是分布式 ...

  6. 07-matplotlib-箱线图

    import numpy as np import matplotlib.pyplot as plt ''' 箱形图(Box-plot)又称为盒须图,盒式图,或 箱线图: 是一种用在显示一组数据分散情 ...

  7. IOS git 删除仓库 新建仓库 提交 合并 操作 码云

    HDHaoShaoPengdeiMac:~ hdhaoshaopeng$ defaults write com.apple.finder AppleShowAllFiles TRUE HDHaoSha ...

  8. Python常用模块之PIL(手册篇:Image模块)

    官方手册地址:http://effbot.org/imagingbook/image.htm  Image模块 图像模块提供了一个具有相同名称的类,用于表示一个PIL的图像.该模块还提供了许多功能,包 ...

  9. 随手记录-linux-Linux目录结构

    转:别人的 装完Linux,首先需要弄清Linux 标准目录结构 / root —?启动Linux时使用的一些核心文件.如操作系统内核.引导程序Grub等. home —?存储普通用户的个人文件 ft ...

  10. install4j 工具为java程序打包exe

    用 install4j 工具为java程序打包exe 制作人:mark 制作时间:2013-05-02 用Eclipse 将程序源码打包成jar文件. 打包jar方法我不做介绍了,相信大家都会,不会的 ...