Comment puis-je servir partiellement pages HTML dynamiques avec Express?

Bon, voici mon problème: j'ai une page HTML, je suis très heureux avec, mais je tiens à le rendre dynamique. Je suis l'aide d'un Noeud avec l'Express, et je me demandais si il y avait un moyen de les modifier puis de rendu HTML. Je ne vais pas utiliser de Jade ou de tout autre modèle de moteurs.

Mon server.js:

var http = require('http');
var express = require('express');
var app = express()

var port = 3000;
var api_router = express.Router();

....

api_router.route('/webm/test/')
.get(function(req, res){
    res.sendFile(__dirname + "/test.html")
})

app.use('/api/', api_router);
app.listen(port);
console.log("NodeJS Backend API running.");

Actuellement, cela ne fonctionne pas (pas de moteur de template HTML trouvé). Il également ne pas répondre à mes besoins: je souhaite définir le "src='bla.webm" dans une balise selon l'OBTENIR req.

C'est ma page je souhaite modifier: 

<!DOCTYPE html>
<html>
    <head>
        <title>Index</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="../stylesheet.css">
        <link rel="stylesheet" type="text/css" href="stylesheet.css">
    </head>

    <body>
        <div id="header">
            <a href="../index.html"><p>../</p></a>
            <p>TrentV.net : Trent VanSlyke</p>
        </div>
        <div class="container" style="display: flex">
            <video id="player" src="CUSTOMIZE ME" controls></video>
            <div id="related">

            </div>

            <script src="webm.js" type="text/javascript"></script>
        </div>
    </body>
</html>
InformationsquelleAutor Trent | 2016-02-25
  1. 0

    Vous pouvez utiliser express vue de template comme décrit ici

    • Bien que pas exactement ce que je voulais, EJS fonctionne très bien pour moi maintenant. Accepté. Muchas gracias 🙂
    • De nada. Que tengas de l'onu buen dia. Saludos
    • Toujours à l'aide de l'ejs moteur de template
    InformationsquelleAutor yeiniel
  2. 0
    You can use angular in node so that you can use like this ...
 make 
      <!DOCTYPE html>
        <html lang="en" ng-app="xenon-app">
        <head>
            <meta charset="utf-8">

           <script src="/assets/js/angular.js"></script>
            <script> 
             var app = angular.module( "xenon-app", [] );
             app.controller( "resetPasswordController",function($scope,$http,) {

        //some http calls of node and render that data in the page by $scope

    $http({
      method: 'GET',
      url: 'http://localhost:3000/someUrl'
    }).then(function successCallback(response) {
        //this callback will be called asynchronously

       $scope.name=response.name;
        //when the response is available
      }, function errorCallback(response) {
        //called asynchronously if an error occurs
        //or server returns response with an error status.
      });





        });

        </script>
        </head>
        <body ng-controller="resetPasswordController">
        <p>
        {{name}}
        </p>
        </body>
        </html>


        and render this page by
         res.sendFile(__dirname + "/test.html")
    • Angulaire est un peu au-delà de la portée de ce projet.
    • puis la seule façon d'utiliser ejs, je vais donner u code de
    • Déjà traité avec lui, mais merci pour l'offre!
    InformationsquelleAutor Himanshu sharma
  3. 0

    ensuite utiliser ejs
    faire un dossier de modèles et d'ajouter registermessage dossier et de le placer html.ejs pour le fichier html, le style.ejs pour les css et le texte.ejs pour le texte de la réponse. 

    var templateDir = path.join(__dirname, "../../../", 'templates', 'registermessage')

    var resetpassword = new EmailTemplate(templateDir)
        //var user = {name: 'Joe', pasta: 'spaghetti'}

//the dynamic variable to replace

    var locals = {

        message: message,
        email: email

    };


    resetpassword.render(locals, function (err, temp) {
        if (err) {
            console.log("error" + err + "results" + temp);
            // console.log( temp.html);
            res.send(temp.html);
            //next(error, null);
        } else {
            //console.log(temp.html)
            res.send(temp.html);
            // next(null, "email sent");
        }

    })
}

    <%message %> va remplacer dynamiquement
    html.ejs

    <html lang="en" ng-app="xenon-app">
<head>
</head>
<body class="page-background" >
<div class="login-container" >

      <!--  Your email id  email -->       
      <p style="font-family: Verdana, Geneva, sans-serif;font-size:13px;"><%=message %></p>

</div>
</body>

</html>
    InformationsquelleAutor Himanshu sharma