当前位置：Gxlcms > 数据库问题 > 使用nodejs+express+mongodb开发web的例子

使用nodejs+express+mongodb开发web的例子

时间：2021-07-01 10:21:17 帮助过：10人阅读

= 自定义缓存目录

接着安装express（新版本4.X以上要安装express-generator）

npm i -g express（旧版本npm i -g express+版本号）
npm i -g express-generator

（如果想本地安装在和npm同一个目录下，先cd到node_modules目录，再使用npm i express-generator命令，然后再将node_modules目录下的./bin配置到环境变量path里去）测试：

express -V 成功的话会显示版本号

mongodb：这个数据库安装很简单，下载地址http://www.mongodb.org/。安装好了，就在cmd里cd到mongodb安装目录下的bin目录，然后敲命令：mongod --dbpath="mongodb安装目录\data" --logpath="mongodb安装目录\log\log.txt" --install --serviceName MongoDB --serviceDisplayName MongoDB
操作完，你会发现，你的电脑的服务里多了一个MongoDB服务，没错，就是它，然后你运行这个服务就行了。

正题：搭建简单的node+express+mongodb项目

先在cmd控制台里cd到一个目录下面，记住这你的workspace，然后是用是用express创建一个app项目
```
express hello-world -e #（-e表示支持ejs模板引擎，默认是jaden。）
```

然后我们再下载依赖包

npm i #（这样就会自动将项目需要的依赖modules安装到项目的modules里去了）

我们cd到hello-world目录下，是用命令

npm start #启动项目（也可以是node ./bin/www，旧版本直接node app.js，因为具体要看package.json里的启动配置了）

我们可以在浏览器地址栏里敲入 http://127.0.0.1:3000/ 这就是你的第一个express创建的node app。是不是很哈皮...

我们研究下express创建项目你需要了解的项目主要目录为：routes和views，你最好再在项目里新建一个目录叫models（作用后面讲）
routes里index.js配置的都是get和post请求的路径映射关系，很简单的哦。
views里index.ejs就相当于一个html文件，里面就是一些html标签和<%%>标签，感觉和jsp差不多哦。看起来不错的样子，标准的MVC框架
models里放模型，views里面放展示，routes里面放控制

上面我们已经生成好了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集合

在views下做几个页面（可以用ejs也可以用html，我就用ejs吧）

在routes下的index.js配置路由，也就是请求映射处理

在models下创建一个user.js,作为实体类映射数据库的users集合
user.js

1 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.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="login">登陆</a></p>
11   </body>
12 </html>

 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.js

 1 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的例子

标签：

使用nodejs+express+mongodb开发web的例子

人气教程排行