一个应用程序

时间:2018-01-25 17:42:26

标签: javascript node.js express

我需要编写一个node.js Web应用程序,它向我们展示了数据库中的一些数据。

我的第一个想法是,制作一个RestFul-webservice和一个webclient。但我看到两个问题: - 我需要一个开放端口用于服务,一个用于客户端。我们只有一个开放端口,我可以使用它。 - 您可以在客户端中查看服务地址和路由。

所以我的第二个想法是,编写一个node.js应用程序,它有后端和前端。

但我完全不知道如何使用服务中的数据,而不显示客户端上的地址和路由。

有没有选择编写一些后端函数并在前端部分使用它们,所以没有人能看到有什么是幸福的?对于前端,我想使用bootstrap,chart.js和jquery。

这里有一个例子来看我的意思。或者我应该做一些完全不同的事情?我想要" Hello World!"从我的路线" / hello",在我的index.html中显示,例如在"之间。

//My Server.js
var express = require("express");
var app = express();
var router = express.Router();
var path = __dirname + '/views/';
router.use(function (req, res, next) {
console.log("/" + req.method);
next();
});

router.get("/", function (req, res) {
    res.sendFile(path + "index.html");
});

router.get("/about", function (req, res) {
    res.sendFile(path + "about.html");
});

router.get("/hello", function (req, res) {
    res.send('Hello World!'); 
});

app.use("/", router);

app.use("*", function (req, res) {
    res.sendFile(path + "404.html");
});

app.listen(3000, function () {
    console.log("Live at Port 3000");
});


//My Index.html
<body>
<div>
<div>
<nav class="navbar navbar-inverse" role="navigation" style="padding-
left:130px;">
   <ul class="nav navbar-nav">
  <li class="active"><a href="/">Home<span class="sr-only">(current)</span>
</a></li>
  <li><a href="/about">About us</a></li>
</ul>
</nav>
</div>
<br/>
<div class="jumbotron"> <p>
This is place to put content. 
</p></div>
</div>
</body>

0 个答案:

没有答案