<#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. svn图文教程-宋正河整理

    下载地址:http://download.csdn.net/download/songzhengdong82/4433476 在线浏览:http://wenku.baidu.com/view/07f1 ...

  2. UnityEditor扩展-Shader浏览器

    1. 用途 用于浏览项目所有Shader被使用的情况 2. 界面说明 Ignore Directory:添加不搜索的文件夹,不添加默认搜索全部 Find按钮:开始搜索 Used Shaders:已被使 ...

  3. Iron Speed Designer设计工具开发总结

    9.0版本: 1.1 ISP和VS不要同时生成,代码写在override方法之下,不然生成之后会覆盖;正常情况下,ISP可以写代码,只不过没有快捷提示,一般我们先注释一下字段(如://sdsfdsfd ...

  4. docker私服搭建nexus3

    docker私服搭建有官方的registry镜像,也有改版后的NexusOss3.x,因为maven的原因搭建了nexus,所以一并将docker私服也搭建到nexus上. nexus的安装过程就单独 ...

  5. date命令详解

    基础命令学习目录首页 原文链接:https://www.cnblogs.com/qmfsun/p/4598650.html date "+今天是%Y-%d-%m,现在是%H:%M:%S&qu ...

  6. Rotation and Transform

    A transformation matrix describes the rotation of a coordinate system while an object remains fixed. ...

  7. python实现将json数据以json格式写入txt文件

    json.dumps中indent参数是设置json缩进量的 举例: tmp = { "aaa" : "111", "bbb" : '222 ...

  8. js最简单的动画

    $(document).ready(function(){ //�ֶ�����ҳ��Ԫ�� $("#reset").click(function(){ $("*" ...

  9. PowerDesgner的视图显示设置教程

    一.简介 PowerDesgner是一款实用的数据库原型设计软件,但一些新手往往会觉得不好上手,应小伙伴需要,整理了一下PowerDesgner的视图显示设置教程: 首先,PowerDesgner的数 ...

  10. Scrum Meeting 10.30

    成员 今日任务 明日计划 用时 徐越 配置servlet环境,设计开发文档 设计开发文档,配置服务器,使得本地可以访问服务器 5h 武鑫 软件界面设计:学习使用Activity和Fragment 设计 ...