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