Tag: html
为什么玉忽视\ n和空白？
我使用var generateCodeBlock = jade.compile('div !{text}', {pretty: true});生成了一些基于Jade的HTML var generateCodeBlock = jade.compile('div !{text}', {pretty: true}); 我想创造这样的东西 <div> var json = { labelA: 'a', labelB: 2 }; </div> 但是当我input{text: 'var json = {\n labelA: 'a',\n labelB: 2\n };'}结束创build<div class="setup"> var json = { labelA: 'a', labelB: 2 };</div> 。 我也尝试在jade.compile使用#{text} ，但没有任何区别。 为什么玉石我的variablesinput？ JSFiddle示例 更新：我现在已经尝试用模板创build一个单独的文件 block codeBlock div.codeBlock […]
以HTML格式语法包含另一个玉文件
我正在使用翡翠包括其他部分在我的HTML使用include 。 这工作正常，如果我写的玉语法而不是HTML语法。 但就我而言，我只需要编写HTML语法。 我只是试图用玉来include而已。 从这个链接中 ，我发现我们可以通过包含来编写HTML . 或| 在代码中。 所以，为了testing这个，我写了这样的代码： index.jade div.main. <div class="wrapper"> include header </div> 正如你可以在上面的代码中看到的，我补充说. 作为玉语法线的后缀，即div.main. ，它让我从下一行写HTML。 header.jade <header></header> 但是这不起作用，呈现的HTML看起来像这样： 的index.html <div class="main"> <div class="wrapper"> include header </div> </div> 如果我不使用. 并遵循玉的语法，一切工作正常。 但就我而言，我真的需要用HTML编写，而不是用玉来写。 所以，我的问题是：是否有任何解决方法，使HTML语法内的include工作？
嵌套的路由请求被解释为请求CSS文件
甚至不知道如何说这个问题。 基本上我有一个React应用程序，我使用React-Router进行路由处理，节点服务器发送每个请求的index.html文件，并处理静态资产，因为我正在使用React Router的HistoryLocationconfiguration。 logging每个请求到该服务器，我可以看到，去基地url发送3个请求，一切正常工作： GET / 200 3.795 ms – – GET /static/app.css 200 2.234 ms – – GET /build/bundle.js 200 0.608 ms – – 任何规则的浅层路线也是如此（例如/a ）。 但是，只要我尝试访问一个嵌套的路线（例如/a/b ），一切都打破。 更具体地说，在窗口中，我收到Uncaught SyntaxError: Unexpected token <一个语法错误，在我的节点服务器的日志中，我得到这些请求： GET /a/b 304 2.286 ms – – GET /a/static/app.css 304 1.061 ms – – GET /a/build/bundle.js 304 1.004 ms – – […]
HTML + Node.jsfile upload
请帮我解决这个问题。 结果我得到空值 。 HTML代码 <form method="post" enctype="multipart/form-data" action="/file-upload"> <input type="text" name="username"> <input type="password" name="password"> <input type="file" name="thumbnail"> <input type="submit"> </form> Node.js的 var express = require('express'); var http = require('http'); var request = require('request'); var bodyParser = require('body-parser'); var app = express(); app.use(express.static(__dirname + '/app/')); // parse urlencoded request bodies into req.body app.use(bodyParser.urlencoded({ extended: true })); […]
如何防止HTML列表菜单项分配权限后刷新
请根据从Node.js中的会话数据读取的用户types以及基于用户types的hide html li元素来分配用户权限。 这似乎工作，但在这个意义上，这是可怕的行为。 每当我加载一个页面，所有的菜单项在被隐藏之前再次刷新/加载。 我如何防止这种行为。 那里有一些我做错了或者做法不好。 我在应用程序的每个页面上都引用了客户端代码这是我的代码，用于客户端 $(document).ready(function () { var CheckPermission = location.protocol + '//' + location.host + '/permission'; $.get(CheckPermission, function (data) { if (data == 'Student') { $("#Offer").find("#shareitem").show(); $("#Offer").find("#offeritem").hide(); $("#Offer").find("#returnitem").hide(); $("#Offer").find("#recallitem").hide(); $("#Offer").find("#renewitem").hide(); $("#Offer").find("#guestoffer").hide(); $("#Offer").find("#manageoffers").hide(); $("#Overview").hide(); $("#WithHolding").hide(); } else if (data == 'Admin') { $("#Offer").find("#shareitem").hide(); $("#Discover").hide(); } else if (data == 'Teacher') { […]
在Express中没有模板引擎的情况下将值添加到HTML中？
我已经接pipe了在Express上运行Node的网站的开发。 我应该注意到，这是我第一次使用Node或Express。 由于某种原因，原来的开发人员必须完全没有喜欢的模板引擎。 我们在前端使用的是Angular和Firebase，基本上都是这样，所以我明白为什么我们不会往服务器端的页面注入数据。 尽pipe如此，这仍然是件好事。 原来从未安装过模板引擎。 相反，他指示Node将views文件夹视为静态目录。 然后，他将这些文件呈现为纯静态文件。 例如： 摘录自App.js文件： app.use(express.static(path.join(__dirname, 'views'))); 摘录自路由文件： router.get("/", function(request, response) { response.render("index.html"); }); 我真的不想添加一个模板引擎，并在这一点上混乱的路线。 虽然我认真地怀疑我需要经常从服务器端注入数据，但是如果有的话，我想知道我该怎么做。 我能想到的唯一的东西就是这样的… router.get("/", function(request, response) { var data = request.query.someVariable; var fileContents = fs.readFileSync('../views/index.html', 'utf8') fileContents = fileContents.replace("$SomeDelim", data); response.send(fileContents); }); 那真的不是那么漂亮 有没有更好的方式做到这一点，而不使用模板引擎？
如何使用EJS模板引擎将variables传递给内联javascript？
我从一个名为.EJS模板中的项目的数组中创build了button/文本的html列表。 如何将特定项目的id（item.id）传递给button的函数，以便将正确的数据发送给我的api？ 谢谢。 <!DOCTYPE html> <html lang="en"> <head> <title>Menu</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/javascript"> function print(id) { $.ajax({ url: "https://www.example.com/api/1/print", type: "POST", data: { "item_id": id }, dataType: "json", success: function (result) { alert(result); }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); } }); }; </script> </head> <body> <h2>Menu</h2> <ul> <% for(item of items) […]
用nodejs和express读取css / js文件
当谈到nodejs时，我是一个真正的noob，几天前开始这个。 我不明白为什么我的js和css文件不适用。 没有404错误，所以似乎并不是这样。 我试图用express来读取这些文件。 我在开发工具中遇到这些控制台错误： GamblerScript.js：1未捕获的SyntaxError：意外的标记< jquery-2.2.0.min.js：1未捕获的SyntaxError：意外的标记< localhost /：5将资源解释为样式表，但使用MIMEtypestext / html：“ http：// localhost：8080 / css / Stylesheet.css ”进行传输。 （索引）：9 Uncaught ReferenceError：运行未定义 有没有人可以看到我做错了什么？ var http = require('http'); var fs = require('fs'); var index = fs.readFileSync('index.html'); var express = require('express'); var app = express(); app.get('/', function(req, res) { res.sendfile('/index.html'); }); app.use(express.static(__dirname + '/public')); fs.readFile('./index.html', function (err, html) […]
在expression式中，是否可以在没有AJAX的情况下POST一个对象数组？
我试图提交一个对象数组使用常规的forms，没有AJAX，我发现，而不是请求正文被分析成一个对象数组它只是有很多对象的名称对应的字段。 我知道在提交一个基元数组的时候，你只需要用相同的名字填充许多input，它就会填充; 然而，我似乎无法把我的脑袋应用到复杂的对象。 我的表单代码相当简单： <div class="col-sm-9"> <div class="row"> <div class="col-md-6"> <div class="form"> <div class="form-group"> <label for="attachment[0].name" class="control-label">Name</label> <input name="attachment[0].name" class="form-control" value="First Name" type="text"> </div> <div class="form-group"> <label for="attachment[0].uri" class="control-label">URI</label> <input name="attachment[0].uri" class="form-control" value="First URI" type="text"> </div> <div class="form-group"> <label for="attachment[0].description" class="control-label">Description</label> <textarea rows="4" value="First Description" name="attachment[0].description" class="form-control">First Description</textarea> </div> </div> </div> </div> <div class="row"> <div […]
NodeJS护照Facebook OAuth
我一直在学习NodeJS的课程和教程，并决定在一个应用程序中使用它们。 对于这个项目，我需要用户注册并login才能将其活动存储在数据库中。 我使用Passport来做这个过程，这个项目的这个部分的代码是这样的： /****** Passport functions ******/ passport.serializeUser(function (user, done) { done(null, user.id); }); passport.deserializeUser(function (id, done) { db.user.findOne( { where : { idUser : id } }).then(function (err, user) { done(err, user); }); }); //Facebook passport.use(new FacebookStrategy({ //Information stored on config/auth.js clientID: configAuth.facebookAuth.clientID, clientSecret: configAuth.facebookAuth.clientSecret, callbackURL: configAuth.facebookAuth.callbackURL, profileFields: ['id', 'emails', 'displayName', 'name', 'gender'] }, […]
