|
{{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;"> |
|
|
|
<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> |
|
|
|
<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;"> |
|
|
|
<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> |
|
|
|
<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;"> |
|
|
|
<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> |
|
|
|
<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;"> |
|
|
|
<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> |
|
|
|
<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> |
|
|
|
|
|
<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) { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
alert(data.msg); |
|
|
|
} else { |
|
alert(data.msg); |
|
} |
|
}, |
|
error: function (data) { |
|
alert("ok"); |
|
} |
|
}); |
|
}); |
|
|
|
</script> |
|
<style> |
|
.fp-controlArrow { |
|
display: none; |
|
} |
|
</style> |
|
</body> |
|
</html> |
|
{{end}} |
