export.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <!-- 避免IE使用兼容模式 -->
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  7. <meta name="renderer" content="webkit">
  8. <link rel="stylesheet" type="text/css" href="/static/plugins/layui/css/layui.css">
  9. <script type="text/javascript" src="/static/plugins/layui/layui.js"></script>
  10. <script type="text/javascript" src="/static/plugins/jquery/jquery.min.js"></script>
  11. <script type="text/javascript" src="/static/plugins/topjui/topjui.function.js"></script>
  12. <style>
  13. body {
  14. margin: 10px;
  15. }
  16. .layui-colla-title {
  17. font-weight: bold;
  18. }
  19. .layui-colla-content p {
  20. line-height: 30px;
  21. }
  22. </style>
  23. <script type="text/javascript">
  24. $(function () {
  25. var excelTitle = decodeURI($.getUrlVar("excelTitle"));
  26. var colName = decodeURI($.getUrlVar("colName"));
  27. var fieldName = $.getUrlVar("fieldName");
  28. layui.use(['element', 'layer'], function () {
  29. var element = layui.element;
  30. var layer = layui.layer;
  31. layer.open({
  32. title: '传递过来的参数',
  33. content: "导出文件名:" + excelTitle + "<br>列名:" + colName + "<br>字段名:" + fieldName,
  34. area: '500px'
  35. });
  36. //监听折叠
  37. element.on('collapse(test)', function (data) {
  38. //layer.msg('展开状态:'+ data.show);
  39. });
  40. });
  41. });
  42. </script>
  43. </head>
  44. <body>
  45. <div class="layui-collapse" lay-filter="test">
  46. <div class="layui-colla-item">
  47. <h2 class="layui-colla-title">通用Excel导出使用说明</h2>
  48. <div class="layui-colla-content layui-show">
  49. <p>导出功能需要后端配合才能实现,点击导出按钮执行导出请求时,TopJUI会传递以下三个参数到后端</p>
  50. <p>excelTitle:要导出的Excel名称</p>
  51. <p>colName:中文列名</p>
  52. <p>fieldName:字段名</p>
  53. <p>后端接收到以上参数组合查询语句,配合第三方Excel导出插件封装后实现通用Excel导出功能。</p>
  54. </div>
  55. </div>
  56. <div class="layui-colla-item">
  57. <h2 class="layui-colla-title">TopJUI与JAVA框架Spring MVC + Spring + Hibernate + Mybatis整合演示</h2>
  58. <div class="layui-colla-content layui-show">
  59. <p>
  60. 演示地址:<a href="http://demo.ewsd.cn/system/index/index" target="_blank">http://demo.ewsd.cn/system/index/index</a>
  61. </p>
  62. <p>用户名 / 密码:topjui / topjui</p>
  63. <p>登录后进入:系统管理平台 => 用户管理 => 用户列表 => 导出 => 导出Excel列表</p>
  64. </div>
  65. </div>
  66. </div>
  67. </body>
  68. </html>