mirror of
https://github.com/MCSManager/MCSManager.git
synced 2025-04-06 17:10:29 +08:00
优化新建服务端界面
This commit is contained in:
suwings
parent
0fe788f06a
commit
ff1e2c8628
@ -11,9 +11,9 @@
|
||||
<p>[必填] 服务器名字必须唯一，这个名字标识唯一的一个服务器终端 (仅限字母数字下划线组合)</p>
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon">服务器名字</span>
|
||||
<input type="text" class="form-control" v-model="name">
|
||||
<input type="text" class="form-control" v-model="name" placeholder="[不可空，必填]">
|
||||
</div>
|
||||
<p>[可填] 服务端核心文件，可以后再填，因为服务端目录还未创建，但是您指定目录的话就可填写.</p>
|
||||
<p>[可填] 服务端核心文件，可以后再填或上传后再填，因为服务端目录还未创建，但是您指定目录的话就可填写.</p>
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon"> 服务端文件名 </span>
|
||||
<input type="text" class="form-control" v-model="jarName">
|
||||
@ -21,20 +21,20 @@
|
||||
<p>[选填] 您可以指定您计算机上的Java环境程序路径，默认自动选择环境变量</p>
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon">Java 路径</span>
|
||||
<input type="text" class="form-control" v-model="java">
|
||||
<input type="text" class="form-control" v-model="java" placeholder="[自动]">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p>[选填] 一般而言当您需要附加参数如(-server等等)时，可以填写</p>
|
||||
<p>[选填] 一般而言当您需要附加参数如 (-server 等等) 时，可以填写</p>
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon">启动附加参数</span>
|
||||
<input type="text" class="form-control" v-model="addCmd">
|
||||
<input type="text" class="form-control" v-model="addCmd" placeholder="[无附加参数]">
|
||||
</div>
|
||||
<p>[选填] 可不填写，只有当您需要指定目录时填写，默认将自动建立目录，选择好请单击按钮确认</p>
|
||||
<p style="color: #B92C28;">当前服务端根目录设为: {{ serverCwd }}</p>
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon">服务端文件根目录</span>
|
||||
<input type="text" class="form-control" v-model="cwd">
|
||||
<input type="text" class="form-control" v-model="cwd" :placeholder="serverCwd">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-success" v-on:click="toCreaterDir()"> 确认创建目录 </button>
|
||||
</span>
|
||||
@ -45,13 +45,13 @@
|
||||
<div class="col-sm-6">
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon"> 最大内存堆 </span>
|
||||
<input type="text" class="form-control" v-model="Xmx">
|
||||
<input type="text" class="form-control" v-model="Xmx" placeholder="[缺省值]">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon"> 初始内存堆 </span>
|
||||
<input type="text" class="form-control" v-model="Xms">
|
||||
<input type="text" class="form-control" v-model="Xms" placeholder="[缺省值]">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -78,7 +78,7 @@
|
||||
<div class="PanelBody">
|
||||
<p>您使用本控制面板创建 Minecraft 之后，请遵循您所使用的那个服务端的相关协议;</p>
|
||||
<p>鉴于大多数服务器创建需求，控制面板在创建服务器的时候您需要手动同意EULA协议与关闭正版验证。但服务端不同，配置文件可能不同，不能保证一定关闭了正版验证和同意EULA。</p>
|
||||
<p>如果可以的话，请支持正版服务器。</p>
|
||||
<p>尊重版权，请支持 Minecraft 正版。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -87,13 +87,12 @@
|
||||
|
||||
<script>
|
||||
MI.rListener('onload', function () {
|
||||
console.log('页面开始')
|
||||
VIEW_MODEL.newVue('CreateServerView', {
|
||||
el: '#CreateServerView',
|
||||
data: {
|
||||
name: 'NewServer_' + ((Date.parse(new Date()) + "").substr(6)),
|
||||
jarName: '',
|
||||
cwd: '<默认标准位置>',
|
||||
cwd: '',
|
||||
Xmx: '',
|
||||
Xms: '',
|
||||
addCmd: '',
|
||||
@ -128,7 +127,7 @@
|
||||
},
|
||||
computed: {
|
||||
serverCwd: function () {
|
||||
if (this.cwd == '<默认标准位置>' || this.cwd == '') return './server/server_core/' + this.name;
|
||||
if (this.cwd == '') return './server/server_core/' + this.name;
|
||||
return this.cwd;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,10 +1,16 @@
|
||||
<style>
|
||||
.PAGE_newserverx_PanelBody p {
|
||||
margin-left: 12px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id='CreateServerViewx' class="OneContainer">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="Panel PanelGreen">
|
||||
<div class="PanelTitle">引导创建服务器</div>
|
||||
<div class="PanelBody">
|
||||
<div class="PanelBody PAGE_newserverx_PanelBody">
|
||||
|
||||
<p>我们将一步步引导您创建一个 Minecraft 服务器</p>
|
||||
|
||||
@ -14,7 +20,7 @@
|
||||
<p>但是如果您确定您的 Java 安装是正确无误的，你大可添加 'Java' 或省略不填写</p>
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon">Java 路径</span>
|
||||
<input type="text" class="form-control" v-model="java">
|
||||
<input type="text" class="form-control" v-model="java" placeholder="[采用环境变量]">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
@ -30,20 +36,20 @@
|
||||
<p>[选填] 一般而言当您需要附加参数如(-server等等)时，可以填写</p>
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon">启动附加参数</span>
|
||||
<input type="text" class="form-control" v-model="addCmd">
|
||||
<input type="text" class="form-control" v-model="addCmd" placeholder="[无附件参数]">
|
||||
</div>
|
||||
<p>[选填] 根据您的需求或计算机内存大小填写，默认自动，需要在数字后加单位</p>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon"> 最大内存堆 </span>
|
||||
<input type="text" class="form-control" v-model="Xmx">
|
||||
<input type="text" class="form-control" v-model="Xmx" placeholder="[缺省值]">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon"> 初始内存堆 </span>
|
||||
<input type="text" class="form-control" v-model="Xms">
|
||||
<input type="text" class="form-control" v-model="Xms" placeholder="[缺省值]">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -53,7 +59,7 @@
|
||||
<p>可填写，只有当您需要指定一个目录时填写，默认将自动建立目录管理</p>
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon">服务端文件根目录</span>
|
||||
<input type="text" class="form-control" v-model="cwd">
|
||||
<input type="text" class="form-control" v-model="cwd" :placeholder="serverCwd">
|
||||
</div>
|
||||
<p>这个必须优先创建，优先选择服务端应该在何处（或不填写将自动选择位置），确认后/默认后 请单击下面的按钮</p>
|
||||
<p>
|
||||
@ -61,24 +67,25 @@
|
||||
</p>
|
||||
|
||||
<br>
|
||||
<div class="PanelTitle">[必做] 第五步，移动你的服务端文件</div>
|
||||
<div class="PanelTitle">[可做] 第五步，移动你的服务端文件</div>
|
||||
<p>现在您只需要将您的服务端文件移到下面的 “服务端根目录”，这个目录是您刚刚创建或自定义的。</p>
|
||||
<p>如果您没有服务端文件，您可以下载: </p>
|
||||
<p>您也可以不做。稍后通过文件管理功能来将你的服务端文件上传！ </p>
|
||||
<p>
|
||||
<span style="color: #3278B3">服务端根目录:</span> “{{ serverCwd }}” </p>
|
||||
|
||||
<br>
|
||||
<div class="PanelTitle">[必填] 第六步，填写刚刚移动的服务端名字 (请记得加上后戳，如.jar)</div>
|
||||
<div class="PanelTitle">[可填] 第六步，填写刚刚移动的服务端名字 (请记得加上后戳，如.jar)</div>
|
||||
<p>您也可以暂时不填写。稍后通过文件管理功能来将你的服务端文件上传！ </p>
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-addon"> 服务端文件名字 </span>
|
||||
<input type="text" class="form-control" v-model="jarName">
|
||||
<input type="text" class="form-control" v-model="jarName" placeholder="[无]">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div class="PanelTitle">[必填] 至此，您已完成所有所需内容</div>
|
||||
<p>请仔细再检查一次数据是否是你的期望，然后您可以单击 “创建服务器”</p>
|
||||
<p>
|
||||
<button class="btn btn-success" v-on:click="toCreateServer()"> 创建服务器 </button>
|
||||
<button class="btn btn-success" v-on:click="toCreateServer()"> 创建 Minecraft 服务端 </button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -93,15 +100,19 @@
|
||||
data: {
|
||||
name: 'NewServer_' + ((Date.parse(new Date()) + "").substr(6)),
|
||||
jarName: '',
|
||||
cwd: '<默认标准位置>',
|
||||
cwd: '',
|
||||
Xmx: '',
|
||||
Xms: '',
|
||||
addCmd: '',
|
||||
java: 'java'
|
||||
java: ''
|
||||
},
|
||||
methods: {
|
||||
toCreateServer: function () {
|
||||
var addCmdList = this.addCmd.split(' ');
|
||||
if (!TOOLS.isStdText(this.name)) {
|
||||
TOOLS.pushMsgWindow("服务器名字不合法！仅限字母数字下划线！");
|
||||
return;
|
||||
}
|
||||
var obj = {
|
||||
addCmd: addCmdList,
|
||||
serverName: this.name,
|
||||
@ -109,7 +120,7 @@
|
||||
cwd: this.cwd,
|
||||
Xmx: this.Xmx,
|
||||
Xms: this.Xms,
|
||||
java: this.Java
|
||||
java: this.Java || 'java'
|
||||
};
|
||||
WS.sendMsg('server/create', JSON.stringify(obj));
|
||||
// console.log(this.name)
|
||||
@ -125,7 +136,7 @@
|
||||
},
|
||||
computed: {
|
||||
serverCwd: function () {
|
||||
if (this.cwd == '<默认标准位置>' || this.cwd == '') return '控制面板目录/server/server_core/' + this.name;
|
||||
if (this.cwd == '<默认标准位置>' || this.cwd == '') return './server/server_core/' + this.name;
|
||||
return this.cwd;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user