系统安装

请填写数据库配置信息

准备安装...
display: flex; align-items: flex-start; gap: 12px; animation: slideIn 0.3s ease; } @keyframes slideIn { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } } .alert-success { background: #ECFDF5; border: 1px solid #D1FAE5; color: #065F46; } .alert-danger { background: #FEF2F2; border: 1px solid #FEE2E2; color: #991B1B; } .alert i { font-size: 20px; flex-shrink: 0; } .alert-success i { color: var(--secondary); } .alert-danger i { color: var(--danger); } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 28px; border: none; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; text-decoration: none; } .btn-primary { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: white; box-shadow: 0 4px 14px rgba(79, 70, 229, 0.4); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(79, 70, 229, 0.5); } .btn-primary:active { transform: translateY(0); } .btn-secondary { background: var(--light); color: var(--dark); } .btn-secondary:hover { background: var(--dark-light); color: white; } .btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; } .btn-group { display: flex; gap: 12px; margin-top: 32px; } .btn-group .btn { flex: 1; } .progress-section { text-align: center; padding: 40px 0; } .progress-icon { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; } .progress-icon i { font-size: 36px; color: white; } .progress-bar-container { background: var(--light); height: 8px; border-radius: 4px; overflow: hidden; margin-bottom: 16px; } .progress-bar { height: 100%; background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%); border-radius: 4px; transition: width 0.5s ease; } .progress-text { color: var(--gray); font-size: 14px; } .success-section { text-align: center; padding: 40px 0; } .success-icon { width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%); display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; animation: bounceIn 0.6s ease; } @keyframes bounceIn { 0% { transform: scale(0); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .success-icon i { font-size: 48px; color: white; } .success-title { font-size: 24px; font-weight: 700; color: var(--dark); margin-bottom: 12px; } .success-message { color: var(--gray); font-size: 16px; line-height: 1.6; margin-bottom: 32px; } .success-message strong { color: var(--primary); } .footer { text-align: center; padding: 24px 40px; background: var(--light); border-top: 1px solid rgba(0, 0, 0, 0.05); } .footer p { color: var(--gray); font-size: 13px; } @media (max-width: 768px) { .container { border-radius: 16px; } .header { padding: 30px 20px; } .content { padding: 24px; } .form-grid { grid-template-columns: 1fr; } .steps::before { display: none; } .step { flex: 0 0 auto; margin: 0 10px; } .btn-group { flex-direction: column; } }

蓝天智慧酒店管理系统

专业的酒店管理解决方案 - 安装向导

1
数据库配置
2
安装进度
3
安装完成
数据库配置
请填写您的数据库连接信息，系统将自动创建所需的数据库和数据表。
通常为 localhost 或 127.0.0.1
MySQL 默认端口为 3306
如果数据库不存在，系统将自动创建
建议使用默认前缀以避免冲突
正在安装系统...
准备安装...
安装成功！
系统已成功安装，您可以使用以下账户登录管理后台：

用户名：admin
密码：admin
登录管理后台 访问首页

© 2026 蓝天智慧酒店管理系统 - 专业的酒店管理解决方案