index.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>生成CURD</title>
  6. </head>
  7. <body class="laytp-container">
  8. <div class="layui-row layui-col-space10">
  9. <div class="layui-col-md5">
  10. <div class="layui-card">
  11. <div class="layui-card-body">
  12. <form class="layui-form" action="">
  13. <div class="layui-form-item">
  14. <label class="layui-form-label">表名</label>
  15. <div class="layui-input-inline">
  16. <input type="text" name="search_param[table][value]" class="layui-input" autocomplete="off" />
  17. <input type="hidden" name="search_param[table][condition]" value="LIKE">
  18. </div>
  19. <button class="laytp-btn laytp-btn-md laytp-btn-primary" lay-submit lay-filter="laytp-search-form">
  20. <i class="layui-icon layui-icon-search"></i>
  21. 查询
  22. </button>
  23. <button type="reset" class="laytp-btn laytp-btn-md laytp-search-form-reset">
  24. <i class="layui-icon layui-icon-refresh"></i>
  25. 重置
  26. </button>
  27. </div>
  28. </form>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="layui-col-md7">
  33. <div class="layui-card">
  34. <div class="layui-card-body">
  35. <form class="layui-form" action="">
  36. <div class="layui-form-item">
  37. <label class="layui-form-label" style="display:none;">表ID</label>
  38. <div class="layui-input-inline" style="display:none;">
  39. <input type="text" name="search_param[table_id][value]" id="table_id" class="layui-input" autocomplete="off" />
  40. <input type="hidden" name="search_param[table_id][condition]" value="=">
  41. </div>
  42. <label class="layui-form-label">字段名</label>
  43. <div class="layui-input-inline">
  44. <input type="text" name="search_param[field][value]" id="field" class="layui-input" autocomplete="off" />
  45. <input type="hidden" name="search_param[field][condition]" value="LIKE">
  46. </div>
  47. <button class="laytp-btn laytp-btn-md laytp-btn-primary" lay-submit lay-filter="laytp-search-field-form" id="search-field-form-submit-btn">
  48. <i class="layui-icon layui-icon-search"></i>
  49. 查询
  50. </button>
  51. <button type="button" class="laytp-btn laytp-btn-md laytp-search-field-form-reset">
  52. <i class="layui-icon layui-icon-refresh"></i>
  53. 重置
  54. </button>
  55. </div>
  56. </form>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="layui-row layui-col-space10">
  62. <div class="layui-col-md5">
  63. <div class="layui-card">
  64. <div class="layui-card-body">
  65. <table id="database-table" lay-filter="database-table"></table>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="layui-col-md7">
  70. <div class="layui-card">
  71. <div class="layui-card-body">
  72. <svg class="empty" style="margin-top: 50px;margin-left: 220px;margin-bottom: 80px;" width="184" height="152"
  73. viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg">
  74. <g fill="none" fillRule="evenodd">
  75. <g transform="translate(24 31.67)">
  76. <ellipse fillOpacity=".8" fill="#F5F5F7" cx="67.797" cy="106.89" rx="67.797" ry="12.668"></ellipse>
  77. <path d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
  78. fill="#AEB8C2"></path>
  79. <path d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
  80. fill="url(#linearGradient-1)" transform="translate(13.56)"></path>
  81. <path d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z" fill="#F5F5F7"></path>
  82. <path d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
  83. fill="#DCE0E6"></path>
  84. </g>
  85. <path d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
  86. fill="#DCE0E6"></path>
  87. <g transform="translate(149.65 15.383)" fill="#FFF">
  88. <ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815"></ellipse>
  89. <path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"></path>
  90. </g>
  91. </g>
  92. </svg>
  93. <table id="field-table" lay-filter="field-table"></table>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </body>
  99. <script type="text/html" id="database-table-toolbar">
  100. <button class="laytp-btn laytp-btn-primary laytp-btn-md" lay-event="addTable">
  101. <i class="layui-icon layui-icon-add-1"></i>
  102. 新增数据表
  103. </button>
  104. <button class="laytp-btn laytp-btn-danger laytp-btn-md" lay-event="recycleTable">
  105. <i class="layui-icon layui-icon-delete"></i>
  106. 数据表回收站
  107. </button>
  108. </script>
  109. <script type="text/html" id="database-table-bar">
  110. <button class="laytp-btn laytp-btn-primary laytp-btn-sm" lay-event="editTable">
  111. <i class="layui-icon layui-icon-edit"></i>
  112. </button>
  113. <button class="laytp-btn laytp-btn-warming laytp-btn-sm" lay-event="tableFields">
  114. <i class="layui-icon layui-icon-transfer"></i>
  115. </button>
  116. <button class="laytp-btn laytp-btn-danger laytp-btn-sm" lay-event="delTable">
  117. <i class="layui-icon layui-icon-delete"></i>
  118. </button>
  119. </script>
  120. <script type="text/html" id="field-table-toolbar">
  121. <button class="laytp-btn laytp-btn-primary laytp-btn-md" lay-event="addField">
  122. <i class="layui-icon layui-icon-add-1"></i>
  123. 新增字段
  124. </button>
  125. <button class="laytp-btn laytp-btn-danger laytp-btn-md" lay-event="recycleField">
  126. <i class="layui-icon layui-icon-delete"></i>
  127. 字段回收站
  128. </button>
  129. <button class="laytp-btn laytp-btn-success laytp-btn-md" lay-event="createNormalCurd">
  130. <i class="layui-icon layui-icon-util"></i>
  131. 生成常规CURD
  132. </button>
  133. <button class="laytp-btn laytp-btn-warming laytp-btn-md" lay-event="createCategoryCurd">
  134. <i class="layui-icon layui-icon-list"></i>
  135. 生成分类CURD
  136. </button>
  137. </script>
  138. <script type="text/html" id="field-table-bar">
  139. <button class="laytp-btn laytp-btn-primary laytp-btn-sm" lay-event="editField">
  140. <i class="layui-icon layui-icon-edit"></i>
  141. </button>
  142. <button class="laytp-btn laytp-btn-danger laytp-btn-sm" lay-event="delField">
  143. <i class="layui-icon layui-icon-delete"></i>
  144. </button>
  145. </script>
  146. <script>
  147. if(localStorage.getItem("staticDomain")){
  148. document.write("<link rel='stylesheet' href='" + localStorage.getItem("staticDomain") + "/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
  149. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
  150. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
  151. document.write("<script src='" + localStorage.getItem("staticDomain") + "/plugin/curd/js/index.js?v="+localStorage.getItem("version")+"'><\/script>");
  152. }else{
  153. document.write("<link rel='stylesheet' href='/static/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
  154. document.write("<script src='/static/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
  155. document.write("<script src='/static/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
  156. document.write("<script src='/static/plugin/curd/js/index.js?v="+localStorage.getItem("version")+"'><\/script>");
  157. }
  158. </script>
  159. </html>