FreeMark显示界面
来源:互联网 发布:c语言预处理指令格式 编辑:程序博客网 时间:2024/06/05 07:33
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script type="text/javascript" src="/area.js"></script>
<script type="text/javascript" src="/angularjs.js"></script>
<script type="text/javascript" src="/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function () {
$("#button").click(function () {
var array=new Array();
$("input[type='checkbox']:checked").each(function(){
array.push($(this).val());
});
alert(array)
$.post("/stock/removal",{"array":array},function (a) {
alert("导出成功");
});
});
});
</script>
</head>
<body ng-app="App">
<div class="page-header">
<h1>库存信息展示页面<small>show for shoct</small></h1>
</div>
<div class="row" ng-controller="conrtoller">
<div class="col-md-2 col-md-offset-8">
<#--模糊查询-->
<form action="//">
<input class="btn btn-primary" type="submit"><input type="text" name="name" class="form-control">
</form>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-3">
<#list pageHelper.list as li>
<div class="col-sm-4 col-md-3">
<div class="thumbnail">
<img src="${li.stock_photo}">
<div class="caption">
<h3>商品名称:${li.}</h3>
<p>数量:${li.}</p>
<p>产地:${li.}</p>
<p>生产日期:${li.?date}</p>
</div>
<input type="checkbox" class="fu" value="${li.sid}">
</div>
</div>
</#list>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-4">
共<span>${pageHelper.total}条</span><span> 现在显示第${pageHelper.pageNum}页</span>
<a href="//?pageNo=${pageHelper.firstPage}&pageSize=${pageHelper.pageSize}" > 首页</a>
<#if pageHelper.isFirstPage == true >
<a href="//?pageNo=${pageHelper.firstPage}&pageSize=${pageHelper.pageSize}" > 上一页</a>
<#else >
<a href="//?pageNo=${pageHelper.prePage}&pageSize=${pageHelper.pageSize}"> 上一页</a>
</#if>
<#if pageHelper.isLastPage == true>
<a href="//?pageNo=${pageHelper.lastPage}&pageSize=${pageHelper.pageSize}"> 下一页</a>
<#else >
<a href="//?pageNo=${pageHelper.nextPage}&pageSize=${pageHelper.pageSize}"> 下一页</a>
</#if>
<a href="//?pageNo=${pageHelper.lastPage}&pageSize=${pageHelper.pageSize}"> 尾页</a>
</div>
<div class="col-md-2 col-md-offset-10"><button class="btn btn-primary" id="button">出库</button></div>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script type="text/javascript" src="/area.js"></script>
<script type="text/javascript" src="/angularjs.js"></script>
<script type="text/javascript" src="/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function () {
$("#button").click(function () {
var array=new Array();
$("input[type='checkbox']:checked").each(function(){
array.push($(this).val());
});
alert(array)
$.post("/stock/removal",{"array":array},function (a) {
alert("导出成功");
});
});
});
</script>
</head>
<body ng-app="App">
<div class="page-header">
<h1>库存信息展示页面<small>show for shoct</small></h1>
</div>
<div class="row" ng-controller="conrtoller">
<div class="col-md-2 col-md-offset-8">
<#--模糊查询-->
<form action="//">
<input class="btn btn-primary" type="submit"><input type="text" name="name" class="form-control">
</form>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-3">
<#list pageHelper.list as li>
<div class="col-sm-4 col-md-3">
<div class="thumbnail">
<img src="${li.stock_photo}">
<div class="caption">
<h3>商品名称:${li.}</h3>
<p>数量:${li.}</p>
<p>产地:${li.}</p>
<p>生产日期:${li.?date}</p>
</div>
<input type="checkbox" class="fu" value="${li.sid}">
</div>
</div>
</#list>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-4">
共<span>${pageHelper.total}条</span><span> 现在显示第${pageHelper.pageNum}页</span>
<a href="//?pageNo=${pageHelper.firstPage}&pageSize=${pageHelper.pageSize}" > 首页</a>
<#if pageHelper.isFirstPage == true >
<a href="//?pageNo=${pageHelper.firstPage}&pageSize=${pageHelper.pageSize}" > 上一页</a>
<#else >
<a href="//?pageNo=${pageHelper.prePage}&pageSize=${pageHelper.pageSize}"> 上一页</a>
</#if>
<#if pageHelper.isLastPage == true>
<a href="//?pageNo=${pageHelper.lastPage}&pageSize=${pageHelper.pageSize}"> 下一页</a>
<#else >
<a href="//?pageNo=${pageHelper.nextPage}&pageSize=${pageHelper.pageSize}"> 下一页</a>
</#if>
<a href="//?pageNo=${pageHelper.lastPage}&pageSize=${pageHelper.pageSize}"> 尾页</a>
</div>
<div class="col-md-2 col-md-offset-10"><button class="btn btn-primary" id="button">出库</button></div>
</div>
</body>
</html>
阅读全文
0 0
- FreeMark显示界面
- FreeMark登录界面
- freemark
- freemark
- freemark
- FreeMark
- freeMark
- freemark
- freemark
- freemark
- Freemark页面字符串显示截取 超过100显示...
- [Freemark]freemark常用语法
- freemark语法
- freemark 基础知识
- freemark指南
- freemark 标签
- freemark语法
- freemark 笔记
- python 调用函数
- Java常用API(三)Pattern 正则表达式
- Spring 代理
- MSM8998(高通835处理器)外接指纹识别传感器linux驱动
- 学历和技术孰轻孰重,不应该成为非此即彼的问题!
- FreeMark显示界面
- ImageNet
- Tablayout+fragment+viewpager
- Terminal命令行内容过多,查看全部内容的配置
- iPhone X适配
- Javascript Dom编程艺术读书笔记(二)
- Maven+Spring+Spring MVC+MyBatis+MySQL整合SSM框架
- docker结合portworx
- 【HTML/CSS】导航菜单的制作