package login var List = map[string]string{"installation": `{{define "installation"}} <html> <head> <title>GoAdmin Install</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="../../assets/install/assets/css/main.css"> <link rel="stylesheet" href="../../assets/fullpage/fullpage.min.css"> <noscript> <link rel="stylesheet" href="../../assets/install/assets/css/noscript.css"/> </noscript> </head> <body class=""> <div id="fullpage"> <div class="section active" id="section1"> <div class="slide" id="slide1"> <div class="page-wrapper" style="margin-left: auto;margin-right: auto;width: 1236px;"> <!-- Wrapper --> <div class="wrapper" style="margin-left: auto;margin-right: auto;"> <section class="panel color2-alt"> <div class="intro color2"> <h2 class="major">数据库配置</h2> <p>目前仅支持Mysql</p> </div> <div class="inner columns aligned" style="padding: 2.5rem 3.5rem 2rem 3.5rem;"> <div class="span-2-5"> <form method="post" action="#"> <div class="field" style="width: calc(73% - 0.75rem);"> <label for="demo-name">地址</label> <input type="text" name="demo-name" id="db-host" value="" placeholder="127.0.0.1"> </div> <div class="field quarter"> <label for="demo-email">端口</label> <input type="email" name="demo-email" id="db-port" value="" placeholder="3306"> </div> <div class="field"> <label for="demo-name">账号</label> <input type="text" name="demo-name" id="db-username" value="" placeholder="root"> </div> <div class="field"> <label for="demo-email">密码</label> <input type="password" name="demo-email" id="db-password" value="" placeholder="root"> </div> <div class="field"> <label for="demo-email">数据库名</label> <input type="text" name="demo-email" id="db-database" value="" placeholder="database"> </div> <div class="field" style="margin-top: 20px;"> <ul class="actions"> <li><input id="test-con-btn" type="submit" value="连接测试" class="special color2"></li> <li><input class="input-next" type="reset" value="下一步"></li> </ul> </div> </form> </div> </div> </section> <!-- Copyright --> <div class="copyright">Copyright © 2018.Company name All rights reserved.<a target="_blank" href="https://github.com/chenhg5/go-admin">GoAdmin</a> </div> </div> </div> </div> <div class="slide" id="slide2"> <div class="page-wrapper" style="margin-left: auto;margin-right: auto;width: 1236px;"> <!-- Wrapper --> <div class="wrapper" style="margin-left: auto;margin-right: auto;"> <section class="panel color2-alt"> <div class="intro color2"> <h2 class="major">选择管理数据表</h2> <p>选择管理数据表</p> </div> <div class="inner columns aligned" style="padding: 2.5rem 3.5rem 2rem 3.5rem;"> <div class="span-2-5"> <form method="post" action="#" id="table-div"> <div class="field quarter"> <input type="checkbox" id="demo-copy" name="demo-copy" class="color2"> <label for="demo-copy">users</label> </div> <div class="field quarter"> <input type="checkbox" id="demo-human" name="demo-human" class="color2" checked=""> <label for="demo-human">ninepic</label> </div> <div class="field quarter"> <input type="checkbox" id="demo-copy1" name="demo-copy1" class="color2"> <label for="demo-copy1">users</label> </div> <div class="field quarter"> <input type="checkbox" id="demo-human1" name="demo-human1" class="color2" checked=""> <label for="demo-human1">ninepic</label> </div> <div class="field quarter"> <input type="checkbox" id="demo-copy2" name="demo-copy2" class="color2"> <label for="demo-copy2">users</label> </div> <div class="field quarter"> <input type="checkbox" id="demo-human2" name="demo-human2" class="color2" checked=""> <label for="demo-human2">ninepic</label> </div> <div class="field quarter"> <input type="checkbox" id="demo-copy3" name="demo-copy3" class="color2"> <label for="demo-copy3">users</label> </div> <div class="field quarter"> <input type="checkbox" id="demo-human3" name="demo-human3" class="color2" checked=""> <label for="demo-human3">ninepic</label> </div> <div class="field" style="margin-top: 20px;"> <ul class="actions"> <li><input class="input-prev" type="reset" value="上一步"></li> <li><input class="input-next" type="reset" value="下一步"></li> </ul> </div> </form> </div> </div> </section> <!-- Copyright --> <div class="copyright">Copyright © 2018.Company name All rights reserved.<a target="_blank" href="https://github.com/chenhg5/go-admin">GoAdmin</a> </div> </div> </div> </div> <div class="slide" id="slide3"> <div class="page-wrapper" style="margin-left: auto;margin-right: auto;width: 1236px;"> <!-- Wrapper --> <div class="wrapper" style="margin-left: auto;margin-right: auto;"> <section class="panel color2-alt"> <div class="intro color2"> <h2 class="major">设置字段</h2> <p>User表</p> </div> <div class="inner columns aligned" style="padding: 2.5rem 3.5rem 2rem 3.5rem;overflow-y: scroll;"> <div class="span-2-5"> <form method="post" action="#"> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">id</label> <input type="text" name="demo-name" id="id" value="" placeholder="字段显示名称"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category" id="demo-category-id"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy1" name="demo1-copy1" class="color2"> <label for="demo1-copy1">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">name</label> <input type="text" name="demo-name" id="name" value="" placeholder="name"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category" id="demo-category-name"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy2" name="demo1-copy2" class="color2"> <label for="demo1-copy2">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">id</label> <input type="text" name="demo-name" value="" placeholder="id"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy3" name="demo1-copy3" class="color2"> <label for="demo1-copy3">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">name</label> <input type="text" name="demo-name" value="" placeholder="name"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy4" name="demo1-copy4" class="color2"> <label for="demo1-copy4">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">id</label> <input type="text" name="demo-name" value="" placeholder="id"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy5" name="demo1-copy5" class="color2"> <label for="demo1-copy5">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">name</label> <input type="text" name="demo-name" value="" placeholder="name"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy6" name="demo1-copy6" class="color2"> <label for="demo1-copy6">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">id</label> <input type="text" name="demo-name" value="" placeholder="id"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy7" name="demo1-copy7" class="color2"> <label for="demo1-copy7">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">name</label> <input type="text" name="demo-name" value="" placeholder="name"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy8" name="demo1-copy8" class="color2"> <label for="demo1-copy8">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">id</label> <input type="text" name="demo-name" value="" placeholder="id"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy9" name="demo1-copy9" class="color2"> <label for="demo1-copy9">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">name</label> <input type="text" name="demo-name" value="" placeholder="name"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy10" name="demo1-copy10" class="color2"> <label for="demo1-copy10">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">id</label> <input type="text" name="demo-name" value="" placeholder="id"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy11" name="demo1-copy11" class="color2"> <label for="demo1-copy11">取消</label> </div> <div class="field" style="width: calc(38% - 0.5rem);"> <label for="demo-name">name</label> <input type="text" name="demo-name" value="" placeholder="name"> </div> <div class="field third"> <label for="demo-category">编辑表单类型</label> <div class="select-wrapper"> <select name="demo-category"> <option value="">-</option> <option value="1">显示</option> <option value="1">Text</option> <option value="1">Select</option> </select> </div> </div> <div class="field third" style="margin-top: 40px;"> <input type="checkbox" id="demo1-copy12" name="demo1-copy12" class="color2"> <label for="demo1-copy12">取消</label> </div> <div class="field" style="margin-top: 20px;"> <ul class="actions"> <li><input class="input-prev" type="reset" value="上一步"></li> <li><input class="input-next" type="reset" value="下一步"></li> </ul> </div> </form> </div> </div> </section> <!-- Copyright --> <div class="copyright">Copyright © 2018.Company name All rights reserved.<a target="_blank" href="https://github.com/chenhg5/go-admin">GoAdmin</a> </div> </div> </div> </div> <div class="slide" id="slide4"> <div class="page-wrapper" style="margin-left: auto;margin-right: auto;width: 1236px;"> <!-- Wrapper --> <div class="wrapper" style="margin-left: auto;margin-right: auto;"> <section class="panel color2-alt"> <div class="intro color2"> <h2 class="major">设置超级管理员</h2> <p>超级管理员设置</p> </div> <div class="inner columns aligned" style="padding: 2.5rem 3.5rem 2rem 3.5rem;"> <div class="span-2-5"> <form method="post" action="#"> <div class="field"> <label for="demo-name">账号</label> <input type="text" name="demo-name" id="username" value="" placeholder="root"> </div> <div class="field"> <label for="demo-email">密码</label> <input type="password" name="demo-email" id="password" value="" placeholder="root"> </div> <div class="field"> <label for="demo-email">确认密码</label> <input type="password" name="demo-password_comfirm" id="password_comfirm" value="" placeholder="root"> </div> <div class="field" style="margin-top: 20px;"> <ul class="actions"> <li><input class="input-next" type="reset" value="Enjoy!"></li> </ul> </div> </form> </div> </div> </section> <!-- Copyright --> <div class="copyright">Copyright © 2018.Company name All rights reserved.<a target="_blank" href="https://github.com/chenhg5/go-admin">GoAdmin</a> </div> </div> </div> </div> </div> </div> <!-- Scripts --> <script src="../../assets/install/assets/js/jquery.min.js"></script> <script src="../../assets/install/assets/js/skel.min.js"></script> <script src="../../assets/install/assets/js/main.js"></script> <script src="../../assets/fullpage/fullpage.min.js"></script> <script type="text/javascript"> var myFullpage = new fullpage('#fullpage', { anchors: ['first'], lazyLoad: true, scrollBar: true, autoScrolling: false }); myFullpage.destroy(); $(".input-next").click(function (e) { myFullpage.moveSlideRight() }); $(".input-prev").click(function (e) { myFullpage.moveSlideLeft() }); /** 处理逻辑 **/ // 测试连接 $('#test-con-btn').on('click', function (e) { e.preventDefault(); $.ajax({ dataType: 'json', type: 'POST', url: '/install/database/check', async: 'true', data: { 'h': $("#db-host").val(), 'po': $("#db-port").val(), 'u': $("#db-username").val(), 'pa': $("#db-password").val(), 'db': $("#db-database").val() }, success: function (data) { console.log(data) if (data.code === 0) { // html = ""; // // for (i = 0; i < data.data.list.length; i++) { // html += '<div class="field"><input type="checkbox" id="' + // data.data.list[i] + // '" name="table-' + i + '" class="color2"><label for="table-' + i + '">' + // data.data.list[i] // + '</label></div>'; // } // // $("#table-div").html(html); alert(data.msg); } else { alert(data.msg); } }, error: function (data) { alert("ok"); } }); }); </script> <style> .fp-controlArrow { display: none; } </style> </body> </html> {{end}}`}