页面代码
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<th:block th:include="include :: header('项目部署信息详情')"/>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-information-edit" th:object="${dDeploymentInformation}">
<input name="id" th:field="*{id}" type="hidden">
<h4 class="form-header h4">项目部署信息</h4>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">项目：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dProject.name}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">部署环境类型：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span th:text="${@dict.getLabel('information-type',dDeploymentInformation.type)}"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">部署服务器IP：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dDeploymentInformation.deployIp}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label" >域名：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dDeploymentInformation.domainName}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">用户名：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dDeploymentInformation.userName}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">密码：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dDeploymentInformation.password}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">是否需要https：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span th:text="${@dict.getLabel('information-useHttps',dDeploymentInformation.useHttps)}"></span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">部署的方式：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span th:text="${@dict.getLabel('information-deployMode',dDeploymentInformation.deployMode)}"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">部署的位置：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dDeploymentInformation.deployPosition}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label" >部署的端口：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dDeploymentInformation.deplotPort}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">启动方式：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dDeploymentInformation.startupMode}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">附件路径配置：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dDeploymentInformation.annexPathConfig}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">数据库配置：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dDeploymentInformation.databaseConfig}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">是否使用nginx：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span th:text="${@dict.getLabel('information-useNginx',dDeploymentInformation.useNginx)}"></span>
</div>
</div>
</div>
</div>
<div class="row" id="detail_nginx3" style="display: none">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">nginx配置：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dDeploymentInformation.nginxConfig}]]</span>
</div>
</div>
</div>
</div>
<h4 class="form-header h4">服务器信息</h4>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">服务器IP：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.serverIp}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label" >服务器归属：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span th:text="${@dict.getLabel('server-serverAscription',dServer.serverAscription)}"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">服务器端口：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.serverPort}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label" >远程访问用户名：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.rangeName}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">远程访问密码：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.rangePassword}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">大后台访问地址：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.backUrl}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">大后台用户名：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.backName}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">大后台密码：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.backPassword}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">服务器类型：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span th:text="${@dict.getLabel('server-serverType',dServer.serverType)}"></span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">系统类型：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span th:text="${@dict.getLabel('server-systemType',dServer.systemType)}"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">是否安装nginx：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span th:text="${@dict.getLabel('server-isNginx',dServer.isNginx)}"></span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">是否安装MySQL：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span th:text="${@dict.getLabel('server-isMysql',dServer.isMysql)}"></span>
</div>
</div>
</div>
</div>
<div class="row" id="detail_nginx2" style="display: none">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">nginx存放的位置：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.nginxPosition}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">nginx配置文件内容：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.nginxConf}]]</span>
</div>
</div>
</div>
</div>
<div class="row" id="detail_mysql1" style="display: none">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">MySQL安装位置：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.mysqlPosition}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">MySQL端口：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.mysqlPort}]]</span>
</div>
</div>
</div>
</div>
<div class="row" id="detail_mysql2" style="display: none">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">MySQL最大权限用户名：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.mysqlName}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">MySQL密码：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dServer.mysqlPassword}]]</span>
</div>
</div>
</div>
</div>
<h4 class="form-header h4">账号信息</h4>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">关联用户名：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dAccount.userName}]]</span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">密码：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dAccount.password}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">账号类型：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span th:text="${@dict.getLabel('account_type',dAccount.type)}"></span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">后台地址：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dAccount.url}]]</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">名称：</label>
<div class="col-sm-8" style="top: 7px;font-size: 14px;">
<span>[[${dAccount.name}]]</span>
</div>
</div>
</div>
</div>
</form>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: datetimepicker-js"/>
<script th:inline="javascript">
window.onload = function () {
var nginx1 = [[${dServer.isNginx}]];
var mysql1 = [[${dServer.isMysql}]];
var nginx2 = [[${dDeploymentInformation.useNginx}]];
if (nginx1 == "0") {
$("#detail_nginx2").css('display', 'none');
} else {
$("#detail_nginx2").css('display', 'block');
}
if (mysql1 == "0") {
$("#detail_mysql1").css('display', 'none');
$("#detail_mysql2").css('display', 'none');
} else {
$("#detail_mysql1").css('display', 'block');
$("#detail_mysql2").css('display', 'block');
}
if (nginx2 == 0) {
$("#detail_nginx3").css('display', 'none');
} else {
$("#detail_nginx3").css('display', 'block');
}
}
</script>
</body>
</html>
后端代码
/**
* 项目部署信息详情
*/
@GetMapping("/detail/{id}")
public String detail(@PathVariable("id") String id, ModelMap mmap) {
DDeploymentInformation dDeploymentInformation = dDeploymentInformationService.selectDDeploymentInformationById(id);
DServer dServer=dServerService.selectDServerById(Long.valueOf(dDeploymentInformation.getServerId()));
DAccount dAccount=idAccountService.selectDAccountById(dServer.getAccountId());
DProject dProject=projectService.selectDProjectById(dDeploymentInformation.getProjectId());
mmap.put("dDeploymentInformation", dDeploymentInformation);
mmap.put("dProject",dProject);
mmap.put("dServer",dServer);
mmap.put("dAccount",dAccount);
return prefix + "/detail";
}
版权声明：本文为weixin_55069111原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。