Compare commits

..

1 Commits
v2.5.6 ... main

Author SHA1 Message Date
a1596544ab 系统初始化 2025-12-23 23:42:03 +08:00
9 changed files with 243 additions and 275 deletions

View File

@@ -1,31 +1,31 @@
spring:
datasource:
druid:
url: jdbc:mysql://${MYSQL_HOST:127.0.0.1}:${MYSQL_PORT:3306}/${MYSQL_DATABASE:orion_visor}?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull&allowPublicKeyRetrieval=true&useSSL=false&serverTimezone=Asia/Shanghai&autoReconnect=true&rewriteBatchedStatements=true&useServerPrepStmts=false
username: ${MYSQL_USER:root}
password: ${MYSQL_PASSWORD:Data@123456}
url: jdbc:mysql://192.168.31.189:33069/visor?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull&allowPublicKeyRetrieval=true&useSSL=false&serverTimezone=Asia/Shanghai&autoReconnect=true&rewriteBatchedStatements=true&useServerPrepStmts=false
username: dream
password: info_dream
initial-size: 0
min-idle: 1
max-active: 5
stat-view-servlet:
enabled: false
redis:
host: ${REDIS_HOST:127.0.0.1}
port: ${REDIS_PORT:6379}
password: ${REDIS_PASSWORD:Data@123456}
database: ${REDIS_DATABASE:1}
data-version: ${REDIS_DATA_VERSION:2}
host: 192.168.31.189
port: 6379
password: admin
database: 1
data-version: 2
mock: false
redisson:
threads: 2
netty-threads: 2
minimum-idle-size: 2
influxdb:
enabled: ${INFLUXDB_ENABLED:true}
url: http://${INFLUXDB_HOST:127.0.0.1}:${INFLUXDB_PORT:8086}
org: ${INFLUXDB_ORG:orion-visor}
bucket: ${INFLUXDB_BUCKET:metrics}
token: ${INFLUXDB_TOKEN:Data@123456}
enabled: true
url: http://192.168.31.182:8086
org: orion-visor
bucket: metrics
token: 3774e79ac55aff6d1afc0f94bfaf131d
boot:
admin:
client:
@@ -34,9 +34,9 @@ spring:
enabled: false
guacd:
host: ${GUACD_HOST:127.0.0.1}
port: ${GUACD_PORT:4822}
drive-path: ${GUACD_DRIVE_PATH:/home/guacd/drive}
host: 192.168.31.182
port: 4822
drive-path: /mnt/guacd-drives
management:
endpoints:

View File

@@ -1,125 +1,86 @@
spring:
datasource:
druid:
url: jdbc:mysql://${MYSQL_HOST:127.0.0.1}:${MYSQL_PORT:3306}/${MYSQL_DATABASE:orion_visor}?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull&allowPublicKeyRetrieval=true&useSSL=false&serverTimezone=Asia/Shanghai&autoReconnect=true&rewriteBatchedStatements=true&useServerPrepStmts=false
username: ${MYSQL_USER:root}
password: ${MYSQL_PASSWORD:Data@123456}
# 初始连接数
initial-size: 5
# 最小连接池数量
min-idle: 5
# 最大连接池数量
max-active: 20
# 控制台
url: jdbc:mysql://192.168.31.189:33069/visor?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull&allowPublicKeyRetrieval=true&useSSL=false&serverTimezone=Asia/Shanghai&autoReconnect=true&rewriteBatchedStatements=true&useServerPrepStmts=false
username: dream
password: info_dream
initial-size: 0
min-idle: 1
max-active: 5
stat-view-servlet:
enabled: true
login-username: ${DRUID_USERNAME:admin}
login-password: ${DRUID_PASSWORD:admin}
web-stat-filter:
enabled: true
filter:
stat:
enabled: true
enabled: false
redis:
host: ${REDIS_HOST:127.0.0.1}
port: ${REDIS_PORT:6379}
password: ${REDIS_PASSWORD:Data@123456}
database: ${REDIS_DATABASE:0}
data-version: ${REDIS_DATA_VERSION:2}
host: 192.168.31.189
port: 6379
password: admin
database: 1
data-version: 2
mock: false
redisson:
threads: 4
netty-threads: 4
minimum-idle-size: 4
threads: 2
netty-threads: 2
minimum-idle-size: 2
influxdb:
enabled: ${INFLUXDB_ENABLED:true}
url: http://${INFLUXDB_HOST:127.0.0.1}:${INFLUXDB_PORT:8086}
org: ${INFLUXDB_ORG:orion-visor}
bucket: ${INFLUXDB_BUCKET:metrics}
token: ${INFLUXDB_TOKEN:Data@123456}
quartz:
properties:
org:
quartz:
threadPool:
threadCount: 10
enabled: true
url: http://192.168.31.182:8086
org: orion-visor
bucket: metrics
token: 3774e79ac55aff6d1afc0f94bfaf131d
boot:
admin:
client:
enabled: true
enabled: false
server:
enabled: true
enabled: false
guacd:
host: ${GUACD_HOST:127.0.0.1}
port: ${GUACD_PORT:4822}
drive-path: ${GUACD_DRIVE_PATH:/usr/share/guacd/drive}
host: 192.168.31.182
port: 4822
drive-path: /mnt/guacd-drives
management:
endpoints:
enabled-by-default: true
enabled-by-default: false
web:
exposure:
include: shutdown
springdoc:
api-docs:
enabled: false
swagger-ui:
enabled: false
knife4j:
enable: false
production: true
orion:
# 是否为演示模式
demo: ${DEMO_MODE:false}
api:
# 是否允许跨域
cors: ${API_CORS:true}
# 服务端主机地址
host: ${API_HOST:0.0.0.0}
# 服务端接口地址 默认自动生成
url: ${API_URL:}
# 获取 IP 的请求头
ip-headers: ${API_IP_HEADERS:X-Forwarded-For,X-Real-IP}
# 对外服务
expose:
# 暴露接口请求头值
token: ${API_EXPOSE_TOKEN:pmqeHOyZaumHm0Wt}
logging:
printer:
mode: PRETTY
encrypt:
aes:
# 加密密钥
secret-key: ${SECRET_KEY:uQeacXV8b3isvKLK}
mybatis-plus:
configuration:
# 日志打印
log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
app:
executors:
# 默认异步线程池
asyncExecutor:
mdc: true
core-pool-size: 8
max-pool-size: 16
queue-capacity: 100
core-pool-size: 2
max-pool-size: 4
queue-capacity: 30
allow-core-timeout: false
thread-name-prefix: async-executor-
# 指标存储异步线程池
metricsExecutor:
mdc: true
core-pool-size: 4
max-pool-size: 4
core-pool-size: 2
max-pool-size: 2
queue-capacity: 1000
allow-core-timeout: true
thread-name-prefix: metrics-task-
# 推送异步线程池
pushExecutor:
mdc: true
core-pool-size: 4
max-pool-size: 4
core-pool-size: 1
max-pool-size: 1
queue-capacity: 1000
allow-core-timeout: true
thread-name-prefix: message-push-
# 探针安装线程池
agentInstallExecutor:
core-pool-size: 2
max-pool-size: 2
queue-capacity: 200
allow-core-timeout: true
thread-name-prefix: agent-install-
# 终端标准输出线程池

View File

@@ -0,0 +1,10 @@
onlyBuiltDependencies:
- '@parcel/watcher'
- cwebp-bin
- esbuild
- gifsicle
- jpegtran-bin
- mozjpeg
- optipng-bin
- pngquant-bin
- vue-demi

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

View File

@@ -1,16 +1,8 @@
<template>
<a-layout-footer class="footer">
<a-space direction="vertical" size="small">
<a-space size="large">
<a-link target="_blank" href="https://github.com/dromara/orion-visor">github</a-link>
<a-link target="_blank" href="https://gitee.com/dromara/orion-visor">gitee</a-link>
<a-link target="_blank" href="https://visor.orionsec.cn">文档</a-link>
<a-link target="_blank" href="https://github.com/dromara/orion-visor/blob/main/LICENSE">License</a-link>
<a-link target="_blank" :href="`https://github.com/dromara/orion-visor/releases/tag/v${version}`">v{{ version }}</a-link>
</a-space>
<span class="copyright">
Copyright<icon-copyright /> 2023 - {{ new Date().getFullYear() }} <a href="https://dromara.org">Dromara</a>, All rights reserved. Designed by
<a href="https://orionsec.cn" target="_blank">Jiahang Li.</a>
自动化系统运维<icon-copyright /> 2023 - {{ new Date().getFullYear() }} <a href="http://www.crontab.club">crontab.club</a>
</span>
</a-space>
</a-layout-footer>

View File

@@ -1,87 +0,0 @@
<template>
<div class="banner">
<div class="banner-inner">
<a-carousel class="carousel" animation-name="fade">
<a-carousel-item v-for="item in carouselItem" :key="item.slogan">
<div :key="item.slogan" class="carousel-item">
<div class="carousel-title">{{ item.slogan }}</div>
<div class="carousel-sub-title">{{ item.subSlogan }}</div>
<img class="carousel-image usn"
draggable="false"
:src="item.image"
:alt="item.slogan" />
</div>
</a-carousel-item>
</a-carousel>
</div>
</div>
</template>
<script lang="ts" setup>
import { computed } from 'vue';
import { useI18n } from 'vue-i18n';
import bannerImage from '@/assets/images/login-banner.png';
const { t } = useI18n();
const carouselItem = computed(() => [
{
slogan: t('login.banner.slogan1'),
subSlogan: t('login.banner.subSlogan1'),
image: bannerImage,
},
{
slogan: t('login.banner.slogan2'),
subSlogan: t('login.banner.subSlogan2'),
image: bannerImage,
},
{
slogan: t('login.banner.slogan3'),
subSlogan: t('login.banner.subSlogan3'),
image: bannerImage,
},
]);
</script>
<style lang="less" scoped>
.banner {
display: flex;
align-items: center;
justify-content: center;
&-inner {
flex: 1;
height: 100%;
}
}
.carousel {
height: 100%;
&-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
&-title {
color: var(--color-fill-1);
font-weight: 500;
font-size: 20px;
line-height: 28px;
}
&-sub-title {
margin-top: 8px;
color: var(--color-text-3);
font-size: 14px;
line-height: 22px;
}
&-image {
width: 320px;
margin-top: 30px;
}
}
</style>

View File

@@ -2,109 +2,201 @@
<div class="container">
<!-- 顶部 logo -->
<div class="logo">
<img class="logo-img"
alt="logo"
src="@/assets/logo.svg?url" />
<div class="logo-text">Orion Visor</div>
<img class="logo-img" alt="logo" src="@/assets/logo.svg?url" />
<div class="logo-text">系统自动化运维</div>
</div>
<!-- 左侧 banner -->
<login-banner />
<!-- 主体部分 -->
<div class="content">
<div class="content-inner">
<!-- 登录表单 -->
<login-form />
</div>
<!-- 页脚 -->
<div class="footer">
<app-footer />
<!-- 登录表单卡片 -->
<div class="login-card">
<login-form />
</div>
</div>
</div>
<!-- 页脚 -->
<div class="footer">
<app-footer />
</div>
</div>
</template>
<script lang="ts">
export default {
name: 'login',
};
export default {
name: 'login',
};
</script>
<script lang="ts" setup>
import { Notification } from '@arco-design/web-vue';
import { reLoginTipsKey } from '@/types/symbol';
import LoginBanner from './components/banner.vue';
import LoginForm from './components/login-form.vue';
import AppFooter from '@/components/app/app-footer/index.vue';
import { Notification } from '@arco-design/web-vue';
import { reLoginTipsKey } from '@/types/symbol';
import LoginForm from './components/login-form.vue';
import AppFooter from '@/components/app/app-footer/index.vue';
// 登录提示
const tips = window.sessionStorage.getItem(reLoginTipsKey);
window.sessionStorage.removeItem(reLoginTipsKey);
if (tips) {
Notification.error({
closable: true,
content: tips,
duration: 5 * 1000,
});
}
// 登录提示
const tips = window.sessionStorage.getItem(reLoginTipsKey);
window.sessionStorage.removeItem(reLoginTipsKey);
if (tips) {
Notification.error({
closable: true,
content: tips,
duration: 5 * 1000,
});
}
</script>
<style lang="less" scoped>
.container {
display: flex;
height: 100vh;
// 定义响应式断点
@screen-lg: 1200px;
@screen-md: 768px;
.banner {
width: 550px;
background: linear-gradient(163.85deg, #1d2129 0%, #00308f 100%);
}
// 更协调的蓝色渐变(柔和版)
@bg-blue-light: #e6f0ff; // 浅蓝(顶部)
@bg-blue-main: #1e6fff; // 主蓝(中间)
@bg-blue-dark: #0f5ce0; // 深蓝(底部)
@footer-text-color: #ffffff; // 页脚文字白色
.content {
position: relative;
display: flex;
flex: 1;
align-items: center;
justify-content: center;
padding-bottom: 40px;
}
.container {
display: flex;
flex-direction: column;
height: 100vh;
// 柔和的垂直渐变背景
background:
url('@/assets/images/login_sutra_1.png') no-repeat center center,
linear-gradient(to bottom, @bg-blue-light, @bg-blue-main 50%, @bg-blue-dark);
background-size: contain;
background-attachment: fixed;
position: relative;
overflow: hidden;
padding-bottom: 60px;
box-sizing: border-box;
}
.footer {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
}
.content {
position: relative;
display: flex;
flex: 1;
align-items: center;
justify-content: flex-end;
padding-right: 420px;
padding-left: 40px;
}
.footer {
// 固定定位确保显示
position: fixed;
left: 0;
right: 0;
bottom: 20px;
width: 100%;
// 移除背景相关样式
background: none;
padding: 0 15px; // 仅保留左右内边距防止贴边
border-radius: 0; // 移除圆角
max-width: 600px; // 限制宽度
margin: 0 auto; // 水平居中
// 文字样式优化(无背景下增强可读性)
color: @footer-text-color;
font-size: 14px;
font-weight: 500; // 加粗一点提升辨识度
line-height: 1.5;
// 强化文字阴影(核心:无背景时提升可读性)
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
// 强制单行+溢出处理
white-space: nowrap;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
// 高层级避免遮挡
z-index: 999;
}
.logo {
position: fixed;
top: 24px;
left: 22px;
z-index: 1;
display: inline-flex;
align-items: center;
&-img {
width: 32px;
height: 32px;
}
&-text {
margin: 0 4px;
color: #ffffff;
font-size: 20px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
font-weight: 500;
}
}
.content-inner {
width: 100%;
max-width: 420px;
}
// 登录卡片样式
.login-card {
background: rgba(255, 255, 255, 0.92);
border-radius: 12px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
padding: 48px 40px;
border: 1px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(12px);
width: 100%;
}
// 响应式适配
@media (max-width: @screen-lg) {
.content {
padding-right: 80px;
justify-content: flex-end;
}
.footer {
bottom: 15px;
font-size: 13px;
max-width: 500px;
}
}
@media (max-width: @screen-md) {
.content {
justify-content: center;
padding-right: 20px;
padding-left: 20px;
}
.login-card {
padding: 36px 32px;
max-width: 380px;
}
}
@media (max-width: 480px) {
.logo {
position: fixed;
top: 24px;
left: 22px;
z-index: 1;
display: inline-flex;
align-items: center;
&-img {
width: 32px;
height: 32px;
}
left: 16px;
top: 16px;
&-text {
display: flex;
margin-right: 4px;
margin-left: 4px;
color: var(--color-fill-1);
font-size: 20px;
font-size: 18px;
}
}
</style>
<style lang="less" scoped>
// responsive
@media (max-width: @screen-lg) {
.container {
.banner {
width: 25%;
}
}
.login-card {
padding: 32px 24px;
max-width: 100%;
}
</style>
.footer {
font-size: 12px;
bottom: 10px;
max-width: 90%;
font-weight: 500;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
}
</style>

View File

@@ -1,5 +1,5 @@
export default {
'login.form.title': '登录 Orion Visor',
'login.form.title': '登录 MyWorker 系统运维',
'login.form.sub.title': '一站式服务器运维解决方案',
'login.form.userName.errMsg': '用户名不能为空',
'login.form.password.errMsg': '密码不能为空',