list.ftl
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <title>潜在客户报表查询</title>
7 <!--freemarker引入模板文件 使用相对路径来引入的-->
8 <#include "../common/link.ftl" >
9
10 <link rel="stylesheet" href="/js/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css">
11 <script src="/js/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
12 <script src="/js/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
13
14 <script>
15 $(function () {
16 $('.input-daterange').datepicker({
17 language: "zh-CN",
18 autoclose: true,
19 todayHighlight: true,
20 clearBtn: true
21 });
22
23 $(".btn-chart").click(function () {
24 //清空模态框的缓存
25 $('#myModal').removeData('bs.modal');
26 //告诉模态框图形报表url是哪个,加载内容并且放到模态框
27 var url = $(this).data('url');
28 $('#myModal').modal({ //加上高级查询的条件
29 remote : url + "?" + $("#searchForm").serialize()
30 })
31 $("#myModal").modal('show');
32 })
33 })
34 </script>
35 </head>
36 <body class="hold-transition skin-blue sidebar-mini">
37 <div class="wrapper">
38 <!--页面头部-->
39 <#include "../common/navbar.ftl" >
40 <!--菜单回显 声明变量设置值-->
41 <#assign currentMenu="customerReport"/>
42 <!--菜单-->
43 <#include "../common/menu.ftl" >
44 <div class="content-wrapper">
45 <section class="content-header">
46 <h1>潜在客户报表查询</h1>
47 </section>
48 <section class="content">
49 <div class="box">
50 <div style="margin: 10px;">
51 <!--高级查询--->
52 <form class="form-inline" id="searchForm" action="/customerReport/list.do" method="post">
53 <input type="hidden" name="currentPage" id="currentPage" value="1">
54 <div class="form-group">
55 <label for="keyword">员工姓名:</label>
56 <input type="text" class="form-control" id="keyword" name="keyword" value="${qo.keyword!}">
57 </div>
58 <div class="form-group">
59 <label>时间段查询:</label>
60 <div class="input-daterange input-group" id="datepicker">
61 <input type="text" class="input-sm form-control" name="beginDate"
62 value="${(qo.beginDate?string('yyyy-MM-dd'))!}" />
63 <span class="input-group-addon">to</span>
64 <input type="text" class="input-sm form-control" name="endDate"
65 value="${(qo.endDate?string('yyyy-MM-dd'))!}" />
66 </div>
67 </div>
68 <div class="form-group">
69 <label for="status">分组类型:</label>
70 <select class="form-control" id="groupType" name="groupType">
71 <option value="e.name">员工</option>
72 <option value="DATE_FORMAT(c.input_time, '%Y')">
73 年
74 </option>
75 <option value="DATE_FORMAT(c.input_time, '%Y-%m')">
76 月
77 </option>
78 <option value="DATE_FORMAT(c.input_time, '%Y-%m-%d')">
79 日
80 </option>
81 </select>
82 <script>
83 $("#groupType").val("${qo.groupType!}")
84 </script>
85 </div>
86
87 <button id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> 查询</button>
88 <button type="button" class="btn btn-info btn-chart" data-url="/customerReport/listByBar.do">
89 <span class="glyphicon glyphicon-stats"></span> 柱状图
90 </button>
91 <#--<button type="button" class="btn btn-warning btn-chart" data-url="/customerReport/listByPie.do">
92 <span class="glyphicon glyphicon-dashboard"></span> 饼状图
93 </button>-->
94
95 </form>
96 </div>
97 <!--编写内容-->
98 <div class="box-body table-responsive no-padding ">
99
100 <table class="table table-hover table-bordered">
101 <tr>
102 <th>分组类型</th>
103 <th>潜在客户新增数</th>
104 </tr>
105 <#list pageInfo.list as map>
106 <tr>
107 <!--freemarker 如果取值时是空值 会报错-->
108 <td>${map.groupType!}</td>
109 <td>${map.number!}</td>
110 </tr>
111 </#list>
112 </table>
113 </div>
114 <!--分页-->
115 <#include "../common/page.ftl">
116 </div>
117 </section>
118 </div>
119 <#include "../common/footer.ftl">
120 </div>
121
122 <!-- Modal模态框 -->
123 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
124 <div class="modal-dialog" role="document">
125 <div class="modal-content">
126 </div>
127 </div>
128 </div>
129
130
131 </body>
132 </html>
list.ftl的更多相关文章
- Using FreeMarker templates (FTL)- Tutorial
Lars Vogel, (c) 2012, 2016 vogella GmbHVersion 1.4,06.10.2016 Table of Contents 1. Introduction to F ...
- Spring mvc 中使用ftl引用共通文件出错 FreeMarker template error: Error reading included file "/WEB-INF/ftl/common/errormessage.ftl"
初次接触spring mvc,想做一个小的练习项目,结果在ftl文件中引用其它的共通ftl文件时出错.
- [Freemarker] - 使用struts的component调用freemarker的ftl模板方法
struts中的component标签,可以用来调用freemarker的ftl模板文件,使用component标签传参可以这样写: 使用property方式写法: <s:component t ...
- ftl文件格式化jsp形式显示
通过myeclipse设置ftl的编辑器为jsp的编辑器,达到效果. Myeclipse->windows->preferences 1\ 2\ 3\ 完成后即可.
- Freemarker的初次使用之FTL标签嵌套与map的使用
入职第二周了,在熟悉了公司自动化测试脚本的编写(使用什么数据库,使用哪种语言,框架带了哪些方法)后,现在开始熟悉模拟器,我们把请求发到服务器1,服务器1根据请求参数处理后将结果发给模拟器,模拟器根据服 ...
- spring-mvc整合freemarker并在ftl模版中显示服务端校验的错误信息,JSR303或者JSR349
写法有多种,应该可以任意组合,最重要的是要引入spring.ftl 1.Bean里面的就不再多写了,来个简单就可以了 @NotEmpty(message="用户密码码不可为空") ...
- [ofbiz]screen中应用form和ftl，控制页面元素属性
可以在screen中定义form与ftl两个文件,ftl中可以使用js控制form中的页面元素属性. 控制元素是否可编辑: $("#oaDataReport_budget&qu ...
- 在struts2中整合ajax时出现Template /template/ajax/head.ftl not found错误时的处理方法
Struts2 Ajax出现错误“Template /template/ajax/head.ftl not found” 2013-02-08 18:26:27| 分类: 默认分类|字号 订阅 ...
- Eclipse下如何打开ftl文件
ftl文件是freemarker模板文件,用freemarker时,常用该文件模板:但是该文件在eclipse编辑时,黑白底的,没有任何提示,下面介绍如何用JSP编辑器打开该文件. 工具/原料 e ...
- FTL（Flash translation layer）闪存转换层
前面说过,闪存的读写单位为页,而页的大小一般为4KB或8KB,但我们的操作系统读写数据是按HDD的扇区尺寸进行的(512Byte(字节)),更麻烦的是闪存擦除以块作单位,而且未擦除就无法写入,这导致操 ...
随机推荐
- [生命科学] 生物基础实验之PCR验证
生物基础实验之PCR验证 文章目录 生物基础实验之PCR验证 实验步骤一 实验步骤二 实验步骤三 配胶 实验步骤四 电泳 实验步骤五 跑胶 实验步骤一 在离心管加入7.5μL Master Mix 溶 ...
- 如何在Github上创建一个新仓库
Hi,欢迎大家在有空的时候做客[江涛学编程],这里是2023年的第6篇原创文章,新年新气象,在这里我祝读者朋友们都好好的, 老规矩,拍拍手,上菜. 今天没有啥东西要跟家人们分享,就两个字,看图!!! ...
- 学习记录C
学了这么久,终于开始实训项目了....... 奥里给 !!! 压力好大,好喜欢什么也不想的时候 记录学习的代码 分享一下 /* system函数:( #include<stdlib.h> ...
- JS逆向之补环境过瑞数详解
JS逆向之补环境过瑞数详解 "瑞数" 是逆向路上的一座大山,是许多JS逆向者绕不开的一堵围墙,也是跳槽简历上的一个亮点,我们必须得在下次跳槽前攻克它!! 好在现在网上有很多讲解瑞数 ...
- DOM的操作（增删改查）
操作DOM的核心就是增删改查 目录 一.节点创建型API 1.1 createElement 1.2 createTextNode 1.3 cloneNode 1.4 createDocumentFr ...
- Java语言的跨平台性-JDK,JRE和JVM
Java语言的跨平台性 1 Java虚拟机--JVM JVM(Java Virtual Machine ):Java虚拟机,简称JVM,是运行所有Java程序的假想计算机,是Java程序的 运行环境, ...
- vue学习笔记（一）---- vue指令（在vue中使用样式的方式）
认真学习,认真记录,每天都要有进步呀!!! 加油叭!!! 一.在vue中使用样式的方式: 1. 直接传递一个数组,注意: 这里的 class 需要使用 v-bind 做数据绑定 <style&g ...
- 阿里百秀后台管理项目笔记 ---- Day04
来吧展示: step 1 : 实现评论管理数据渲染 利用 ajax 创建接口得到数据使用模板引擎渲染页面 1.1 引入文件 <script src="/static/assets/ve ...
- Django-Django基本使用、app、三板斧
1.纯手撸web框架 1.web框架的本质 理解1:连接前端与数据库的中间介质 理解2:socket服务端 2.手写web框架 1.编写socket服务端代码 2.浏览器访问响应无效>>& ...
- 亚马孙机器可能出现权限问题导致ssh无法秘钥登录的情况
一般都是amazon会遇到,目前ali的机器没遇到过 情况是新机器,然后ssh脚本创建目录和用户和拷贝秘钥等等,后面用该新用户的秘钥登录发现一直无法登录. 把sshd的log改为debug,查看日志得 ...