在nodejs中打开浏览器网页

在nodejs中,我们可以使用child_processos完成对shell脚本的操作

不过呢,shell脚本在不同的系统也是由区别的,这里是一个简单的案例,打开我的csdn博客

代码

//引入进程模块和os
//exec是个函数,可以用来执行shell脚本
const { exec } = require('child_process');
const os = require('os');

//打开浏览器的网页
const openWebUrl = (url) => {
  let type = os.platform()
  switch (type) {
    case 'win32':   //windows系统
      exec(`start ${url}`)
      break
    case 'darwin':  //苹果系统
      exec(`open ${url}`)
      break
    default:  //linux系统
      exec(`xdg-open ${url}`)
  }
}

openWebUrl('https://blog.csdn.net/m0_54741495?type=blog');

在nodejs中,执行该文件,就可以成功打开了

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为你提供一个简单的Node.js网页计算器的代码示例。在这个示例,我们将使用Express框架来创建一个Web应用程序,使用HTML和CSS来设计网页界面,使用JavaScript和Node.js来实现计算器的逻辑。 首先,需要安装以下几个依赖项: - express - body-parser 可以使用以下命令进行安装: ``` npm install express body-parser ``` 接下来,我们创建一个名为`index.js`的文件,并添加以下代码: ```javascript const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.urlencoded({extended: true})); app.use(express.static('public')); app.get('/', (req, res) => { res.sendFile(__dirname + '/public/index.html'); }); app.post('/calculate', (req, res) => { const num1 = parseFloat(req.body.num1); const num2 = parseFloat(req.body.num2); const operator = req.body.operator; let result; switch (operator) { case '+': result = num1 + num2; break; case '-': result = num1 - num2; break; case '*': result = num1 * num2; break; case '/': result = num1 / num2; break; default: res.send('Invalid operator'); return; } res.send(`The result of ${num1} ${operator} ${num2} is ${result}`); }); const port = 3000; app.listen(port, () => { console.log(`Server is running on port ${port}`); }); ``` 这个代码将创建一个Express应用程序,并使用body-parser来解析POST请求的参数。然后,我们使用`express.static`间件来提供静态文件服务,其`public`是一个包含HTML和CSS文件的文件夹。 接下来,我们定义两个路由: 1. `GET /` - 返回一个包含计算器界面的HTML文件 2. `POST /calculate` - 接收表单提交的参数,执行计算逻辑并返回结果 最后,我们启动服务器并监听3000端口。 接下来,我们创建一个名为`public/index.html`的文件,并添加以下代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Node.js Calculator</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Node.js Calculator</h1> <form action="/calculate" method="POST"> <input type="number" name="num1" required> <select name="operator" required> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="number" name="num2" required> <button>Calculate</button> </form> <script src="app.js"></script> </body> </html> ``` 这个代码将创建一个包含表单的HTML文件,其包含两个数字输入框和一个下拉菜单(用于选择操作符)。当用户点击“Calculate”按钮时,表单将提交到`/calculate`路由。 最后,我们创建一个名为`public/app.js`的文件,并添加以下代码: ```javascript const form = document.querySelector('form'); const resultDiv = document.createElement('div'); document.body.appendChild(resultDiv); form.addEventListener('submit', async (event) => { event.preventDefault(); const formData = new FormData(form); const response = await fetch('/calculate', { method: 'POST', body: formData }); const result = await response.text(); resultDiv.textContent = result; }); ``` 这个代码将使用JavaScript来监听表单的提交事件,并使用`fetch`函数将表单数据提交到服务器。当服务器返回结果时,JavaScript将在页面上显示结果。 最后,我们创建一个名为`public/style.css`的文件,并添加以下代码: ```css body { font-family: sans-serif; margin: 0; padding: 0; } h1 { text-align: center; } form { display: flex; flex-direction: column; align-items: center; margin-top: 50px; } input, select, button { font-size: 24px; margin: 10px; padding: 10px; } button { background-color: #4CAF50; color: white; border: none; } button:hover { cursor: pointer; } ``` 这个代码将为计算器界面添加一些样式。 现在,我们已经完成了Node.js网页计算器的开发。可以使用以下命令启动服务器: ``` node index.js ``` 然后,在浏览器打开`http://localhost:3000`,就可以使用这个计算器了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值