梁美英 / programming · Commits

Commit 35de1d9db6d316bc3761e989bf1aed7d97efc025

Authored by ykxie
1 parent b8f443cd

add compile

Inline Side-by-side
Showing 7 changed files with 356 additions and 359 deletions
src/live/js/main.js
  View file @35de1d9
... ... @@ -70,6 +70,10 @@ $(function(){
70 70 liveCompileFun: function(){}
71 71 }
72 72  
  73 + // 禁止关闭浏览器
  74 + // window.onbeforeunload = function(){
  75 + // return ('你确定要结束教学吗？请确认保存内容');
  76 + // }
73 77  
74 78 LiveTeacher.init();
75 79  
... ... @@ -123,41 +127,14 @@ $(function(){
123 127 });
124 128 }
125 129  
  130 + function liveOutFun(){
  131 + window.onbeforeunload = function(){
  132 + return ('你确定要结束教学吗？')
  133 + }
  134 + }
126 135  
127 136  
128 137  
129   - // $('#CompileBtn').on('click', function(){
130   - // console.log('编译' + teacher.getValue());
131   - // var el = document.querySelector('#CompileBtn')
132   - // var l = Ladda.create(el);
133   - // l.start();
134   -
135   - // var input = $('#input').val() || '';
136   - // var code = teacher.getValue();
137   - // var compileData = {
138   - // code: code,
139   - // langid: 10,
140   - // input: input
141   - // }
142   - // $.ajax({
143   - // type: "post",
144   - // url: gxb_api + "/submit/submitCode/api",
145   - // data: JSON.stringify(compileData),
146   - // dataType: "json",
147   - // contentType: "application/json",
148   - // success: function(data) {
149   - // console.log(data);
150   - // l.remove();
151   - // compileResult(data);
152   - // },
153   - // error: function(){
154   - // l.stop();
155   - // alert('错误');
156   - // }
157   - // });
158   - // })
159   -
160   -
161 138  
162 139 /**
163 140 * 组合录入代码
... ... @@ -180,37 +157,5 @@ $(function(){
180 157 IDELive.record_startime = currenttime; //设定起始时间
181 158 }
182 159  
183   - // 编译结果
184   - function compileResult(data){
185   - if(data.result){
186   -
187   - $('#cmpinfo').html('<p class="text-warning">' + data.cmpinfo.replace(/\n/g, "<br />") + "</p>");
188   - $('#stderr').html('<p class="text-danger">' + data.stderr.replace(/\n/g, "<br />") + "</p>");
189   - $('#output').html('<p class="text-success">' + data.output.replace(/\n/g, "<br />") + "</p>");
190   -
191   - if(data.cmpinfo.length){
192   - $('#cmprun-tabs a[href="#cmpinfo"]').tab('show');
193   - }else if(data.stderr.length){
194   - $('#cmprun-tabs a[href="#stderr"]').tab('show');
195   - }else if(data.output.length){
196   - $('#cmprun-tabs a[href="#output"]').tab('show');
197   - }
198   -
199   - if(!data.cmpinfo.length){
200   - $('#cmpinfo').prepend('<p class="alert alert-success"><i class="glyphicon glyphicon-ok-sign"></i> 编译已成功</p>');
201   - }
202   -
203   - if(!data.stderr.length){
204   - $('#stderr').prepend('<p class="alert alert-success"><i class="glyphicon glyphicon-ok-sign"></i> 无输出错误</p>');
205   - }
206   -
207   - if(!data.output.length){
208   - $('#output').prepend('<p class="alert alert-warning"><i class="glyphicon glyphicon-exclamation-sign"></i> 代码编译错误或者运行相关功能受限制</p>');
209   - }
210   -
211   - }else{
212   - $('#cmpinfo').html('<p class="alert alert-danger"><i class="glyphicon glyphicon-exclamation-sign"></i> 云端编译超时，请稍后重新尝试</p>');
213   - $('#cmprun-tabs a[href="#cmpinfo"]').tab('show');
214   - }
215   - }
  160 +
216 161 })
217 162 \ No newline at end of file
... ...
src/live/js/student.js
  View file @35de1d9
1   -$(function(){
  1 +$(function() {
  2 + var teacherId = document.getElementById('teacher');
  3 + var studentId = document.getElementById('student');
  4 + var socket = io('http://localhost:3000');
2 5  
3   - $('#CompileBtn').trigger('click');
  6 + var teacher = CodeMirror.fromTextArea(teacherId, {
  7 + value: '输入HTML代码',
  8 + mode: 'text/javascript',
  9 + readOnly: true,
  10 + lineNumbers: true,
  11 + smartIndent: false
  12 + });
4 13  
5   - $('#CompileBtn').on('click', function(){
  14 + var student = CodeMirror.fromTextArea(studentId, {
  15 + value: '输入HTML代码',
  16 + mode: 'text/javascript',
  17 + lineNumbers: true,
  18 + smartIndent: false
  19 + });
  20 +
  21 +
  22 + socket.on('teacher.programming', function(msg) {
  23 + console.log(msg);
  24 + var msgObj = JSON.parse(msg)
  25 + // student.setValue(msg)
  26 + processChangeObject(teacher, msgObj);
  27 +
  28 + $('#messages').append($('<li>').text(msg));
  29 + window.scrollTo(0, document.body.scrollHeight);
  30 + });
  31 +
  32 + socket.on('programming.content', function(msg) {
  33 + console.log('programming.content ---- ' + msg);
  34 + teacher.setValue(msg);
  35 + // socket.emit('programming.content', teacher.getValue());
  36 + });
  37 +
  38 + socket.on('programming.compile', function(msg) {
  39 + console.log('-------------');
  40 + console.log(msg);
  41 + // $('#CompileBtn').trigger('click');
6 42 console.log('编译' + teacher.getValue());
7 43 var el = document.querySelector('#CompileBtn')
8 44 var l = Ladda.create(el);
... ... @@ -31,41 +67,44 @@ $(function(){
31 67 alert('错误');
32 68 }
33 69 });
34   - })
  70 + });
35 71  
36 72  
37 73  
38   - // 编译结果
39   - function compileResult(data){
40   - if(data.result){
41 74  
42   - $('#cmpinfo').html('<p class="text-warning">' + data.cmpinfo.replace(/\n/g, "<br />") + "</p>");
43   - $('#stderr').html('<p class="text-danger">' + data.stderr.replace(/\n/g, "<br />") + "</p>");
44   - $('#output').html('<p class="text-success">' + data.output.replace(/\n/g, "<br />") + "</p>");
45   -
46   - if(data.cmpinfo.length){
47   - $('#cmprun-tabs a[href="#cmpinfo"]').tab('show');
48   - }else if(data.stderr.length){
49   - $('#cmprun-tabs a[href="#stderr"]').tab('show');
50   - }else if(data.output.length){
51   - $('#cmprun-tabs a[href="#output"]').tab('show');
52   - }
53   -
54   - if(!data.cmpinfo.length){
55   - $('#cmpinfo').prepend('<p class="alert alert-success"><i class="glyphicon glyphicon-ok-sign"></i> 编译已成功</p>');
56   - }
57   -
58   - if(!data.stderr.length){
59   - $('#stderr').prepend('<p class="alert alert-success"><i class="glyphicon glyphicon-ok-sign"></i> 无输出错误</p>');
60   - }
61   -
62   - if(!data.output.length){
63   - $('#output').prepend('<p class="alert alert-warning"><i class="glyphicon glyphicon-exclamation-sign"></i> 代码编译错误或者运行相关功能受限制</p>');
64   - }
65 75  
66   - }else{
67   - $('#cmpinfo').html('<p class="alert alert-danger"><i class="glyphicon glyphicon-exclamation-sign"></i> 云端编译超时，请稍后重新尝试</p>');
68   - $('#cmprun-tabs a[href="#cmpinfo"]').tab('show');
  76 +
  77 +
  78 + $('#CompileBtn').on('click', function(){
  79 + console.log('编译' + teacher.getValue());
  80 + var el = document.querySelector('#CompileBtn')
  81 + var l = Ladda.create(el);
  82 + l.start();
  83 +
  84 + var input = $('#input').val() || '';
  85 + var code = teacher.getValue();
  86 + var compileData = {
  87 + code: code,
  88 + langid: 10,
  89 + input: input
69 90 }
70   - }
71   -})
72 91 \ No newline at end of file
  92 + $.ajax({
  93 + type: "post",
  94 + url: gxb_api + "/submit/submitCode/api",
  95 + data: JSON.stringify(compileData),
  96 + dataType: "json",
  97 + contentType: "application/json",
  98 + success: function(data) {
  99 + console.log(data);
  100 + l.remove();
  101 + compileResult(data);
  102 + },
  103 + error: function(){
  104 + l.stop();
  105 + alert('错误');
  106 + }
  107 + });
  108 + })
  109 +
  110 +
  111 +});
73 112 \ No newline at end of file
... ...
src/live/js/teacher.js 0 → 100644
  View file @35de1d9
  1 +$(function(){
  2 + var teacherId = document.getElementById('teacher');
  3 + var socket = io('http://localhost:3000');
  4 +
  5 + // 初始化codemirror页面
  6 + var teacher = CodeMirror.fromTextArea(teacherId, {
  7 + value: '输入HTML代码',
  8 + mode: 'text/javascript',
  9 + lineNumbers: true,
  10 + smartIndent: false
  11 + });
  12 +
  13 + // 记录每次操作的变化
  14 + CodeMirror.on(teacher,"change", function(instance, changeObj) {
  15 + // console.log(instance);
  16 + // console.log(changeObj);
  17 + var changeObjStr = JSON.stringify(changeObj);
  18 +
  19 + //
  20 + socket.emit('teacher.programming', changeObjStr);
  21 +
  22 + socket.emit('programming.content', teacher.getValue());
  23 +
  24 + // 构建操作对象
  25 + buildOperate('teacher', changeObj);
  26 +
  27 + console.log(IDELive.operations);
  28 +
  29 + });
  30 +
  31 + // 链接时执行初始化代码
  32 + socket.on('programming.content', function(msg) {
  33 + // teacher.setValue(msg);
  34 + });
  35 +
  36 +
  37 +
  38 + var IDELive = {
  39 + operations: [] // 存储录制时的动作对象
  40 + }
  41 +
  42 +
  43 +
  44 +
  45 +
  46 + var LiveTeacher = {
  47 + init: function(){
  48 + LiveTeacher.events();
  49 + },
  50 + events: function(){
  51 + var _this = this;
  52 + $('#liveStart').on('click', function(){ liveStartFun(); });
  53 + $('#liveEnd').on('click', function(){ });
  54 +
  55 + $('#liveConfirm').on('click', function(){ liveConfirmFun(); });
  56 + $('#liveCancel').on('click', function(){ liveCancelFun() });
  57 +
  58 + $('#liveSave').on('click', function(){ });
  59 + $('#liveOut').on('click', function(){ liveOutFun(); });
  60 +
  61 + $('#CompileBtn').on('click', function(){ liveCompileFun(); });
  62 +
  63 + },
  64 + liveStartFun: function(){},
  65 + liveEndFun: function(){},
  66 +
  67 + liveConfirmFun: function(){},
  68 + liveCancelFun: function(){},
  69 +
  70 + liveSaveFun: function(){},
  71 + liveOutFun: function(){},
  72 +
  73 + liveCompileFun: function(){}
  74 + }
  75 +
  76 + // 禁止关闭浏览器
  77 + // window.onbeforeunload = function(){
  78 + // return ('你确定要结束教学吗？请确认保存内容');
  79 + // }
  80 +
  81 + LiveTeacher.init();
  82 +
  83 + // 开始录制
  84 + function liveStartFun(){
  85 + $('.tip-wrap').show();
  86 + }
  87 +
  88 + // 确认开始录制
  89 + function liveConfirmFun(){
  90 + $('.tip-wrap').hide();
  91 + IDELive.record_startime = new Date().getTime()
  92 + console.log(IDELive.record_startime);
  93 + }
  94 +
  95 + // 取消开始录制
  96 + function liveCancelFun(){
  97 + $('.tip-wrap').hide();
  98 + }
  99 +
  100 + // 编译
  101 + function liveCompileFun(){
  102 + console.log('编译' + teacher.getValue());
  103 +
  104 + socket.emit('programming.compile');
  105 +
  106 + var el = document.querySelector('#CompileBtn')
  107 + var l = Ladda.create(el);
  108 + l.start();
  109 +
  110 + var input = $('#input').val() || '';
  111 + var code = teacher.getValue();
  112 + var compileData = {
  113 + code: code,
  114 + langid: 10,
  115 + input: input
  116 + }
  117 + $.ajax({
  118 + type: "post",
  119 + url: gxb_api + "/submit/submitCode/api",
  120 + data: JSON.stringify(compileData),
  121 + dataType: "json",
  122 + contentType: "application/json",
  123 + success: function(data) {
  124 + console.log(data);
  125 + l.remove();
  126 + compileResult(data);
  127 + },
  128 + error: function(){
  129 + l.stop();
  130 + alert('错误');
  131 + }
  132 + });
  133 + }
  134 +
  135 + // 结束录制
  136 + function liveOutFun(){
  137 + // 课程结束时清楚服务端记录的数据
  138 + socket.emit('programming.clear', '');
  139 + teacher.setValue('');
  140 + console.log('programming.clear')
  141 +
  142 + // socket.on('programming.clear', function(msg) {
  143 + // console.log('programming.clear ---- ');
  144 + // content = '';
  145 + // io.emit('programming.content', msg);
  146 + // });
  147 +
  148 +
  149 + // window.onbeforeunload = function(){
  150 + // return ('你确定要结束教学吗？')
  151 + // }
  152 + }
  153 +
  154 +
  155 +
  156 +
  157 + /**
  158 + * 组合录入代码
  159 + * by Kira 2017-5-17
  160 + */
  161 + function buildOperate(editor, changeobj){
  162 + var intervaltime,
  163 + currenttime = new Date().getTime();
  164 + console.log(IDELive.record_startime);
  165 + var intervaltime = currenttime - IDELive.record_startime;
  166 +
  167 + var operateObj = {
  168 + intervaltime: intervaltime,
  169 + editor: editor,
  170 + changeobj: changeobj,
  171 + currenttime: currenttime,
  172 + trigger: 0
  173 + };
  174 + IDELive.operations.push( operateObj); // 添加每次输入对象
  175 + IDELive.record_startime = currenttime; //设定起始时间
  176 + }
  177 +
  178 +
  179 +})
  180 +
  181 +
  182 +
... ...
src/live/js/utils.js
  View file @35de1d9
1   -// 编译
2   -function compileRun(l){
3   - var l = Ladda.create(el);
4   - l.start();
  1 +/**
  2 + * 通用方法
  3 + * by Kira 2017-5-19
  4 + */
5 5  
  6 +// 往编辑器中写入代码
  7 +function processChangeObject(playbackcm, obj) {
6 8  
  9 + for (var i = 0; i < obj.text.length; i++) {
  10 + /* 设置鼠标行标示 */
  11 + if (playbackcm.getTextArea().id === "HTMLplayer") {
  12 + if (htmlhlLine !== null) {
  13 + playbackcm.clearMarker(htmlhlLine);
  14 + }
  15 + htmlhlLine = playbackcm.setMarker(obj.from.line + i, '<span class="text-primary glyphicon glyphicon-pencil"></span>');
  16 + } else if (playbackcm.getTextArea().id === "CSSplayer") {
  17 + if (csshlLine !== null) {
  18 + playbackcm.clearMarker(csshlLine);
  19 + }
  20 + csshlLine = playbackcm.setMarker(obj.from.line + i, '<span class="text-primary glyphicon glyphicon-pencil"></span>');
  21 + } else if (playbackcm.getTextArea().id === "JSplayer") {
  22 + if (jshlLine !== null) {
  23 + playbackcm.clearMarker(jshlLine);
  24 + }
  25 + jshlLine = playbackcm.setMarker(obj.from.line + i, '<span class="text-primary glyphicon glyphicon-pencil"></span>');
  26 + }
7 27  
8   - var code = (typeof GBCodePlayBack.htmleditor !=='undefined' && GBCodePlayBack.htmleditor.getValue())
9   - || (typeof GBCodePlayBack.htmlplayereditor !=='undefined' && GBCodePlayBack.htmlplayereditor.getValue());
10   - var langid = $('#htmlbutton').data("languageid");
11   - var input = $('#input').val() || '';
12   - var compileData = {
13   - code: code,
14   - langid: langid,
15   - input: input
16   - }
17   - $.ajax({
18   - type: "post",
19   - url: gxb_api + "/submit/submitCode/api",
20   - data: JSON.stringify(compileData),
21   - dataType: "json",
22   - contentType: "application/json",
23   - success: function(data) {
24   - compileResult(data)
25   - l.stop();
  28 + /* 设置鼠标输入指针 */
  29 + playbackcm.setCursor({ line: obj.from.line + i, ch: obj.from.ch });
  30 +
  31 + //以下代码处理其他
  32 + if (obj.text.length === 3 && obj.text[1] !== '' && i === 1) {
  33 + playbackcm.setSelection({ line: obj.from.line + i, ch: 0 });
  34 + } else if (obj.text.length === 3 && obj.text[2] !== '' && i === 2) {
  35 + playbackcm.setSelection({ line: obj.from.line + i, ch: 0 });
  36 +
  37 + //以下代码处理文字块选择并回车的问题
  38 + } else if (obj.text.length === 2 && obj.text[i] === '' && i === 1) {
  39 + playbackcm.setSelection({ line: obj.from.line + i, ch: 0 });
26 40  
27   - $('.compile-loading').hide();
28   - $('.compile-reslut').show();
29   - GBCodePlayBack.compileResultData = data;
30   -
31   - },
32   - error: function(){
33   - l.stop();
34   - alert('错误');
  41 + //以下处理块选择并且粘贴多行问题
  42 + } else {
  43 + if (i == 0) {
  44 + playbackcm.setSelection({ line: obj.from.line + i, ch: obj.from.ch }, { line: obj.to.line + i, ch: obj.to.ch });
  45 + } else {
  46 + playbackcm.setSelection({ line: obj.from.line + i, ch: 0 }, { line: obj.from.line + i, ch: 0 });
  47 + }
35 48 }
36   - });
37   -}
38 49  
39   -function compileMode(el, userId, languageId) {
40   - var l = Ladda.create(el);
41   - l.start();
42   - // 获取标准输入值
43   - var runtimeArgus = $('#runtimeArgus').val() || '';
44   - var mainPath = Dir.mainPath;
45   - var _fileList = Dir.getTreeData();
  50 + if (i !== obj.text.length - 1) {
  51 + playbackcm.replaceSelection(obj.text[i] + '\n');
  52 + } else {
  53 + playbackcm.replaceSelection(obj.text[i]);
  54 + }
  55 + }
46 56  
47   - var compileData = {
48   - "userId": userId,
49   - "langId": languageId,
50   - "mainPath": mainPath,
51   - "mainArgus": "",
52   - "runtimeArgus": runtimeArgus,
53   - "rand": "123456",
54   - "fileList": _fileList || []
  57 + if (obj.next) {
  58 + processChangeObject(playbackcm, obj.next);
55 59 }
56   - console.log(compileData);
57   - $.ajax({
58   - type: "POST",
59   - url: gxb_api + "/gxb-web/programmingMulti/codeRun/api",
60   - data: JSON.stringify(compileData),
61   - dataType: "json",
62   - contentType: "application/json",
63   - success: function(data) {
64   - console.log(data);
65   - l.remove();
66   - },
67   - error: function(XMLHttpRequest, textStatus, errorThrown) {
68   - l.remove();
69   - alert('错误');
70   - console.log(XMLHttpRequest);
71   - },
72   - });
73 60 }
74 61  
75   -function
  62 +
  63 +// 编译结果
  64 +function compileResult(data){
  65 + if(data.result){
  66 +
  67 + $('#cmpinfo').html('<p class="text-warning">' + data.cmpinfo.replace(/\n/g, "<br />") + "</p>");
  68 + $('#stderr').html('<p class="text-danger">' + data.stderr.replace(/\n/g, "<br />") + "</p>");
  69 + $('#output').html('<p class="text-success">' + data.output.replace(/\n/g, "<br />") + "</p>");
  70 +
  71 + if(data.cmpinfo.length){
  72 + $('#cmprun-tabs a[href="#cmpinfo"]').tab('show');
  73 + }else if(data.stderr.length){
  74 + $('#cmprun-tabs a[href="#stderr"]').tab('show');
  75 + }else if(data.output.length){
  76 + $('#cmprun-tabs a[href="#output"]').tab('show');
  77 + }
  78 +
  79 + if(!data.cmpinfo.length){
  80 + $('#cmpinfo').prepend('<p class="alert alert-success"><i class="glyphicon glyphicon-ok-sign"></i> 编译已成功</p>');
  81 + }
  82 +
  83 + if(!data.stderr.length){
  84 + $('#stderr').prepend('<p class="alert alert-success"><i class="glyphicon glyphicon-ok-sign"></i> 无输出错误</p>');
  85 + }
  86 +
  87 + if(!data.output.length){
  88 + $('#output').prepend('<p class="alert alert-warning"><i class="glyphicon glyphicon-exclamation-sign"></i> 代码编译错误或者运行相关功能受限制</p>');
  89 + }
  90 +
  91 + }else{
  92 + $('#cmpinfo').html('<p class="alert alert-danger"><i class="glyphicon glyphicon-exclamation-sign"></i> 云端编译超时，请稍后重新尝试</p>');
  93 + $('#cmprun-tabs a[href="#cmpinfo"]').tab('show');
  94 + }
  95 +}
76 96 \ No newline at end of file
... ...
src/live/student.html
  View file @35de1d9
... ... @@ -116,201 +116,10 @@
116 116 <script src="../js/bootstrap.js"></script>
117 117 <script src="../js/ladda/spin.js"></script>
118 118 <script src="../js/ladda/ladda.js"></script>
119   -<script src="./js/main.js"></script>
  119 +<script src="./js/utils.js"></script>
  120 +<script src="./js/student.js"></script>
120 121 <script>
121   -$(function() {
122   - var teacherId = document.getElementById('teacher');
123   - var studentId = document.getElementById('student');
124   - var socket = io('http://localhost:3000');
125 122  
126   - var teacher = CodeMirror.fromTextArea(teacherId, {
127   - value: '输入HTML代码',
128   - mode: 'text/javascript',
129   - lineNumbers: true,
130   - smartIndent: false
131   - });
132   -
133   - var student = CodeMirror.fromTextArea(studentId, {
134   - value: '输入HTML代码',
135   - mode: 'text/javascript',
136   - lineNumbers: true,
137   - smartIndent: false
138   - });
139   -
140   -
141   - socket.on('teacher.programming', function(msg) {
142   - console.log(msg);
143   - var msgObj = JSON.parse(msg)
144   - // student.setValue(msg)
145   - processChangeObject(teacher, msgObj);
146   -
147   - $('#messages').append($('<li>').text(msg));
148   - window.scrollTo(0, document.body.scrollHeight);
149   - });
150   -
151   - socket.on('programming.compile', function(msg) {
152   - console.log('-------------');
153   - console.log(msg);
154   - // $('#CompileBtn').trigger('click');
155   - console.log('编译' + teacher.getValue());
156   - var el = document.querySelector('#CompileBtn')
157   - var l = Ladda.create(el);
158   - l.start();
159   -
160   - var input = $('#input').val() || '';
161   - var code = teacher.getValue();
162   - var compileData = {
163   - code: code,
164   - langid: 10,
165   - input: input
166   - }
167   - $.ajax({
168   - type: "post",
169   - url: gxb_api + "/submit/submitCode/api",
170   - data: JSON.stringify(compileData),
171   - dataType: "json",
172   - contentType: "application/json",
173   - success: function(data) {
174   - console.log(data);
175   - l.remove();
176   - compileResult(data);
177   - },
178   - error: function(){
179   - l.stop();
180   - alert('错误');
181   - }
182   - });
183   - });
184   -
185   -
186   -
187   -
188   -
189   - function processChangeObject(playbackcm, obj) {
190   -
191   - for (var i = 0; i < obj.text.length; i++) {
192   - /* 设置鼠标行标示 */
193   - if (playbackcm.getTextArea().id === "HTMLplayer") {
194   - if (htmlhlLine !== null) {
195   - playbackcm.clearMarker(htmlhlLine);
196   - }
197   - htmlhlLine = playbackcm.setMarker(obj.from.line + i, '<span class="text-primary glyphicon glyphicon-pencil"></span>');
198   - } else if (playbackcm.getTextArea().id === "CSSplayer") {
199   - if (csshlLine !== null) {
200   - playbackcm.clearMarker(csshlLine);
201   - }
202   - csshlLine = playbackcm.setMarker(obj.from.line + i, '<span class="text-primary glyphicon glyphicon-pencil"></span>');
203   - } else if (playbackcm.getTextArea().id === "JSplayer") {
204   - if (jshlLine !== null) {
205   - playbackcm.clearMarker(jshlLine);
206   - }
207   - jshlLine = playbackcm.setMarker(obj.from.line + i, '<span class="text-primary glyphicon glyphicon-pencil"></span>');
208   - }
209   -
210   - /* 设置鼠标输入指针 */
211   - playbackcm.setCursor({ line: obj.from.line + i, ch: obj.from.ch });
212   -
213   - //以下代码处理其他
214   - if (obj.text.length === 3 && obj.text[1] !== '' && i === 1) {
215   - playbackcm.setSelection({ line: obj.from.line + i, ch: 0 });
216   - } else if (obj.text.length === 3 && obj.text[2] !== '' && i === 2) {
217   - playbackcm.setSelection({ line: obj.from.line + i, ch: 0 });
218   -
219   - //以下代码处理文字块选择并回车的问题
220   - } else if (obj.text.length === 2 && obj.text[i] === '' && i === 1) {
221   - playbackcm.setSelection({ line: obj.from.line + i, ch: 0 });
222   -
223   - //以下处理块选择并且粘贴多行问题
224   - } else {
225   - if (i == 0) {
226   - playbackcm.setSelection({ line: obj.from.line + i, ch: obj.from.ch }, { line: obj.to.line + i, ch: obj.to.ch });
227   - } else {
228   - playbackcm.setSelection({ line: obj.from.line + i, ch: 0 }, { line: obj.from.line + i, ch: 0 });
229   - }
230   - }
231   -
232   - if (i !== obj.text.length - 1) {
233   - playbackcm.replaceSelection(obj.text[i] + '\n');
234   - } else {
235   - playbackcm.replaceSelection(obj.text[i]);
236   - }
237   - }
238   -
239   - if (obj.next) {
240   - processChangeObject(playbackcm, obj.next);
241   - }
242   - }
243   -
244   -
245   -
246   - $('#CompileBtn').on('click', function(){
247   - console.log('编译' + teacher.getValue());
248   - var el = document.querySelector('#CompileBtn')
249   - var l = Ladda.create(el);
250   - l.start();
251   -
252   - var input = $('#input').val() || '';
253   - var code = teacher.getValue();
254   - var compileData = {
255   - code: code,
256   - langid: 10,
257   - input: input
258   - }
259   - $.ajax({
260   - type: "post",
261   - url: gxb_api + "/submit/submitCode/api",
262   - data: JSON.stringify(compileData),
263   - dataType: "json",
264   - contentType: "application/json",
265   - success: function(data) {
266   - console.log(data);
267   - l.remove();
268   - compileResult(data);
269   - },
270   - error: function(){
271   - l.stop();
272   - alert('错误');
273   - }
274   - });
275   - })
276   -
277   -
278   -
279   - // 编译结果
280   - function compileResult(data){
281   - if(data.result){
282   -
283   - $('#cmpinfo').html('<p class="text-warning">' + data.cmpinfo.replace(/\n/g, "<br />") + "</p>");
284   - $('#stderr').html('<p class="text-danger">' + data.stderr.replace(/\n/g, "<br />") + "</p>");
285   - $('#output').html('<p class="text-success">' + data.output.replace(/\n/g, "<br />") + "</p>");
286   -
287   - if(data.cmpinfo.length){
288   - $('#cmprun-tabs a[href="#cmpinfo"]').tab('show');
289   - }else if(data.stderr.length){
290   - $('#cmprun-tabs a[href="#stderr"]').tab('show');
291   - }else if(data.output.length){
292   - $('#cmprun-tabs a[href="#output"]').tab('show');
293   - }
294   -
295   - if(!data.cmpinfo.length){
296   - $('#cmpinfo').prepend('<p class="alert alert-success"><i class="glyphicon glyphicon-ok-sign"></i> 编译已成功</p>');
297   - }
298   -
299   - if(!data.stderr.length){
300   - $('#stderr').prepend('<p class="alert alert-success"><i class="glyphicon glyphicon-ok-sign"></i> 无输出错误</p>');
301   - }
302   -
303   - if(!data.output.length){
304   - $('#output').prepend('<p class="alert alert-warning"><i class="glyphicon glyphicon-exclamation-sign"></i> 代码编译错误或者运行相关功能受限制</p>');
305   - }
306   -
307   - }else{
308   - $('#cmpinfo').html('<p class="alert alert-danger"><i class="glyphicon glyphicon-exclamation-sign"></i> 云端编译超时，请稍后重新尝试</p>');
309   - $('#cmprun-tabs a[href="#cmpinfo"]').tab('show');
310   - }
311   - }
312   -
313   -});
314 123 </script>
315 124  
316 125 </body>
... ...
src/live/style/main.css
  View file @35de1d9
... ... @@ -101,6 +101,7 @@ button{
101 101  
102 102 #stdin {
103 103 position: absolute;
  104 + left: 0;
104 105 width: 100%;
105 106 }
106 107  
... ...
src/live/teacher.html
  View file @35de1d9
... ... @@ -103,7 +103,8 @@
103 103 <script src="../js/ladda/spin.js"></script>
104 104 <script src="../js/ladda/ladda.js"></script>
105 105 <!-- <script src="./js/IDELive.js"></script> -->
106   -<script src="./js/main.js"></script>
  106 +<script src="./js/utils.js"></script>
  107 +<script src="./js/teacher.js"></script>
107 108  
108 109 </body>
109 110  
... ...