Ubuntu18.04创建Nodejs工程
【摘要】 安装NodeJS
~$ sudo apt-get install nodejs
1
安装npm
~$ sudo apt-get install npm
1
创建node工程
创建工程目录
~$ mkdir Desktop/NodeProject
1
初始化工程
~/Desktop/NodeProject$ npm init -y
~/Desktop/No...
安装NodeJS
~$ sudo apt-get install nodejs
- 1
安装npm
~$ sudo apt-get install npm
- 1
创建node工程
创建工程目录
~$ mkdir Desktop/NodeProject
- 1
初始化工程
~/Desktop/NodeProject$ npm init -y
~/Desktop/NodeProject$ npm i --save express
~/Desktop/NodeProject$ tree -L 1
.
├── node_modules
├── package.json
- 1
- 2
- 3
- 4
- 5
- 6
创建一个目录放html静态页面，放js目录src：
~/Desktop/NodeProject$ mkdir html
~/Desktop/NodeProject$ mkdir src
- 1
- 2
在静态网页目录html放index.html:
<html> <head> <meta charset="utf-8"/> <title></title>
<style>
div{ width:100px; height:100px; background:pink;
}
</style> </head> <body> <h1>This is a box</h1> <form action="http://localhost:8080/login" method="POST"> 账号<input type="text" name="name"/><br> 密码<input type="password" name="password"/><br> <input type="submit" value="登录"/> </form> </body>
</html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
编写服务器文件server.js
// 引入express框架
var express=require("express");
var app=express();
// 指定静态网页目录，并监听8080端口
app.use(express.static("html")).listen(8080);
// 引入body-parser
app.use(require('body-parser')());
// /login接口
app.post('/login',function(req,res){ if(req.body.name == 'tom' && req.body.password == '123'){ res.writeHead(200,{'Content-Type':'text/plain;charset=utf-8'}); res.end("登录成功"); }else{ res.writeHead(400,{'Content-Type':'text/plain;charset=utf-8'}); res.end("登录失败"); } console.log(req.body.name); console.log(req.body.password);
});
// /hello接口
app.get('/hello',(req,res)=>{ res.writeHead(200,{'Content-Type':'text/plain;charset=utf-8'}); res.end("Hello world");
});
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
启动服务
~/Desktop/NodeProject$ node src/server.js
- 1
打开浏览器可以http://localhost:8080就可以访问了。
文章来源: blog.csdn.net，作者：WongKyunban，版权归原作者所有，如需转载，请联系作者。
原文链接：blog.csdn.net/weixin_40763897/article/details/105140732
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）