329 lines
8.6 KiB
JavaScript
329 lines
8.6 KiB
JavaScript
$(function () {
|
||
var jsCode = `'use strict';
|
||
|
||
var phpEngine = uniter.createEngine('PHP');
|
||
|
||
phpEngine.expose({
|
||
pass: function () {
|
||
pass();
|
||
return '测试通过';
|
||
},
|
||
}, 'r');
|
||
|
||
phpEngine.getStdout().on('data', function (data) {
|
||
print(data);
|
||
});
|
||
|
||
phpEngine.getStderr().on('data', function (data) {
|
||
print(data);
|
||
});
|
||
|
||
phpEngine.execute(phpCode).fail(function (error) {
|
||
// print(error.toString());
|
||
});
|
||
`;
|
||
|
||
var testCode = `<?php
|
||
$pass = 1;
|
||
|
||
$m =
|
||
if ($m != ) {
|
||
$pass = 0;
|
||
echo "测试用例：<br>";
|
||
echo "输出结果：" . $m . "<br>";
|
||
}
|
||
|
||
if ($pass) {
|
||
echo $r->pass();
|
||
} else {
|
||
echo "<br>测试不通过";
|
||
}`;
|
||
|
||
require(["vs/editor/editor.main"], function () {
|
||
window.editor = monaco.editor.create(document.getElementById('phpContainer'), {
|
||
value: [
|
||
'<?php',
|
||
'\tfunction sum($a, $b) {',
|
||
'\t\treturn $a + $b;',
|
||
'\t}',
|
||
'',
|
||
'// --------- 测试区域',
|
||
''
|
||
].join('\n'),
|
||
language: 'php'
|
||
});
|
||
|
||
window.jsEditor = monaco.editor.create(document.getElementById('jsContainer'), {
|
||
value: jsCode,
|
||
language: 'javascript'
|
||
});
|
||
|
||
window.testEditor = monaco.editor.create(document.getElementById('testContainer'), {
|
||
value: testCode,
|
||
language: 'php'
|
||
});
|
||
|
||
function execMain() {
|
||
var javascriptCode = window.jsEditor.getValue(),
|
||
phpCode = window.editor.getValue(),
|
||
resultIframe = document.getElementById('result'),
|
||
resultDocument = resultIframe.contentWindow.document,
|
||
resultBody;
|
||
|
||
function clear() {
|
||
resultBody.innerHTML = '';
|
||
}
|
||
|
||
function print(html) {
|
||
resultBody.insertAdjacentHTML('beforeEnd', html);
|
||
}
|
||
|
||
function pass() {
|
||
console.log('pass')
|
||
}
|
||
|
||
function printText(text) {
|
||
resultBody.appendChild(document.createTextNode(text));
|
||
}
|
||
|
||
// Ensure the document has a body for IE9
|
||
resultDocument.write('<body></body>');
|
||
resultDocument.close();
|
||
resultBody = resultDocument.body;
|
||
|
||
clear();
|
||
|
||
try {
|
||
/*jshint evil: true */
|
||
new Function('phpCode, print, resultBody, pass', javascriptCode)(phpCode, print, resultBody, pass);
|
||
} catch (error) {
|
||
printText('<JavaScript error> ' + error.toString());
|
||
}
|
||
}
|
||
|
||
function runUnit() {
|
||
var javascriptCode = window.jsEditor.getValue(),
|
||
phpCode = window.editor.getValue(),
|
||
testCode = window.testEditor.getValue(),
|
||
resultIframe = document.getElementById('result'),
|
||
resultDocument = resultIframe.contentWindow.document,
|
||
resultBody;
|
||
|
||
if (phpCode.indexOf('// --------- 测试区域') !== -1) {
|
||
phpCode = phpCode.substring(0, phpCode.lastIndexOf('// --------- 测试区域')) + testCode.replace('<?php', '');
|
||
} else {
|
||
phpCode = phpCode + testCode.replace('<?php', '');
|
||
}
|
||
|
||
|
||
function clear() {
|
||
resultBody.innerHTML = '';
|
||
}
|
||
|
||
function print(html) {
|
||
resultBody.insertAdjacentHTML('beforeEnd', html);
|
||
}
|
||
|
||
function pass() {
|
||
console.log('测试通过')
|
||
}
|
||
|
||
function printText(text) {
|
||
resultBody.appendChild(document.createTextNode(text));
|
||
}
|
||
|
||
// Ensure the document has a body for IE9
|
||
resultDocument.write('<body></body>');
|
||
resultDocument.close();
|
||
resultBody = resultDocument.body;
|
||
|
||
clear();
|
||
|
||
try {
|
||
/*jshint evil: true */
|
||
new Function('phpCode, print, resultBody, pass', javascriptCode)(phpCode, print, resultBody, pass);
|
||
} catch (error) {
|
||
printText('<JavaScript error> ' + error.toString());
|
||
}
|
||
}
|
||
|
||
$('#runMain').click(function () {
|
||
execMain()
|
||
});
|
||
|
||
$('#runUnit').click(function () {
|
||
runUnit()
|
||
});
|
||
|
||
var contentHeight = window.document.body.clientHeight - 50;
|
||
|
||
$('#phpContainer').css('height', contentHeight - 70);
|
||
$('#jsContainer').css('height', contentHeight - 70);
|
||
$('#testContainer').css('height', contentHeight - 70);
|
||
|
||
$('#article').css('height', contentHeight + 30);
|
||
|
||
window.editor.layout();
|
||
window.jsEditor.layout();
|
||
window.testEditor.layout();
|
||
|
||
|
||
window.onresize = function () {
|
||
window.editor.layout();
|
||
window.jsEditor.layout();
|
||
window.testEditor.layout();
|
||
};
|
||
|
||
var describe = new SimpleMDE({ element: $("#describe")[0] });
|
||
var answer = new SimpleMDE({ element: $("#answer")[0] });
|
||
var testCase = new SimpleMDE({ element: $("#testCase")[0] });
|
||
var expectedResult = new SimpleMDE({ element: $("#expectedResult")[0] });
|
||
|
||
$('#submitForm').click(function () {
|
||
|
||
// 李永升：你应该适配一下，大于1时直接加百分号，小于1时乘以100再加百分号
|
||
var passPercent = $('#passPercent').val();
|
||
if (passPercent > 1) {
|
||
passPercent = passPercent / 100
|
||
}
|
||
$('#passPercent').val(passPercent);
|
||
|
||
var postData = $('#edit-form').serializeArray();
|
||
|
||
var javascriptCode = window.jsEditor.getValue(),
|
||
phpUnitCode = window.testEditor.getValue(),
|
||
phpCode = window.editor.getValue();
|
||
|
||
postData.push({
|
||
name: 'javascriptCode',
|
||
value: javascriptCode
|
||
});
|
||
|
||
postData.push({
|
||
name: 'phpUnitCode',
|
||
value: phpUnitCode
|
||
});
|
||
|
||
postData.push({
|
||
name: 'phpCode',
|
||
value: phpCode
|
||
});
|
||
|
||
postData.push({
|
||
name: 'describe',
|
||
value: describe.value()
|
||
});
|
||
|
||
postData.push({
|
||
name: 'answer',
|
||
value: answer.value()
|
||
});
|
||
|
||
postData.push({
|
||
name: 'testCase',
|
||
value: testCase.value()
|
||
});
|
||
|
||
postData.push({
|
||
name: 'expectedResult',
|
||
value: expectedResult.value()
|
||
});
|
||
|
||
if (GetQueryString('id')) {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/api.php?action=editProblemset&id=" + GetQueryString('id'),
|
||
dataType: "json",
|
||
cache: !1,
|
||
timeout: 6e4,
|
||
data: postData,
|
||
success: function (r) {
|
||
if (r.status === 1) {
|
||
window.location.href = '/index.php'
|
||
} else {
|
||
alert('很抱歉，保存失败，请稍后刷新重试。')
|
||
}
|
||
},
|
||
error: function () {
|
||
alert('很抱歉，出错了，请稍后刷新重试！')
|
||
}
|
||
})
|
||
} else {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/api.php?action=addProblemset",
|
||
dataType: "json",
|
||
cache: !1,
|
||
timeout: 6e4,
|
||
data: postData,
|
||
success: function (r) {
|
||
if (r.status === 1) {
|
||
window.location.href = '/index.php'
|
||
} else {
|
||
alert('很抱歉，新增题目失败，请稍后刷新重试。')
|
||
}
|
||
},
|
||
error: function () {
|
||
alert('很抱歉，出错了，请稍后刷新重试！')
|
||
}
|
||
})
|
||
}
|
||
});
|
||
|
||
if (GetQueryString('id')) {
|
||
$.ajax({
|
||
type: "GET",
|
||
url: "/api.php?action=getProblemset&id=" + GetQueryString('id'),
|
||
dataType: "json",
|
||
cache: !1,
|
||
timeout: 6e4,
|
||
success: function (r) {
|
||
if (r.status === 1) {
|
||
$('#type').val(r.result.type);
|
||
$('#name').val(r.result.name);
|
||
$('#isAnswer').val(r.result.isAnswer);
|
||
$('#language').val(r.result.language);
|
||
$('#difficulty').val(r.result.difficulty);
|
||
$('#isCredit').val(r.result.isCredit);
|
||
$('#passPercent').val(r.result.passPercent);
|
||
$('#tag').val(r.result.tag);
|
||
$('#credit').val(r.result.credit);
|
||
$('#mark').val(r.result.mark);
|
||
|
||
describe.value(r.result.describe);
|
||
answer.value(r.result.answer);
|
||
testCase.value(r.result.testCase);
|
||
expectedResult.value(r.result.expectedResult);
|
||
|
||
window.editor.setValue(r.result.phpCode);
|
||
window.testEditor.setValue(r.result.phpUnitCode);
|
||
window.jsEditor.setValue(r.result.javascriptCode);
|
||
|
||
$('.tabs').tabslet({
|
||
controls: {
|
||
prev: '.prevTab',
|
||
next: '.nextTab'
|
||
}
|
||
});
|
||
} else {
|
||
alert('很抱歉，获取数据失败，请稍后刷新重试。')
|
||
}
|
||
|
||
$('#loading').hide();
|
||
},
|
||
error: function () {
|
||
alert('很抱歉，出错了，请稍后刷新重试！');
|
||
$('#loading').hide();
|
||
}
|
||
})
|
||
} else {
|
||
$('#loading').hide();
|
||
$('.tabs').tabslet({
|
||
controls: {
|
||
prev: '.prevTab',
|
||
next: '.nextTab'
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}); |