ext_myQrcode.ext.jsp 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <%@ page language="java" pageEncoding="UTF-8"%>
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>来访信息</title>
  8. <script type="text/javascript" src="/ss/jquery/jquery1.11.3.min.js"></script>
  9. <script type="text/javascript" src="/ss/qrcode/jquery.qrcode.min.js"></script>
  10. <style>
  11. body {
  12. font-family: Arial, sans-serif;
  13. margin: 0;
  14. padding: 0;
  15. box-sizing: border-box;
  16. background-color: #f8f9fa;
  17. }
  18. .container {
  19. width: 100%;
  20. margin: auto;
  21. padding: 20px;
  22. background-color: #fff;
  23. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  24. }
  25. header {
  26. text-align: center;
  27. padding: 20px 0;
  28. background-color: #007bff;
  29. color: white;
  30. }
  31. header h1 {
  32. margin: 0;
  33. font-size: 24px;
  34. }
  35. table {
  36. width: 100%;
  37. border-collapse: collapse;
  38. margin: 20px 0;
  39. }
  40. table th, table td {
  41. text-align: left;
  42. border-bottom: 1px solid #ddd;
  43. }
  44. table th {
  45. background-color: #f2f2f2;
  46. }
  47. footer {
  48. text-align: center;
  49. padding: 10px 0;
  50. background-color: #f1f1f1;
  51. margin-top: 20px;
  52. }
  53. footer p {
  54. margin: 0;
  55. color: #777;
  56. }
  57. </style>
  58. </head>
  59. <body>
  60. <div class="container">
  61. <header>
  62. <h1>${xm} 的 ${title}</h1>
  63. </header>
  64. <table>
  65. <tr>
  66. <td colspan="2" id="qrcode"></td>
  67. </tr>
  68. <tr>
  69. <td colspan="2">
  70. <input type="button" style="width: 40%" value="关闭"/>
  71. </td>
  72. </tr>
  73. </table>
  74. </div>
  75. </form>
  76. </body>
  77. <script>
  78. $(document).ready(function(){
  79. $("#qrcode").qrcode("/extRoot?type=1&token=${token}") <%-- 这里的 &token= 就是 token,不是 &ssToken=。Lin --%>
  80. })
  81. </script>
  82. </html>