395 lines
17 KiB
PHP
395 lines
17 KiB
PHP
|
<!DOCTYPE html>
|
|||
|
|
<html lang="cn">
|
|||
|
|
<?php include "head.html"?>
|
|||
|
|
<body>
|
|||
|
|
<div class="install-container step4-container">
|
|||
|
|
<?php include "header.html"?>
|
|||
|
|
<main>
|
|||
|
|
<div class="step-content">
|
|||
|
|
<div class="step-head">
|
|||
|
|
<div class="progress-text">
|
|||
|
|
<div class="step active">
|
|||
|
|
<h3>许可协议</h3>
|
|||
|
|
<div class="circle"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step active">
|
|||
|
|
<h3>环境检测</h3>
|
|||
|
|
<div class="circle"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step active">
|
|||
|
|
<h3>参数配置</h3>
|
|||
|
|
<div class="circle"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step">
|
|||
|
|
<h3>安装完成</h3>
|
|||
|
|
<div class="circle"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<div class="foxui-progress foxui-progress-type__line" data-foxid="foxid3985">
|
|||
|
|
<div class="foxui-progress-line">
|
|||
|
|
<div class="foxui-progress-line__outer" style="height:12px;">
|
|||
|
|
<div class="foxui-progress-line__inner foxui-progress-line__striped foxui-progress-line__animated" style="width:66.66%; ">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step-main step-main-multiple">
|
|||
|
|
<div class="panel">
|
|||
|
|
<div class="panel-head">安装选项</div>
|
|||
|
|
<div class="panel-main">
|
|||
|
|
<div class="slide">
|
|||
|
|
<div class="form-item">
|
|||
|
|
<div class="foxui-input-group data-method">
|
|||
|
|
<label>安装方式：</label>
|
|||
|
|
<div class="foxui-radio-group">
|
|||
|
|
<div class="foxui-radio is-checked">
|
|||
|
|
<span class="foxui-radio-input">
|
|||
|
|
<i class="foxui-radio-icon"></i>
|
|||
|
|
<input type="radio" value="1" checked="checked" />
|
|||
|
|
</span>
|
|||
|
|
<span class="foxui-radio-label">体验数据</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="foxui-radio">
|
|||
|
|
<span class="foxui-radio-input">
|
|||
|
|
<i class="foxui-radio-icon"></i>
|
|||
|
|
<input type="radio" value="2" checked="checked" />
|
|||
|
|
</span>
|
|||
|
|
<span class="foxui-radio-label">纯净安装</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 默认模板 -->
|
|||
|
|
<div class="form-item foxui-margin-top-20" id="defaultTemplate">
|
|||
|
|
<?php echo $templateInfo?>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="panel foxui-margin-top-20">
|
|||
|
|
<div class="panel-head">数据库选项</div>
|
|||
|
|
<div class="panel-main">
|
|||
|
|
<div class="slide">
|
|||
|
|
<div class="form-item">
|
|||
|
|
<div class="foxui-input-group">
|
|||
|
|
<label class="foxui-required">数据库主机：</label>
|
|||
|
|
<input class="foxui-size-small" placeholder="请输入内容" value="127.0.0.1" id="dbhost" onblur="blurInfo('dbhost','host-info','数据库主机地址为空')"/>
|
|||
|
|
<div class="host-info">
|
|||
|
|
<span class="info">
|
|||
|
|
数据库主机地址，与程序同服务器一般为127.0.0.1
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-item foxui-margin-top-20">
|
|||
|
|
<div class="foxui-input-group">
|
|||
|
|
<label class="foxui-required">数据库端口：</label>
|
|||
|
|
<input class="foxui-size-small" placeholder="输入你的数据库端口" value="3306" id="dbport" onblur="blurInfo('dbport','port-info','数据库端口为空')"/>
|
|||
|
|
<div class="port-info">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-item foxui-margin-top-20">
|
|||
|
|
<div class="foxui-input-group">
|
|||
|
|
<label class="foxui-required">数据库用户：</label>
|
|||
|
|
<input class="foxui-size-small" placeholder="输入你的数据库用户名" value="root" id="dbuser" onblur="blurInfo('dbuser','user-info','数据库用户为空')"/>
|
|||
|
|
<div class="user-info">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 连接正常 -->
|
|||
|
|
<div class="form-item foxui-margin-top-20">
|
|||
|
|
<div class="foxui-input-group pwd">
|
|||
|
|
<label class="foxui-required">数据库密码：</label>
|
|||
|
|
<input class="foxui-size-small" placeholder="输入正确的数据库密码" value="" type="password" onblur="checkPwd()" id="dbpwd"/>
|
|||
|
|
<div class="pwd-info">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 自动创建 -->
|
|||
|
|
<div class="form-item foxui-margin-top-20">
|
|||
|
|
<div class="foxui-input-group">
|
|||
|
|
<label class="foxui-required">数据库名称：</label>
|
|||
|
|
<input class="foxui-size-small" placeholder="输入正确的数据库名称" value="<?php echo $dbname;?>" id="dbname" onblur="checkDb()"/>
|
|||
|
|
<div class="dbname-info">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="panel web-panel foxui-margin-top-20">
|
|||
|
|
<div class="panel-head">网站设置</div>
|
|||
|
|
<div class="panel-main">
|
|||
|
|
<div class="slide">
|
|||
|
|
<div class="form-item">
|
|||
|
|
<div class="foxui-input-group">
|
|||
|
|
<label>网站名称：</label>
|
|||
|
|
<input class="foxui-size-small" placeholder="" value="我的网站" id="my_website"/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-item foxui-margin-top-20">
|
|||
|
|
<div class="foxui-input-group">
|
|||
|
|
<label>管理邮箱：</label>
|
|||
|
|
<input class="foxui-size-small" placeholder="" value="admin@FoxCMS.cn" id="email"/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-item foxui-margin-top-20">
|
|||
|
|
<div class="foxui-input-group">
|
|||
|
|
<label class="foxui-required">网站域名：</label>
|
|||
|
|
<input class="foxui-size-small" placeholder="" value="<?php echo $serverURLInfo['domain'];?>" id="domain"/>
|
|||
|
|
<input type="hidden" class="foxui-size-small" placeholder="" value="<?php echo $serverURLInfo['url_prefix'];?>" id="url_prefix"/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="line foxui-margin-top-28 foxui-margin-bottom-28"></div>
|
|||
|
|
<div class="form-item foxui-margin-top-20">
|
|||
|
|
<div class="foxui-input-group">
|
|||
|
|
<label class="foxui-required">管理员账号：</label>
|
|||
|
|
<input class="foxui-size-small" placeholder="" value="admin" id="username"/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-item foxui-margin-top-20">
|
|||
|
|
<div class="foxui-input-group">
|
|||
|
|
<label class="foxui-required">管理员密码：</label>
|
|||
|
|
<input class="foxui-size-small" type="password" placeholder="请设置后台管理员密码" value="" id="password" onblur="isPwd()"/>
|
|||
|
|
<div id="password-info">
|
|||
|
|
<span class="info">
|
|||
|
|
密码必须包含数字、大小写字母、特殊字符中至少3种,且不少于8位
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-item foxui-margin-top-20">
|
|||
|
|
<div class="foxui-input-group">
|
|||
|
|
<label class="foxui-required">确认密码：</label>
|
|||
|
|
<input class="foxui-size-small" type="password" placeholder="请牢记后台管理员密码" value="" id="confirm_password"/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step-foot">
|
|||
|
|
<button class="foxui-size-medium foxui-shape-round is-long prev">
|
|||
|
|
<i class="foxui-icon-xiangzuo-o"></i>
|
|||
|
|
<span>后退</span>
|
|||
|
|
</button>
|
|||
|
|
<button class="foxui-solid-primary foxui-shape-round foxui-size-medium is-long next">
|
|||
|
|
<span>继续</span>
|
|||
|
|
<i class="foxui-icon-xiangyou-o"></i>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</main>
|
|||
|
|
<?php include "footer.html"?>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
<script src="/static/js/jquery-3.6.0.min.js"></script>
|
|||
|
|
<script src="/static/js/foxui-1.32.min.js"></script>
|
|||
|
|
<script src="js/common.install.js"></script>
|
|||
|
|
<script>
|
|||
|
|
// checkPwd();//检查数据密码
|
|||
|
|
let isConn=checkDb();//检查数据库
|
|||
|
|
let time = 0,
|
|||
|
|
timer = null;
|
|||
|
|
|
|||
|
|
// 上一步
|
|||
|
|
$('button.prev').click(function () {
|
|||
|
|
location.href = '?step=3';
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 下一步
|
|||
|
|
$('button.next').click(function () {
|
|||
|
|
|
|||
|
|
let dbhost = $("#dbhost").val();
|
|||
|
|
let dbport = $("#dbport").val();
|
|||
|
|
let dbuser = $("#dbuser").val();
|
|||
|
|
let dbpwd = $("#dbpwd").val();
|
|||
|
|
let dbname = $("#dbname").val();
|
|||
|
|
let my_website = $("#my_website").val();
|
|||
|
|
let email = $("#email").val();
|
|||
|
|
let domain = $("#domain").val();
|
|||
|
|
let username = $("#username").val();
|
|||
|
|
let password = $("#password").val();
|
|||
|
|
let confirm_password = $("#confirm_password").val();
|
|||
|
|
if(dbhost == ""){
|
|||
|
|
blurInfo("dbhost", "host-info", "数据库主机为空");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(dbport == ""){
|
|||
|
|
blurInfo("dbport", "port-info", "数据库端口为空");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(dbuser == ""){
|
|||
|
|
blurInfo("dbuser", "user-info", "数据库用户为空");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(dbpwd == ""){
|
|||
|
|
blurInfo("dbpwd", "pwd-info", "数据库密码为空");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(isConn){
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(dbname == ""){
|
|||
|
|
blurInfo("dbname", "dbname-info", "数据库名称为空");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(domain == ""){
|
|||
|
|
foxui.message({
|
|||
|
|
text: "网站域名为空",
|
|||
|
|
type: 'danger'
|
|||
|
|
})
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(username == ""){
|
|||
|
|
foxui.message({
|
|||
|
|
text: "管理员账号为空",
|
|||
|
|
type: 'danger'
|
|||
|
|
})
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(!isPwd()){
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(confirm_password != password){
|
|||
|
|
foxui.message({
|
|||
|
|
text: "确认密码不一致",
|
|||
|
|
type: 'danger'
|
|||
|
|
})
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
foxui.loading({
|
|||
|
|
el: 'body',
|
|||
|
|
type: 'block',
|
|||
|
|
background: 'black',
|
|||
|
|
text: '正在安装',
|
|||
|
|
info: '安装中，请稍后...',
|
|||
|
|
iconType: 'spinner',
|
|||
|
|
iconColor: '#000000',
|
|||
|
|
iconSize: 42,
|
|||
|
|
});
|
|||
|
|
timer = setInterval(() => {
|
|||
|
|
time++;
|
|||
|
|
_calTime();
|
|||
|
|
}, 1000);
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
url: 'installdb.php',
|
|||
|
|
data: {
|
|||
|
|
check:"install_struct",
|
|||
|
|
dbhost,
|
|||
|
|
dbport,
|
|||
|
|
dbuser,
|
|||
|
|
dbpwd,
|
|||
|
|
dbname,
|
|||
|
|
my_website,
|
|||
|
|
email,
|
|||
|
|
domain,
|
|||
|
|
username,
|
|||
|
|
password,
|
|||
|
|
'url_prefix':$('#url_prefix').val()
|
|||
|
|
},
|
|||
|
|
type: 'post',
|
|||
|
|
dataType: 'html',
|
|||
|
|
success: function (data) {
|
|||
|
|
if(data == "pwd"){
|
|||
|
|
let text = "密码必须包含数字、大小写字母、特殊字符中至少3种,且不少于8位！";
|
|||
|
|
foxui.message({
|
|||
|
|
type:"danger",
|
|||
|
|
text: text
|
|||
|
|
});
|
|||
|
|
onSuccess()
|
|||
|
|
}else if(data == "true"){
|
|||
|
|
$.ajax({
|
|||
|
|
url: 'installdb.php',
|
|||
|
|
data: {
|
|||
|
|
check:"install_data",
|
|||
|
|
dbhost,
|
|||
|
|
dbport,
|
|||
|
|
dbuser,
|
|||
|
|
dbpwd,
|
|||
|
|
dbname,
|
|||
|
|
my_website,
|
|||
|
|
email,
|
|||
|
|
domain,
|
|||
|
|
username,
|
|||
|
|
password,
|
|||
|
|
'url_prefix':$('#url_prefix').val(),
|
|||
|
|
'data_method':$('.data-method .foxui-radio.is-checked input').val()
|
|||
|
|
},
|
|||
|
|
type: 'post',
|
|||
|
|
dataType: 'html',
|
|||
|
|
success: function (data) {
|
|||
|
|
let text = "";
|
|||
|
|
let type = "danger";
|
|||
|
|
if(data == "conn"){
|
|||
|
|
text = "数据库连接失败！";
|
|||
|
|
}else if (data == "create"){
|
|||
|
|
text = "数据库创建失败！";
|
|||
|
|
}else if (data == "false"){
|
|||
|
|
text = "基础数据安装出错！";
|
|||
|
|
}else if (data == "true"){
|
|||
|
|
type = "success";
|
|||
|
|
text = "安装成功";
|
|||
|
|
location.href = '?step=5';
|
|||
|
|
}else{
|
|||
|
|
text = "基础数据安装出错！";
|
|||
|
|
}
|
|||
|
|
foxui.closeLoading();
|
|||
|
|
onSuccess();
|
|||
|
|
foxui.message({
|
|||
|
|
type:type,
|
|||
|
|
text:text
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
foxui.closeLoading();
|
|||
|
|
foxui.message({
|
|||
|
|
type:"danger",
|
|||
|
|
text:"数据库表安装出错！"
|
|||
|
|
});
|
|||
|
|
onSuccess()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 安装成功后跳转
|
|||
|
|
function onSuccess() {
|
|||
|
|
time = 0;
|
|||
|
|
foxui.closeLoading();
|
|||
|
|
clearInterval(timer);
|
|||
|
|
timer = null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 计时
|
|||
|
|
function _calTime() {
|
|||
|
|
$('.foxui-loading.is-fullscreen .foxui-loading-inner.block p').text(`安装中，请稍后(${time}s)`);
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<script>
|
|||
|
|
//密码校验
|
|||
|
|
function isPwd(){
|
|||
|
|
let text= $("#password").val();
|
|||
|
|
let re =/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_]+$)(?![a-z0-9]+$)(?![a-z\W_]+$)(?![0-9\W_]+$)[a-zA-Z0-9\W_]{8,}$/;
|
|||
|
|
let result = re.test(text);
|
|||
|
|
if(!result) {
|
|||
|
|
$("#password-info").html("<span class='info color-danger'>密码必须包含数字、大小写字母、特殊字符中至少3种,且不少于8位</span>");
|
|||
|
|
return false;
|
|||
|
|
}else {
|
|||
|
|
$("#password-info").html("");
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
</html>
|