2016-09-08 8 views
-3

こんにちは、基本レベルからの高校生のための無料の知識共有のためのブラウザコードエディタで作成しようとしています。検索との長い闘争の後、私はthisリンクを持っています。私はちょうどそのリンクで利用可能なガイダンスごとにいくつかのセットアップと変更を行いました。このAngularJsコードブラウザのコードエディタで何が問題になっていますか - Nodejs

var express = require('express'); 
 
var path = require('path'); 
 
var app = express(); 
 
var bodyParser = require('body-parser'); 
 
//app.use(bodyParser.urlencoded()); 
 

 
app.use(bodyParser.urlencoded({ 
 
    extended: true 
 
})); 
 

 

 
//compileX 
 
var compiler = require('compilex'); 
 
var option = {stats : true}; 
 
compiler.init(option); 
 

 
app.get('/' , function (req , res) { 
 

 
\t res.sendfile(__dirname + "/index.html"); 
 

 
}); 
 

 

 
//app.post('/compilecode' , function (req , res) { 
 
app.post('/' , function (req , res) { 
 

 
    
 
\t var code = req.body.code; \t 
 
\t var input = req.body.input; 
 
    var inputRadio = req.body.inputRadio; 
 
    var lang = req.body.lang; 
 
    if((lang === "C") || (lang === "C++")) 
 
    {   
 
     if(inputRadio === "true") 
 
     {  
 
     \t var envData = { OS : "windows" , cmd : "g++"}; \t  \t 
 
     \t compiler.compileCPPWithInput(envData , code ,input , function (data) { 
 
     \t \t if(data.error) 
 
     \t \t { 
 
     \t \t \t res.send(data.error);  \t \t 
 
     \t \t } 
 
     \t \t else 
 
     \t \t { 
 
     \t \t \t res.send(data.output); 
 
     \t \t } 
 
     \t }); 
 
\t } 
 
\t else 
 
\t { 
 
\t  \t 
 
\t  \t var envData = { OS : "windows" , cmd : "g++"}; \t  
 
     \t compiler.compileCPP(envData , code , function (data) { 
 
     \t if(data.error) 
 
     \t { 
 
     \t \t res.send(data.error); 
 
     \t }  \t 
 
     \t else 
 
     \t { 
 
     \t \t res.send(data.output); 
 
     \t } 
 
    
 
      }); 
 
\t } 
 
    } 
 
    if(lang === "Java") 
 
    { 
 
     if(inputRadio === "true") 
 
     { 
 
      var envData = { OS : "windows" };  
 
      console.log(code); 
 
      compiler.compileJavaWithInput(envData , code , function(data){ 
 
       res.send(data); 
 
      }); 
 
     } 
 
     else 
 
     { 
 
      var envData = { OS : "windows" };  
 
      console.log(code); 
 
      compiler.compileJavaWithInput(envData , code , input , function(data){ 
 
       res.send(data); 
 
      }); 
 

 
     } 
 

 
    } 
 
    if(lang === "Python") 
 
    { 
 
     if(inputRadio === "true") 
 
     { 
 
      var envData = { OS : "windows"}; 
 
      compiler.compilePythonWithInput(envData , code , input , function(data){ 
 
       res.send(data); 
 
      });    
 
     } 
 
     else 
 
     { 
 
      var envData = { OS : "windows"}; 
 
      compiler.compilePython(envData , code , function(data){ 
 
       res.send(data); 
 
      }); 
 
     } 
 
    } 
 
    if(lang === "CS") 
 
    { 
 
     if(inputRadio === "true") 
 
     { 
 
      var envData = { OS : "windows"}; 
 
      compiler.compileCSWithInput(envData , code , input , function(data){ 
 
       res.send(data); 
 
      });    
 
     } 
 
     else 
 
     { 
 
      var envData = { OS : "windows"}; 
 
      compiler.compileCS(envData , code , function(data){ 
 
       res.send(data); 
 
      }); 
 
     } 
 

 
    } 
 
    if(lang === "VB") 
 
    { 
 
     if(inputRadio === "true") 
 
     { 
 
      var envData = { OS : "windows"}; 
 
      compiler.compileVBWithInput(envData , code , input , function(data){ 
 
       res.send(data); 
 
      });    
 
     } 
 
     else 
 
     { 
 
      var envData = { OS : "windows"}; 
 
      compiler.compileVB(envData , code , function(data){ 
 
       res.send(data); 
 
      }); 
 
     } 
 

 
    } 
 

 
}); 
 

 
app.get('/fullStat' , function(req , res){ 
 
    compiler.fullStat(function(data){ 
 
     res.send(data); 
 
    }); 
 
}); 
 

 
app.listen(8080);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<html> 
 
<head> 
 
\t <title>Compilex</title> 
 
\t <script src="https://cdnjs.cloudflare.com/ajax/libs/PreloadJS/0.6.0/preloadjs.min.js"></script> 
 
</head> 
 
<body> 
 
<center> 
 

 
<form id="myform" name="myform" method="post" action="/"> 
 
<h3>Your Code</h3> 
 
<textarea rows="13" cols="100" id="code" name="code" ></textarea> 
 
<br/> 
 
<div> 
 
\t <input type="submit" value="submit" name="submit" /> 
 
</div> 
 
<div> 
 
\t <br/> 
 
Language : <select name="lang"> 
 
    <option value="C">C</option> 
 
    <option value="C++">C++</option> 
 
    <option value="Java">Java</option> 
 
    <option value="Python">Python</option> 
 
    <option value="CS">C#</option> 
 
    <option value="VB">VB</option> 
 
</select> 
 
Compile With Input : 
 
<input type="radio" name="inputRadio" id="inputRadio" value="true"/>yes 
 
<input type="radio" name="inputRadio" id="inputRadio" value="false"/>No 
 
</div> 
 
<h3>Output</h3> 
 
<textarea rows="10" cols="100" id="input" name="input" ></textarea> 
 

 
<br /> 
 

 
</form> 
 
</center> 
 
</body> 
 
</html>

要件: Python用の入力をコンパイルする方法1.(このアプリで設定する方法) 前記第2テキストエリアに出力を表示する方法。

(注:、codemirrorで多くの時間を費やすエースエディタの例とデモが、このプラットフォームに新しいですとして効率的にそれを使用することができませんでした)

はずっと

はあなたに

答えて

0

ありがとう感謝役立ちます<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <head>に移動します。これがあなたの問題だということは確かではありませんが、それは私の本のデバッグプロセスの第一歩です。

+0

感謝を見て、角の、おそらくより良いアイデアを今すぐ開始する場合。あなたが言ったようにちょうど変わった。 "node server.js"で実行しようとすると問題が発生することがあります。 – beep

+0

F:\ node examples \ compilex-Demo1>ノードserver.js コンパイルの統計情報は です。res.sendfileは廃止予定です。server.js:19:6の代わりにres.sendFileを使用してください。 *** function(arg0、arg1、 ARG2){ fn.apply( log.call(廃止、メッセージ、サイト) リターン "厳格を使用" この、引数) } INFO:8e0t16l.pyは INFOを作成:正常に実行8e0t16l.py!_____データ{出力: 'テスト\ r \ n [0x7FFE7C2830A0] ANOMALY:REX.wの使用は無意味です(デフォルトのオペランドサイズは64です)\ r \ n [0x7FFE7C333DC0] ANOMALY:REX.wは無意味です(デフォルトのオペランドサイズは64)\ r \ n '} – beep

+0

server.jsファイルを投稿してもよろしいですか?しかし、あなたが本当に必要とするのは、 'sendfile'の 'f'を大文字にすることだけです。 'res.sendfile(__ dirnameは+ '/example.html');これに' : だから基本的にはこれを変更 'res.sendFile(__ dirnameは+ '/example.html');' 差はですメソッド名私はあなたがお金を持っている場合リンターを取得するか、Webstormを調べることをお勧めします。ここに小さなバグを捕まえるのに役立ちます –

2

実際には、単純なHTMLがあり、そこには角度を使用するものは何もありません。

スクリプトタグだけを追加しても、「角度コード」は作成されません。 ところで、タグは実際には間違った場所にあり、古代の角バージョンを保持しています。これで、バージョン1.5.8を使用するはずです。あなたがうずまきを使用する方法を学びたい場合は、tutorialにアクセスし、docsstyle-guideを読んでください。

あなたがdirtectlyあなたの応答のためのangular 2

関連する問題