•  25-09-2019
  •  | 
  •  

سؤال

أحاول استخدام عارض JavaScript المضمن للعقدة. لقد قمت بتثبيته باستخدام NPM ، كما هو موضح هنا: https://github.com/visionmedia/ejs

ولدي الكود التالي ، لكن لا يبدو أنه يعمل:

var connect = require('connect'),
 ejs = require('ejs');

var server = connect.createServer(
    connect.bodyDecoder(),
    connect.methodOverride(),
    connect.staticProvider(__dirname + '/public'),
    function(req,res) {
     ejs.render('hi');
    }
);


server.listen(9000);

أي مساعدة موضع تقدير كبير.

هل كانت مفيدة؟

المحلول

تحتاج إلى إرسال شيء إلى الرد. من قم بتوصيل Hello-World

var connect = require('../../lib/connect');

var server = connect.createServer(function(req, res){
  var body = 'Hello World';
  res.writeHead(200, {
      'Content-Type': 'text/plain'
    , 'Content-Length': body.length
  });
  res.end(body);
});

server.listen(3000);
console.log('Connect server listening on port 3000');

لذلك لتطبيقك ستحتاج إلى استبداله:

function(req,res) {
 ejs.render('hi');
}

مع شيء مثل:

function(req,res) {
  res.writeHead(200, { 'Content-Type': 'text/plain' });
  res.end(ejs.render('hi'));
}

هل هذا يعمل؟

نصائح أخرى

جرب هذا: (على افتراض أن لديك وحدات Express و EJS مثبتة)

var express = require('express');
var app = express.createServer();
app.configure(function() {
    app.use(express.bodyParser());
    app.use(express.static('./static/'));
    app.use(app.router);
});
app.set('view engine', 'ejs');
app.set('view options', {
    layout: false
});
app.get('/', function(req, res) {
res.render('index', {
    message : 'De groeten'
});
});
app.listen(3000);

ووضع رؤية في "./views". نسميها "index.ejs" واملأها ببعض HTML:

<html>
<head>
<title></title>
</head>

<body>
<p>
<%= message %>
</p>
</body>
</html>

تناسبني!

اضبط محرك العرض الخاص بك لاستخدام EJS.

app.set("view engine", "ejs");

الآن قم بإعداد مسار الجذر بحيث يقوم بتحميل شيء عند الوصول إلى الخادم الخاص بك من متصفح ، انظر أدناه.

var app = express();

// ROOT ROUTE
app.get("/", function(req, res) {
  res.render("landingpage"); // use to render an ejs template page
  res.send("hello world"); // to render an empty page with the hello world message
});
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top