当前位置: 首页 > 编程笔记 >

node.js+express制作网页计算器

巢嘉志
2023-03-14
本文向大家介绍node.js+express制作网页计算器,包括了node.js+express制作网页计算器的使用技巧和注意事项,需要的朋友参考一下

环境:

主机:WIN10

express安装:

1.安装express-generator

输入命令:

npm install -g express-generator

2.安装express

输入命令:

npm install -g express

3.验证是否安装成功

输入命令:express -V

查看帮助:express --help

建立工程:

express -e calculator

cd calculator && npm install

运行默认网页:

输入命令:npm start或者node ./bin/www

端口配置在/bin/www中。

可以执行加法运算。

源代码:

view/index.ejs:增加输入框

<!DOCTYPE html> 
<html> 
 <head> 
  <title><%= title %></title> 
  <link rel='stylesheet' href='/stylesheets/style.css' /> 
 </head> 
 <body> 
    <form method="post"> 
      <p>计算器</p> 
    <input type="text" name="num1" value=<%= numa %> /><br /> 
    <input type="text" name="num2" value=<%= numb %> /><br /> 
    <input type="submit" value="计算" /> 
    <p>结果:<%= sum %></p> 
    </form> 
 </body> 
</html> 

routes/index.js:对提交的数据进行计算并推送结果

var express = require('express'); 
var router = express.Router(); 
 
/* GET home page. */ 
router.get('/', function(req, res, next) { 
 res.render('index', {  
  title: '计算器V1.0 by jdh', 
  numa: 0, 
    numb: 0, 
    sum: 0 
 }); 
}); 
 
router.post('/', function (req, res) { 
  console.log("接收:", req.body.num1, req.body.num2); 
  var sum = parseFloat(req.body.num1) + parseFloat(req.body.num2); 
  console.log('sum = ',sum); 
   
  res.render('index', {  
  title: '计算器V1.0 by jdh', 
// numa: req.body.num1, 
//   numb: req.body.num2 
    numa: req.body.num1, 
    numb: req.body.num2, 
    sum: sum 
 }); 
}); 
   
module.exports = router; 
 类似资料:
  • 问题内容: 我是Node.js和Express的新手,我试图理解这两个似乎是重叠的概念,即路由与控制器。 我看过一些简单的例子,app.js + route / *似乎足以路由所需的各种请求。 但是,我也看到有人在谈论使用控制器,并且有些人暗示使用更正式的MVC模型(???)。 如果有人可以帮助我消除这个谜团,并且如果您有一个在Node.js + Express框架中设置控制器的好例子,那就太好了

  • 本文向大家介绍Vue制作Todo List网页,包括了Vue制作Todo List网页的使用技巧和注意事项,需要的朋友参考一下 Vue学习完成Todo List网页,供大家参考,具体内容如下 跟着老师学习Vue,我喜欢清爽的界面,就自己改了样式,看起来还不错,以后就用来记录要做的事情,实用性还蛮强。 Vue非常容易上手,运用到了双向绑定机制,即HTML里的DOM元素与JS里的Vue实例进行双向绑定

  • 我用Node.js做了一个网站作为服务器。正如我所知,node.js文件应该通过在terminal中键入命令开始工作,所以我不确定Github页面是否支持node.js-hosting。那我该怎么办呢?

  • 本文向大家介绍原生JavaScript制作计算器,包括了原生JavaScript制作计算器的使用技巧和注意事项,需要的朋友参考一下 原生JavaScript制作计算器 再给大家分享一个稍微复杂些的计算器 效果图演示

  • 本文向大家介绍node+express+jade制作简单网站指南,包括了node+express+jade制作简单网站指南的使用技巧和注意事项,需要的朋友参考一下 1.建立工程文件夹:my_jade 2.下载express和jade包到本地.我个人不喜欢下载成全局的,我喜欢下到工程文件夹中去. 3.建立相关的文件夹和文件. index.js: style.css gys.jade代码: index

  • 问题内容: 我想使用PHP来计算普通用户通过标记输入的简单代数表达式,例如,(这意味着 常规符号 :不会像那样更改语法。此外,它必须显示所有步骤,但这并不难。问题是,现在,正在计算表达式的值。 注意:这是我到目前为止的想法,虽然效率很低,但这是临时的解决方案。只要可能就替换字符串:在我们的示例中,识别该字符串并将其替换为。然后,再次循环,替换为,再次循环,然后替换为。例如,用于乘法的代码应如下所示