NodeJS+Express开发web,为什么中文显示为乱码
发布网友
发布时间：2022-04-08 01:30
共2个回答
懂视网
时间：2022-04-08 05:51
上面我们已经生成好了app原型，接着我们设计数据库
cmd命令行里：
mongo #进入数据库
use hello-world #创建项目数据库
db.addUser("shuaige", "123456") #这个数据库创建了一个叫帅哥的账号，密码123456 （但是我觉得可能我理解的不到位，你也可以不做这个操作）
#然后，我们就为这个hello-world数据库创建collection（collection就相当于oracle和mysql里的table）
db.createCollection("users") #创建一个集合，也就是表
db.users.insert({userid: "admin", password: "123456"}) #给users里添加一个文档，也就是一条记录账号admin，密码123456
ok，现在检查一下：
db.users.find() #如果看到你刚刚添加的文档记录，就ok咯
简单的数据库集合以及文档设置好，我们就回到express创建的node项目里，我们需要：
- 在models下创建一个user.js,作为实体类映射数据库的users集合
user.js1 var mongoose = require("mongoose"); // 顶会议用户组件 2 var Schema = mongoose.Schema; // 创建模型 3 var userScheMa = new Schema({ 4 userid: String, 5 password: String 6 }); // 定义了一个新的模型，但是此模式还未和users集合有关联 7 exports.user = mongoose.model(‘users‘, userScheMa); // 与users集合关联 -
在views下面建index.ejs, errors.ejs, login.ejs, logout.ejs, homepage.ejs。 （index是自带的，不用建）
index.ejs1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title><%= title %></title> 5 <link rel=‘stylesheet‘ href=‘/stylesheets/style.css‘ /> 6 </head> 7 <body> 8 <h1>Hello World</h1> 9 <p>Welcome to <%= title %></p> 10 <p><a href="login">登陆</a></p> 11 </body> 12 </html>
login.ejs
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title><%= title %></title> 5 <link rel=‘stylesheet‘ href=‘/stylesheets/style.css‘ /> 6 </head> 7 <body> 8 <h1>Hello World</h1> 9 <p>Welcome to <%= title %></p> 10 <form action="homepage" method="post"> 11 <p> 12 <span>userId:</span> 13 <br> 14 <input id="userid" name="userid" type="text"> 15 </p> 16 <p> 17 <span>password:</span> 18 <br> 19 <input id="password" name="password" type="password"> 20 </p> 21 <p><input type="submit" value="submit"></p> 22 </form> 23 </body> 24 </html>
logout.ejs
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title><%= title %></title> 5 <link rel=‘stylesheet‘ href=‘/stylesheets/style.css‘ /> 6 </head> 7 <body> 8 <h1>Hello World</h1> 9 <p>Welcome to <%= title %></p> 10 <p>正在登出...</p> 11 <script type="text/javascript"> 12 setTimeout(function(){ 13 window.location.href = "/"; 14 }, 500); 15 </script> 16 </body> 17 </html>homepage.ejs
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title><%= title %></title> 5 <link rel=‘stylesheet‘ href=‘/stylesheets/style.css‘ /> 6 </head> 7 <body> 8 <h1>Hello World</h1> 9 <p>Welcome to <%= title %></p> 10 <p><a href="logout">登出</a></p> 11 </body> 12 </html>
error.ejs 出错页面，我没做，你有兴趣可以自己试试玩玩。
- 在routes下的index.js配置路由，也就是请求映射处理
index.js1 var express = require(‘express‘); 2 var router = express.Router(); 3 var mongoose = require(‘mongoose‘); 4 var user = require(‘../models/user‘).user; 5 mongoose.connect(‘mongodb://localhost/hello-world‘); 6 7 /* GET home page. */ 8 router.get(‘/‘, function(req, res) { 9 res.render(‘index‘, { title: ‘index‘ }); 10 }); 11 12 /*login*/ 13 router.get(‘/login‘, function(req, res) { 14 res.render(‘login‘, { title: ‘login‘ }); 15 }); 16 17 /*logout*/ 18 router.get(‘/logout‘, function(req, res) { 19 res.render(‘logout‘, { title: ‘logout‘ }); 20 }); 21 22 /*hompage*/ 23 router.post(‘/homepage‘, function(req, res) { 24 var query_doc = {userid: req.body.userid, password: req.body.password}; 25 (function(){ 26 user.count(query_doc, function(err, doc){ 27 if(doc == 1){ 28 console.log(query_doc.userid + ": login success in " + new Date()); 29 res.render(‘homepage‘, { title: ‘homepage‘ }); 30 }else{ 31 console.log(query_doc.userid + ": login failed in " + new Date()); 32 res.redirect(‘/‘); 33 } 34 }); 35 })(query_doc); 36 }); 37 38 module.exports = router;ok，基本上大功告成，可以试试咯。
下面讲讲如何调试服务器端的代码：
我们最好借助一个叫node-inspector的工具包
npm i -g node-inspector #安装node-inspector
然后在cmd里运行
node-inspector
再新打开一个cmd，cd到项目hello-world目录下
node --debug ./bin/www （或者 node --debug-brk ./bin/www , 旧版本express创建的node程序请使用 node --debug app.js）
在浏览器里打开http://127.0.0.1:8080/debug?port=5858
再新建窗口打开http://127.0.0.1:3000/
就在浏览器可以调试服务器端代码。
使用nodejs+express+mongodb开发web的例子
标签：
热心网友
时间：2022-04-08 02:59
