个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
30
4
我正在 openclassroom 上做 nodeJS 教程.我使用模板引擎ejs。我尝试运行一个简单的 JS 脚本，但我不能。
这是我的应用结构:
App_toDoList/
│
├──app.js
├──package-lock.json
├──package.json
│
├── js/
├── node_modules/
└── views/
├── modify.ejs
└── todo.ejs
我用 app.js 运行我的服务器:
var express = require('express');
var session = require('cookie-session'); // Charge le middleware de sessions
var bodyParser = require('body-parser'); // Charge le middleware de gestion des paramètres
var urlencodedParser = bodyParser.urlencoded({ extended: false });
var app = express();
/* On utilise les sessions */
app.use(session({secret: 'todotopsecret'}))
/* S'il n'y a pas de todolist dans la session,
on en crée une vide sous forme d'array avant la suite */
.use(function(req, res, next){
if (typeof(req.session.todolist) == 'undefined') {
req.session.todolist = [];
}
next();
})
/* On affiche la todolist et le formulaire */
.get('/todo', function(req, res) {
res.render('todo.ejs', {todolist: req.session.todolist});
})
/* On ajoute un élément à la todolist */
.post('/todo/add/', urlencodedParser, function(req, res) {
if (req.body.newtodo != '') {
req.session.todolist.push(req.body.newtodo);
}
res.redirect('/todo');
})
/* Supprime un élément de la todolist */
.get('/todo/delete/:id(\\d+)', function(req, res) {
if (req.params.id != '') {
req.session.todolist.splice(req.params.id, 1);
}
res.redirect('/todo');
})
.get('/todo/modify/:id(\\d+)',function(req,res){
if (req.params.id != '') {
res.render('modify.ejs', {index: req.params.id, toModify: req.session.todolist[req.params.id]})
}
})
.post('/todo/modified/:id(\\d+)', urlencodedParser, function(req, res) {
if (req.body.modifytodo != '') {
req.session.todolist[req.params.id]=req.body.modifytodo;
}
res.redirect('/todo');
})
/* On redirige vers la todolist si la page demandée n'est pas trouvée */
.use(function(req, res, next){
res.redirect('/todo');
})
.listen(8080);
你可以看到我调用渲染器 todo.ejs :
<!DOCTYPE html>
<html>
<head>
<title>Ma todolist</title>
<style>
a {
text-decoration: none;
color: black;
}
</style>
<script src="/js/myJS.js"></script>
</head>
<body>
<h1>Ma todolist</h1>
<ul>
<% todolist.forEach(function(todo, index) { %>
<li>
<a href="/todo/delete/<%= index %>">✘</a>
<%= todo %>
<a href="/todo/modify/<%= index %>">🛠️</a>
</li>
<% }); %>
</ul>
<form action="/todo/add/" method="post">
<p>
<label for="newtodo">Que dois-je faire ?</label>
<input type="text" name="newtodo" id="newtodo" autofocus />
<input type="submit" />
</p>
</form>
<input type="text" name="date" id="date">
</body>
</html>
我的问题是 myJS.js 脚本没有运行。其中只有一个 alert('hello') 而我的浏览器 (Firefox) 上没有任何警报
问题是，如果我将 todo.ejs 保存在 todo.html 中(我删除了 ejs 部分)，则会出现警报。
我担心问题出在我的 Node 服务器处理目录的方式上。我找到了 this但这对我帮助不大。
如果您有任何想法或问题，请随时告诉我。我是 JS、 Node 等方面的初学者，因此解决方案很容易。
谢谢
最佳答案
好吧，我发现我的错误。我从未向我的 Node 服务器说明静态文件在哪里。我在 session 行上方添加了这一行 app.use(express.static('public'));。我在 app.js
'/public'
这样，当ejs模板需要图像、CSS 或 JS 时，我的服务器发送文件
关于javascript - 如何在 ejs 文件、nodeJS 应用程序中包含 JS 脚本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50124742/
30
4
0
我的 React 项目需要更新 nodejs。那么我如何将我的 Node js 重新安装到 Ubuntu 16.04 中的最新版本。 我当前的 Node 版本是 node -v v6.0.0 我当前的
我正在寻找逐步调试 NodeJS 服务器代码的有效方法。目前我使用了几十个console.log()，这非常困难。完美的工具可以让我检查堆栈中每个变量的值并逐行跟踪我的程序。首选操作系统 = MacO
我的网站上有以下两个文件: firebase.js gridsome-server.js firebase.js 是一个“常规”javascript 文件，包含以下内容: import firebas
我有一个nodejs应用程序从文件夹A执行，二进制X也在文件夹A中执行(使用子进程exec)。二进制 X 在文件夹 A 中生成输出文件 O，因此始终从调用位置开始。 我需要nodejs应用程序来在仲裁
我有以下nodeJS服务器，它似乎工作正常。我想编写一个客户端，从服务器接收消息并根据消息调用一些 JS。 涉及的步骤是: 用户访问网址http://server.xyz.com:8080/pa no
我想从 Node 服务器进行其余 api 调用。我目前脑子里有请求模块。 您是否会建议用于 Nodejs 中生产实践的 REST 调用(get/post)的任何其他最佳模块？ 问候，公羊 最佳答案 R
我正在尝试像这样使用 mainModule: const { mainModule } = require('process'); module.exports = path.dirname(main
我现在对那些版本号真的很困惑。我正在计划一个新项目，想知道这两个版本之间有什么区别。这两个版本之间似乎有很大的跳跃，但现在我找不到区别。 使用 4.1 版安全吗？ 感谢您的帮助! 最佳答案 跳转到 v
我试图找到我的问题的解决方案，但找不到，并且正在寻找一些“最佳实践示例”。我有一个 nodejs express 应用程序，我的函数在文件中拆分。例如我有这个 Controller (oktacont
这看起来像是一个非常简单的问题，但作为一个 JS 初学者，我想知道是否可以在 webextension 中使用 NodeJS 模块(例如我想使用这个:https://github.com/yaronn
我有一个文件。a.js class A{ constructor(name){ this.name = name; } displayName(){ conso
我想做的是这样的: node x.js | node y.js 文件 x.js 只是打印一个字符串: console.log("hi"); 文件 y.js 旨在通过 process.stdin 获取字
对于这个新的nodejs debugger I am working on我想对显示的源代码行进行着色。有什么关于 npm 使用的建议吗？ 有很多语法荧光笔，但使这种情况有点不同的是 输出是到终端；它
有没有什么方法可以从 ejs View 中引用包含在 node_modules 文件夹中的 Nodejs 库？ 我正在使用 expressjs 并且我的客户端库由 /public 文件夹提供，如下所示
我是 NodeJS 的新手，我正在尝试根据 NodeJS 站点上的指南在 NodeJS 中创建一个服务器。我已经在我的电脑上安装了 NodeJS 并使用以下代码制作了 app.js 文件。 const
我有一个 nodejs-express 服务器 (1) 与 mongodb 通信，还有一个 web 服务器 (2) 在 nodejs-express 和 Angularjs 中。我正在尝试发出 pos
我一直在解决(firebase 和 nodejs)问题，这是该问题的第四部分，如何在登录到 server.js 后传递数据 我已经尝试过this但未能使其正常工作。 基本上，我正在尝试将用户idTok
每次页面刷新时，NodeJS 都会在套接字上多次写入数据。当我刷新页面时，nodejs 服务器写入套接字的计数增加，在多个页面刷新时，写入计数固定为 3。 请检查控制台输出是否有此奇怪的响应。请提出同
我在尝试更新文件夹并再次部署其内容时遇到问题。我必须使用 NodeJS 并已获得端口 8080 来使用。我尝试创建一个 php 脚本(update.php): 现在我想启动NodeJS脚本进行更新，
我不明白java多线程系统和Nodejs多线程系统在性能和资源共享方面的区别。由于 NodeJS 为您的程序使用事件循环单线程，但在幕后，它将任务分配给不同的线程，如文件读取或数据库查询。所以它使用多
我是一名优秀的程序员,十分优秀！