<#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. 封装的一套简单轻量级JS 类库(RapidDevelopmentFramework.JS)

    1.最近好久没有更新自己的博客了,一直在考虑自己应该写一些什么.4.2日从苏州回到南京的路上感觉自己的内心些崩溃和失落,我就不多说了? 猛然之间我认为自己需要找一下内心的平衡.决定开发属于自己一套快速 ...

  2. 【Python Learning第一篇】Linux命令学习及Vim命令的使用

    学了两天,终于把基本命令学完了,掌握以后可以当半个程序员了♪(^∇^*) 此文是一篇备忘录或者查询笔记,如果哪位大佬看上了并且非常嫌弃的话,还请大佬不吝赐教,多多包涵 以下是我上课做的一些笔记,非常的 ...

  3. Altium 中PCB的Gerber生产资料的输出详细步骤

    生产文件的输出,俗称Gerber out,Gerber文件是所有电路设计软件都可以产生的文件,在电子组装行业又称为模版文件(Stencil Data),在PCB制造业又称为光绘文件.可以说Gerber ...

  4. Python学习过程笔记整理(三)

    函数 -函数使用 -函数需要先定义,定义不会执行函数 -使用函数,俗称调用 -定义函数 -格式:def 函数名称(参数=默认值):,函数名称不能用大驼峰,参数可以没有 -调用函数 -格式:函数名(参数 ...

  5. SpringCloud版本问题

    兴致勃勃地跟随文档创建并配置Eureka Server工程后,启动准备测试,发现报了java.lang.NoSuchMethodError: org.springframework.boot.buil ...

  6. oracle数据库更改字符集

    在数据迁徙的时候需要使源和目标数据库的字符集.版本等信息统一…… 这里是对一个数据库的设置,需要在两边进行同样的操作. SYS@PROD1> select userenv('language') ...

  7. Oz 创建Ubuntu镜像

    参考链接: http://blog.csdn.net/gcogle/article/details/52767135http://tlinux.blog.51cto.com/7288656/17497 ...

  8. mybatis学习----------查询数据库返回结果为空

    用mybits查询数据库时,如果参数已传入sql,sql也已经执行了,但是返回结果为空,首先保证数据库中有对应数据,如果有对应数据仍返回null,是数据库配置文件有问题.解决方案如下:1.mapper ...

  9. jumpserver安装与部署

    1.简介 Jumpserver 是一款由Python编写开源的跳板机(堡垒机)系统,实现了跳板机应有的功能.基于ssh协议来管理,客户端无需安装agent.特点:  完全开源,GPL授权   Pyth ...

  10. 使用git-premit时的问题

    package.json 相关配置如下 { "scripts": { "lint": "eslint pages/* component/* --fi ...