Tag: html
将数组从数据库传递到控制器AngularJs
我有一个这个应用程序，我正在build设学习AngularJs的一个小问题。 这是一个足球统计应用程序。 我从2个下拉菜单中select主队和客队。 然后，我必须做一些math运算，只显示结果。 这是我的html代码： <div class='dropdown'> <span>Seleziona Nazione: </span> <select class='opzioni' ng-model="nazioniSelected"> <option ng-repeat="nazione in nazioni track by $index" value="{{nazione}}">{{nazione}} </option> </select> </div> <div class='dropdown2'> <span>Seleziona Campionato: </span> <select class='opzioni' ng-model="campionatoSelected"> <option ng-repeat="team in teams | filter: {Paese:nazioniSelected} track by $index" value="{{team.Campionato}}">{{team.Campionato}} </option> </select> </div> <div class='SquadraCasa'> <span>Seleziona Squadra Casa: </span> <select class='opzioni' ng-model="HomeTeamSelected" […]
如何使用node.js呈现多个html页面？
要做到这一点： <html> <!– head –> <head> <title>SpaceGame2</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <!– <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> –> <link rel="stylesheet" href="css/spaceGame.css"> <!– <link rel="stylesheet" href="css/normalize.css"> –> <link href="https://fonts.googleapis.com/css?family=Raleway:300,400" rel="stylesheet"> </head> <body> <p class="testing"></p> html page <!– Footer –> <script src="https://unpkg.com/vue"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> </body> </html> 通过将其分为三个单独的文件head.html，footer.html和main.html。 main.html将有所不同，但其他两个将是相同的。 码： var express = require('express'); […]
使用nodejs在mongodb中添加另一个图像path
我能够在mongodb中存储图像path。在这里我以图像格式存储图像path。 使用文档ID我需要添加另一个图像，即我想推入另一个图像path到该数组。所以我的问题是如何可以在mongodb中存储另一个图像path。 这里我使用htmlfile upload图片。 这是我的代码index.html <form id="uploadForm" enctype="multipart/form-data" action="/api/file" method="post" > <input type="file" name="userFile"/> <input type="submit" value="Upload File" name="submit"> </form> 这是我的服务器代码server.js var express=require('express'); var multer=require('multer'); var bodyParser = require('body-parser'); var Image=require('./models/image'); var Product=require('./models/product'); var mongoose=require('mongoose'); var path = require('path'); var rand; var urlencodedParser = bodyParser.urlencoded({ extended: false }); var config = require('./config'); mongoose.connect(config.mongoUrl); var db […]
NodeJS不提供静态html
我有一个问题，我的节点服务器上的HTML文件。 “index.js”中的代码如下所示： const express = require('express'); const app = express(); var path = require('path'); app.use(express.static(path.join(__dirname + '/public'))); app.get('/', function (req, res) { res.sendFile('views/home.html'); }); app.listen(8081, function () { console.log('Magic is happening on port 8081!'); }); 这是我的文件结构的图片： 当我运行服务器，它给了我这个错误： TypeError: path must be absolute or specify root to res.sendFile 最后，我需要一个服务器，可以服务几个不同的页面，这只是我服务的第一页（如果第一页不起作用，没有意义。） 我究竟做错了什么？
ReactJS构build文件的资源path
我有一个ReactJS项目，生成npm run build后的服务的静态文件。 这些文件是一个index.html ， main.ef19974a.js和main.f06643f6.css 。 该html文件具有对这些其他文件的引用，但是作为绝对path。 这意味着当客户端服务于html文件时，它会尝试在主机上search/static/js/main.ef19974a.js ，而不是从index.html目录searchstatic/js/main.ef19974a.js index.html文件正在上传。 有没有办法使React在构build步骤中创build相对path引用，还是允许我们提供工作目录？ 临时工作的解决方法是手动修改生成的index.html文件以引用js和css文件，但是当我包含其他资源（ index.html从index.html引用的图像并且默认返回到这些文件的绝对path）时会失败。
检索令牌/创build费用 – 条带
这可能是一个愚蠢的问题，但在这里，我们走了。 我已经设置了Stripe Elements（ https://stripe.com/docs/elements ）来收集信用卡信息，并对其进行确认。 现在我试图设置费用，但我不确定如何设置我的“服务器端”代码。 在我的controller.js中提交表单： function stripeTokenHandler(token) { // Insert the token ID into the form so it gets submitted to the server var form = document.getElementById('payment-form'); var hiddenInput = document.createElement('input'); hiddenInput.setAttribute('type', 'hidden'); hiddenInput.setAttribute('name', 'stripeToken'); hiddenInput.setAttribute('value', token.id); form.appendChild(hiddenInput); // Submit the form form.submit(); } https://stripe.com/docs/charges ：“在您的服务器上，抓取您的表单提交的POST参数中的条纹标记。 从我的Nodecharge.js： // Set your secret key: remember […]
布局自定义vs使用两个布局 – expressjs
比方说，我有一个主要layout.handlebars和一个网站有两个主要部分。 如果我自定义layout.handlebars ，会有任何性能差异： <head> <title>{{title}}</title> <link href="css/bootstrap.css" rel="stylesheet"> {{#if section1}} <link href="css/section1.css" rel="stylesheet"> {{else}} <link href="css/section2.css" rel="stylesheet"> {{/if}} </head> 像这样呈现： router.get('/section1', function(req, res){ res.render('section1',{title: 'Section 1', section1: true}); }); 而不是使用两个不同的布局，每个网站的两个部分？
链接到另一个HTML文件在本地主机上工作，但不是当我上传到服务器上
我的文件夹结构如下所示： 更新 /public twitter.html /styles styles.css /views index.html server.js package.json 我有一个链接到twitter.html的index.html。 我在.js文件中使用Express和Node.js，所以我这样链接： <a href="/twitter">Twitter</a> 我不能使用<a href="twitter.html">Twitter</a>因为它不适用于Express，它只会给我这个： https : <a href="twitter.html">Twitter</a> （在networking浏览器上）当它应该是这样的： https ： //imgur.com/a/lyHja （在本地主机上） 当我运行本地主机，一切都按预期工作，我点击链接到Twitter，它的工作原理。 我从http://localhost:3000/转到http://localhost:3000/twitter 。 但是，当我在我的networking浏览器上打开index.html，然后点击链接到Twitter，它说：“你的文件没有find”。 我从file:///Users/name/twitter/views/index.html去file:///twitter 。 当我将这些file upload到networking服务器，然后点击twitter链接时，它显示“找不到请求的URL / twitter在这台服务器上找不到。”。 我从http://mypage.com/myusername/views/index.html去http://mypage.com/twitter 。 任何想法我做错了，因为在本地主机上运行时，一切正常？ 我的script.js看起来像这样： 更新 const express = require('express') const bodyParser = require('body-parser') const MongoClient = require('mongodb').MongoClient const path = […]
在JS中创buildHTML元素（没有jQuery）？ 我究竟做错了什么？
我是node.js的新手 这是我的代码： 我的代码 更具体地说，这里是我所拥有的JS： let torontoTeams = [ {"name": "Raptors", "description": "The Raptors compete in the National Basketball Association (NBA), as a member club of the league's Eastern Conference Atlantic Division."}, {"name": "Maple Leafs", "description": "The Maple Leafs are one of the 'Original Six' NHL teams, and have won the Stanley Cup 13 times."}, {"name": […]
将HTML文件内容传递给JavaScriptvariables
我有这个template.html，我将在loopback / nodejs上用作电子邮件模板。 在PHP中我能够做到以下几点： ob_start(); include template.php; $template = ob_get_clean(); 反正有可能我可以用JavaScript做到这一点？
