github.com/kotovmak/go-admin@v1.1.1/template/installation/installation.tmpl (about) 1 {{define "installation"}} 2 <html> 3 <head> 4 <title>GoAdmin Install</title> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 7 <link rel="stylesheet" href="../../assets/install/assets/css/main.css"> 8 <link rel="stylesheet" href="../../assets/fullpage/fullpage.min.css"> 9 <noscript> 10 <link rel="stylesheet" href="../../assets/install/assets/css/noscript.css"/> 11 </noscript> 12 </head> 13 <body class=""> 14 15 <div id="fullpage"> 16 <div class="section active" id="section1"> 17 <div class="slide" id="slide1"> 18 <div class="page-wrapper" style="margin-left: auto;margin-right: auto;width: 1236px;"> 19 <!-- Wrapper --> 20 <div class="wrapper" style="margin-left: auto;margin-right: auto;"> 21 <section class="panel color2-alt"> 22 <div class="intro color2"> 23 <h2 class="major">数据库配置</h2> 24 <p>目前仅支持Mysql</p> 25 </div> 26 <div class="inner columns aligned" style="padding: 2.5rem 3.5rem 2rem 3.5rem;"> 27 <div class="span-2-5"> 28 <form method="post" action="#"> 29 <div class="field" style="width: calc(73% - 0.75rem);"> 30 <label for="demo-name">地址</label> 31 <input type="text" name="demo-name" id="db-host" value="" 32 placeholder="127.0.0.1"> 33 </div> 34 <div class="field quarter"> 35 <label for="demo-email">端口</label> 36 <input type="email" name="demo-email" id="db-port" value="" 37 placeholder="3306"> 38 </div> 39 <div class="field"> 40 <label for="demo-name">账号</label> 41 <input type="text" name="demo-name" id="db-username" value="" 42 placeholder="root"> 43 </div> 44 <div class="field"> 45 <label for="demo-email">密码</label> 46 <input type="password" name="demo-email" id="db-password" value="" 47 placeholder="root"> 48 </div> 49 <div class="field"> 50 <label for="demo-email">数据库名</label> 51 <input type="text" name="demo-email" id="db-database" value="" 52 placeholder="database"> 53 </div> 54 <div class="field" style="margin-top: 20px;"> 55 <ul class="actions"> 56 <li><input id="test-con-btn" type="submit" value="连接测试" 57 class="special color2"></li> 58 <li><input class="input-next" type="reset" value="下一步"></li> 59 </ul> 60 </div> 61 </form> 62 </div> 63 </div> 64 </section> 65 <!-- Copyright --> 66 <div class="copyright">Copyright © 2018.Company name All rights reserved.<a target="_blank" 67 href="https://github.com/chenhg5/go-admin">GoAdmin</a> 68 </div> 69 </div> 70 71 </div> 72 </div> 73 <div class="slide" id="slide2"> 74 <div class="page-wrapper" style="margin-left: auto;margin-right: auto;width: 1236px;"> 75 <!-- Wrapper --> 76 <div class="wrapper" style="margin-left: auto;margin-right: auto;"> 77 <section class="panel color2-alt"> 78 <div class="intro color2"> 79 <h2 class="major">选择管理数据表</h2> 80 <p>选择管理数据表</p> 81 </div> 82 <div class="inner columns aligned" style="padding: 2.5rem 3.5rem 2rem 3.5rem;"> 83 <div class="span-2-5"> 84 <form method="post" action="#" id="table-div"> 85 <div class="field quarter"> 86 <input type="checkbox" id="demo-copy" name="demo-copy" class="color2"> 87 <label for="demo-copy">users</label> 88 </div> 89 <div class="field quarter"> 90 <input type="checkbox" id="demo-human" name="demo-human" class="color2" 91 checked=""> 92 <label for="demo-human">ninepic</label> 93 </div> 94 <div class="field quarter"> 95 <input type="checkbox" id="demo-copy1" name="demo-copy1" class="color2"> 96 <label for="demo-copy1">users</label> 97 </div> 98 <div class="field quarter"> 99 <input type="checkbox" id="demo-human1" name="demo-human1" class="color2" 100 checked=""> 101 <label for="demo-human1">ninepic</label> 102 </div> 103 <div class="field quarter"> 104 <input type="checkbox" id="demo-copy2" name="demo-copy2" class="color2"> 105 <label for="demo-copy2">users</label> 106 </div> 107 <div class="field quarter"> 108 <input type="checkbox" id="demo-human2" name="demo-human2" class="color2" 109 checked=""> 110 <label for="demo-human2">ninepic</label> 111 </div> 112 <div class="field quarter"> 113 <input type="checkbox" id="demo-copy3" name="demo-copy3" class="color2"> 114 <label for="demo-copy3">users</label> 115 </div> 116 <div class="field quarter"> 117 <input type="checkbox" id="demo-human3" name="demo-human3" class="color2" 118 checked=""> 119 <label for="demo-human3">ninepic</label> 120 </div> 121 <div class="field" style="margin-top: 20px;"> 122 <ul class="actions"> 123 <li><input class="input-prev" type="reset" value="上一步"></li> 124 <li><input class="input-next" type="reset" value="下一步"></li> 125 </ul> 126 </div> 127 </form> 128 </div> 129 </div> 130 </section> 131 <!-- Copyright --> 132 <div class="copyright">Copyright © 2018.Company name All rights reserved.<a target="_blank" 133 href="https://github.com/chenhg5/go-admin">GoAdmin</a> 134 </div> 135 </div> 136 </div> 137 </div> 138 <div class="slide" id="slide3"> 139 <div class="page-wrapper" style="margin-left: auto;margin-right: auto;width: 1236px;"> 140 <!-- Wrapper --> 141 <div class="wrapper" style="margin-left: auto;margin-right: auto;"> 142 <section class="panel color2-alt"> 143 <div class="intro color2"> 144 <h2 class="major">设置字段</h2> 145 <p>User表</p> 146 </div> 147 <div class="inner columns aligned" 148 style="padding: 2.5rem 3.5rem 2rem 3.5rem;overflow-y: scroll;"> 149 <div class="span-2-5"> 150 <form method="post" action="#"> 151 <div class="field" style="width: calc(38% - 0.5rem);"> 152 <label for="demo-name">id</label> 153 <input type="text" name="demo-name" id="id" value="" placeholder="字段显示名称"> 154 </div> 155 <div class="field third"> 156 <label for="demo-category">编辑表单类型</label> 157 <div class="select-wrapper"> 158 <select name="demo-category" id="demo-category-id"> 159 <option value="">-</option> 160 <option value="1">显示</option> 161 <option value="1">Text</option> 162 <option value="1">Select</option> 163 </select> 164 </div> 165 </div> 166 <div class="field third" style="margin-top: 40px;"> 167 <input type="checkbox" id="demo1-copy1" name="demo1-copy1" class="color2"> 168 <label for="demo1-copy1">取消</label> 169 </div> 170 171 <div class="field" style="width: calc(38% - 0.5rem);"> 172 <label for="demo-name">name</label> 173 <input type="text" name="demo-name" id="name" value="" placeholder="name"> 174 </div> 175 <div class="field third"> 176 <label for="demo-category">编辑表单类型</label> 177 <div class="select-wrapper"> 178 <select name="demo-category" id="demo-category-name"> 179 <option value="">-</option> 180 <option value="1">显示</option> 181 <option value="1">Text</option> 182 <option value="1">Select</option> 183 </select> 184 </div> 185 </div> 186 <div class="field third" style="margin-top: 40px;"> 187 <input type="checkbox" id="demo1-copy2" name="demo1-copy2" class="color2"> 188 <label for="demo1-copy2">取消</label> 189 </div> 190 191 <div class="field" style="width: calc(38% - 0.5rem);"> 192 <label for="demo-name">id</label> 193 <input type="text" name="demo-name" value="" placeholder="id"> 194 </div> 195 <div class="field third"> 196 <label for="demo-category">编辑表单类型</label> 197 <div class="select-wrapper"> 198 <select name="demo-category"> 199 <option value="">-</option> 200 <option value="1">显示</option> 201 <option value="1">Text</option> 202 <option value="1">Select</option> 203 </select> 204 </div> 205 </div> 206 <div class="field third" style="margin-top: 40px;"> 207 <input type="checkbox" id="demo1-copy3" name="demo1-copy3" class="color2"> 208 <label for="demo1-copy3">取消</label> 209 </div> 210 211 <div class="field" style="width: calc(38% - 0.5rem);"> 212 <label for="demo-name">name</label> 213 <input type="text" name="demo-name" value="" placeholder="name"> 214 </div> 215 <div class="field third"> 216 <label for="demo-category">编辑表单类型</label> 217 <div class="select-wrapper"> 218 <select name="demo-category"> 219 <option value="">-</option> 220 <option value="1">显示</option> 221 <option value="1">Text</option> 222 <option value="1">Select</option> 223 </select> 224 </div> 225 </div> 226 <div class="field third" style="margin-top: 40px;"> 227 <input type="checkbox" id="demo1-copy4" name="demo1-copy4" class="color2"> 228 <label for="demo1-copy4">取消</label> 229 </div> 230 231 <div class="field" style="width: calc(38% - 0.5rem);"> 232 <label for="demo-name">id</label> 233 <input type="text" name="demo-name" value="" placeholder="id"> 234 </div> 235 <div class="field third"> 236 <label for="demo-category">编辑表单类型</label> 237 <div class="select-wrapper"> 238 <select name="demo-category"> 239 <option value="">-</option> 240 <option value="1">显示</option> 241 <option value="1">Text</option> 242 <option value="1">Select</option> 243 </select> 244 </div> 245 </div> 246 <div class="field third" style="margin-top: 40px;"> 247 <input type="checkbox" id="demo1-copy5" name="demo1-copy5" class="color2"> 248 <label for="demo1-copy5">取消</label> 249 </div> 250 251 <div class="field" style="width: calc(38% - 0.5rem);"> 252 <label for="demo-name">name</label> 253 <input type="text" name="demo-name" value="" placeholder="name"> 254 </div> 255 <div class="field third"> 256 <label for="demo-category">编辑表单类型</label> 257 <div class="select-wrapper"> 258 <select name="demo-category"> 259 <option value="">-</option> 260 <option value="1">显示</option> 261 <option value="1">Text</option> 262 <option value="1">Select</option> 263 </select> 264 </div> 265 </div> 266 <div class="field third" style="margin-top: 40px;"> 267 <input type="checkbox" id="demo1-copy6" name="demo1-copy6" class="color2"> 268 <label for="demo1-copy6">取消</label> 269 </div> 270 271 <div class="field" style="width: calc(38% - 0.5rem);"> 272 <label for="demo-name">id</label> 273 <input type="text" name="demo-name" value="" placeholder="id"> 274 </div> 275 <div class="field third"> 276 <label for="demo-category">编辑表单类型</label> 277 <div class="select-wrapper"> 278 <select name="demo-category"> 279 <option value="">-</option> 280 <option value="1">显示</option> 281 <option value="1">Text</option> 282 <option value="1">Select</option> 283 </select> 284 </div> 285 </div> 286 <div class="field third" style="margin-top: 40px;"> 287 <input type="checkbox" id="demo1-copy7" name="demo1-copy7" class="color2"> 288 <label for="demo1-copy7">取消</label> 289 </div> 290 291 <div class="field" style="width: calc(38% - 0.5rem);"> 292 <label for="demo-name">name</label> 293 <input type="text" name="demo-name" value="" placeholder="name"> 294 </div> 295 <div class="field third"> 296 <label for="demo-category">编辑表单类型</label> 297 <div class="select-wrapper"> 298 <select name="demo-category"> 299 <option value="">-</option> 300 <option value="1">显示</option> 301 <option value="1">Text</option> 302 <option value="1">Select</option> 303 </select> 304 </div> 305 </div> 306 <div class="field third" style="margin-top: 40px;"> 307 <input type="checkbox" id="demo1-copy8" name="demo1-copy8" class="color2"> 308 <label for="demo1-copy8">取消</label> 309 </div> 310 311 <div class="field" style="width: calc(38% - 0.5rem);"> 312 <label for="demo-name">id</label> 313 <input type="text" name="demo-name" value="" placeholder="id"> 314 </div> 315 <div class="field third"> 316 <label for="demo-category">编辑表单类型</label> 317 <div class="select-wrapper"> 318 <select name="demo-category"> 319 <option value="">-</option> 320 <option value="1">显示</option> 321 <option value="1">Text</option> 322 <option value="1">Select</option> 323 </select> 324 </div> 325 </div> 326 <div class="field third" style="margin-top: 40px;"> 327 <input type="checkbox" id="demo1-copy9" name="demo1-copy9" class="color2"> 328 <label for="demo1-copy9">取消</label> 329 </div> 330 331 <div class="field" style="width: calc(38% - 0.5rem);"> 332 <label for="demo-name">name</label> 333 <input type="text" name="demo-name" value="" placeholder="name"> 334 </div> 335 <div class="field third"> 336 <label for="demo-category">编辑表单类型</label> 337 <div class="select-wrapper"> 338 <select name="demo-category"> 339 <option value="">-</option> 340 <option value="1">显示</option> 341 <option value="1">Text</option> 342 <option value="1">Select</option> 343 </select> 344 </div> 345 </div> 346 <div class="field third" style="margin-top: 40px;"> 347 <input type="checkbox" id="demo1-copy10" name="demo1-copy10" class="color2"> 348 <label for="demo1-copy10">取消</label> 349 </div> 350 351 <div class="field" style="width: calc(38% - 0.5rem);"> 352 <label for="demo-name">id</label> 353 <input type="text" name="demo-name" value="" placeholder="id"> 354 </div> 355 <div class="field third"> 356 <label for="demo-category">编辑表单类型</label> 357 <div class="select-wrapper"> 358 <select name="demo-category"> 359 <option value="">-</option> 360 <option value="1">显示</option> 361 <option value="1">Text</option> 362 <option value="1">Select</option> 363 </select> 364 </div> 365 </div> 366 <div class="field third" style="margin-top: 40px;"> 367 <input type="checkbox" id="demo1-copy11" name="demo1-copy11" class="color2"> 368 <label for="demo1-copy11">取消</label> 369 </div> 370 371 <div class="field" style="width: calc(38% - 0.5rem);"> 372 <label for="demo-name">name</label> 373 <input type="text" name="demo-name" value="" placeholder="name"> 374 </div> 375 <div class="field third"> 376 <label for="demo-category">编辑表单类型</label> 377 <div class="select-wrapper"> 378 <select name="demo-category"> 379 <option value="">-</option> 380 <option value="1">显示</option> 381 <option value="1">Text</option> 382 <option value="1">Select</option> 383 </select> 384 </div> 385 </div> 386 <div class="field third" style="margin-top: 40px;"> 387 <input type="checkbox" id="demo1-copy12" name="demo1-copy12" class="color2"> 388 <label for="demo1-copy12">取消</label> 389 </div> 390 391 <div class="field" style="margin-top: 20px;"> 392 <ul class="actions"> 393 <li><input class="input-prev" type="reset" value="上一步"></li> 394 <li><input class="input-next" type="reset" value="下一步"></li> 395 </ul> 396 </div> 397 </form> 398 </div> 399 </div> 400 </section> 401 <!-- Copyright --> 402 <div class="copyright">Copyright © 2018.Company name All rights reserved.<a target="_blank" 403 href="https://github.com/chenhg5/go-admin">GoAdmin</a> 404 </div> 405 </div> 406 </div> 407 </div> 408 <div class="slide" id="slide4"> 409 <div class="page-wrapper" style="margin-left: auto;margin-right: auto;width: 1236px;"> 410 <!-- Wrapper --> 411 <div class="wrapper" style="margin-left: auto;margin-right: auto;"> 412 <section class="panel color2-alt"> 413 <div class="intro color2"> 414 <h2 class="major">设置超级管理员</h2> 415 <p>超级管理员设置</p> 416 </div> 417 <div class="inner columns aligned" style="padding: 2.5rem 3.5rem 2rem 3.5rem;"> 418 <div class="span-2-5"> 419 <form method="post" action="#"> 420 <div class="field"> 421 <label for="demo-name">账号</label> 422 <input type="text" name="demo-name" id="username" value="" 423 placeholder="root"> 424 </div> 425 <div class="field"> 426 <label for="demo-email">密码</label> 427 <input type="password" name="demo-email" id="password" value="" 428 placeholder="root"> 429 </div> 430 <div class="field"> 431 <label for="demo-email">确认密码</label> 432 <input type="password" name="demo-password_comfirm" id="password_comfirm" 433 value="" 434 placeholder="root"> 435 </div> 436 <div class="field" style="margin-top: 20px;"> 437 <ul class="actions"> 438 <li><input class="input-next" type="reset" value="Enjoy!"></li> 439 </ul> 440 </div> 441 </form> 442 </div> 443 </div> 444 </section> 445 <!-- Copyright --> 446 <div class="copyright">Copyright © 2018.Company name All rights reserved.<a target="_blank" 447 href="https://github.com/chenhg5/go-admin">GoAdmin</a> 448 </div> 449 </div> 450 451 </div> 452 </div> 453 </div> 454 </div> 455 456 <!-- Scripts --> 457 <script src="../../assets/install/assets/js/jquery.min.js"></script> 458 <script src="../../assets/install/assets/js/skel.min.js"></script> 459 <script src="../../assets/install/assets/js/main.js"></script> 460 <script src="../../assets/fullpage/fullpage.min.js"></script> 461 <script type="text/javascript"> 462 var myFullpage = new fullpage('#fullpage', { 463 anchors: ['first'], 464 lazyLoad: true, 465 scrollBar: true, 466 autoScrolling: false 467 }); 468 469 myFullpage.destroy(); 470 471 $(".input-next").click(function (e) { 472 myFullpage.moveSlideRight() 473 }); 474 $(".input-prev").click(function (e) { 475 myFullpage.moveSlideLeft() 476 }); 477 478 /** 处理逻辑 **/ 479 480 // 测试连接 481 $('#test-con-btn').on('click', function (e) { 482 e.preventDefault(); 483 $.ajax({ 484 dataType: 'json', 485 type: 'POST', 486 url: '/install/database/check', 487 async: 'true', 488 data: { 489 'h': $("#db-host").val(), 490 'po': $("#db-port").val(), 491 'u': $("#db-username").val(), 492 'pa': $("#db-password").val(), 493 'db': $("#db-database").val() 494 }, 495 success: function (data) { 496 console.log(data) 497 if (data.code === 0) { 498 499 // html = ""; 500 // 501 // for (i = 0; i < data.data.list.length; i++) { 502 // html += '<div class="field"><input type="checkbox" id="' + 503 // data.data.list[i] + 504 // '" name="table-' + i + '" class="color2"><label for="table-' + i + '">' + 505 // data.data.list[i] 506 // + '</label></div>'; 507 // } 508 // 509 // $("#table-div").html(html); 510 511 alert(data.msg); 512 513 } else { 514 alert(data.msg); 515 } 516 }, 517 error: function (data) { 518 alert("ok"); 519 } 520 }); 521 }); 522 523 </script> 524 <style> 525 .fp-controlArrow { 526 display: none; 527 } 528 </style> 529 </body> 530 </html> 531 {{end}}