node-express项目的搭建并通过mongoose操作MongoDB实现增删改查分页排序（四）
最近写了一个用node来操作MongoDB完成增、删、改、查、排序、分页功能的示例，并且已经放在了服务器上地址：http://39.105.32.180:3333。
Mongoose是在node.js环境下对mongodb进行便捷操作的对象模型工具，有人已经总结了使用方法，传送门
项目一共四部分：
1.MacOS下MongoDB数据库的安装配置。
2.MongoDB在MacOS上的客户端Robo 3T 的使用。
3.Centos 下MongoDB数据库的安装配置。
4.node-express项目的搭建并通过mongoose操作MongoDB数据库详细示例，完成增删改查分页排序。(本篇文章)
统一声明：安装插件或执行命令的时候linux,mac 有时候需要加上sudo
一：先安装node.js，安装express等，然后创建项目
新建express站点，express publish-system -e -c less，新建的项目名称是publish-system，选择ejs模板，使用less进行预编译，
如果不知道express的这些指令，可以通过express –help查看
2. 进入到这个项目目录 cd publish-system，安装依赖 npm install 项目目录应该是这样的：
3. 启动这个项目 npm start 或者 node ./bin/www 或者 node app.js ，这里如果你安装了pm2，也可以使用pm2启动
（安装：npm install -g pm2 启动：sudo pm2 start ./bin/www 其它命令不说了）
这里有个问题而Node.js 只有在第一次引用时才会去解析脚本文件，以后都会直接访问内存，这样每次修改服务端代码后得重新启动node服务，很繁琐。
这里引入了第三方工具supervisor（这样的工具还有其它的），文件修改保存后，它能自动重启node服务。
全局安装supervisor：npm install -g supervisor
安装完成后就可以用supervisor启动服务了（假设你的Node.js程序主入口是app.js）：supervisor app.js
PS: express 4.x把用于项目启动的代码移到了./bin/www的文件，如需使用supervisor 启动express项目请使用下面的命令：supervisor ./bin/www
4. 命令行会提示在哪个端口监听，如果想改默认端口号，在bin文件夹下面的www文件进行修改
5. 打开浏览器进行查看 localhost:3333（默认）
6. 安装mongoose插件。
二. 完善功能，编写业务逻辑代码（登录+增删改查排序分页）
在项目里面建model文件夹，写链接数据库，以及一些链接表的实例。下图是主要功能模块图：
下图是全部完成后的详细功能图：
1. 建数据库 bl,创建用户表users:
2. 先完成登录功能，没有验证登录信息，这个功能暂时与数据库无关。
编辑views/index.ejs。 用的fetch来掉接口，里面详细的就不说了
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="register">
<meta name="author" content="pangtong">
<title>登录</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="/stylesheets/register.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="form-signin">
<h2 class="form-signin-heading">请随便登录</h2>
<label for="name" class="sr-only">用户名</label>
<input type="text" name="name" id="name" class="form-control" placeholder="请输入用户名" required autofocus>
<label for="password" class="sr-only">密码</label>
<input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required>
<button onclick="login()" class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
</div>
</div>
</body>
<script>
function login(){
var name = document.getElementById('name').value;
var password = document.getElementById('password').value;
if(!name.trim()||!password.trim()){
alert('随便输入但不为空')
}else{
fetch('/users/register',{
method: 'POST',
credentials: 'include',
mode: "no-cors",
redirect: "follow",
headers: {
"Content-Type": "application/x-www-form-urlencoded"
},
body: `parms=${JSON.stringify({name:name,password:password})}`
}).then(response => {
if (response.ok) {
return response.json()
} else {
return Promise.reject()
}
})
.then(data => self.location='list')
.catch(error => alert('错了'));
}
} </script>
</html>
控制这个页面的路由在 routes/index.js
控制这个页面调用的登录接口路由在 routes/users.js。这里只是做了简单的登录，并没有验证登录的信息。
下图登录页面：
3. 登录成功后到用户列表页面，开始读取数据库数据。这里只做一个获取列表功能的介绍，其它功能都差不多，只是接口传的参数不一样而已。
用户列表页面
先创建连接数据库的方法：model/connect.js
var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/bl')
var db = mongoose.connection;
db.on('error', function callback(err) { //监听是否有异常
console.log("链接错误");
console.log(err);
});
db.once('open', function callback() { //监听一次打开
//在这里创建你的模式和模型
console.log('链接正确!');
});
module.exports = mongoose;
可以执行node model/connect.js 检查连接是否完成
在创建连接表的模型方法：model/user.js
var mongoose = require('./connect.js');
mongoose.Promise = global.Promise;
// 创建用户表数据的模型
var userSchema =new mongoose.Schema({
name:String,
password:String,
date: { type: Date, default: Date.now },
})
// 把schema转换为一个model,使用mongoose.model(modelName, schema) 函数
// users 是用户表
var Users = mongoose.model('users',userSchema);
// 查询出来表中第一个数据
Users.findOne((err,data) => {
console.log(data)
});
可以执行node model/user.js 检查连接是否完成
获取数据的接口处理：
总结：到这里已经算本地开发完成了，说下注意的地方，在model/user.js里面创建所有要操作表的数据模型，然后才可以使用。
剩下的就是发布了，在服务器上跟本地差不多，如果MongoDB不用账号密码登陆的话，那就基本一样了。
1.先打开MongoDB服务以及创建数据库，表。
2.把项目上传到服务器的某文件夹内。我传到了nginx/html/里面，我的所有项目都在这个里面。
然后在服务器上到项目目录里面执行:sudo npm install(前提是服务器安装了node)
3.运行项目：跟本地一样运行，但是最好还是用pm2运行并设置开机自动启动（MongoDB也设置开机自动启动）
在root用户下执行
sudo pm2 start ./bin/www 运行你要开机启动的程序
sudo pm2 save 保存当前已经启动了的服务
sudo pm2 startup 设置开机自启的配置
这样就可以在浏览器中根据IP地址+端口访问了。
node-express项目的搭建并通过mongoose操作MongoDB实现增删改查分页排序（四）的更多相关文章
- Node使用Mongoose操作MongoDB数据库——增删改查的实现
当初刚出社会时就规划了下自己的职业生涯:先成为一名优秀的前端工程师,再成为一名全栈工程师(精通前端开发.后台开发和客户端开发),最后成为一名优秀的系统架构师.转眼间已经工作快三年,是时候迈出关键性的一 ...
- node 通过mongoose实现 mongodb的增删改
node 通过mongoose实现 mongodb的增删改 新建文件test.js 内容如下: var mongoose = require('mongoose') , Schema = mo ...
- vue+express+mongodb 实现 增删改查
一.创建一个vue项目 用脚手架vue-cli搭建一个项目,数据请求用axios方式,写几个按钮用来调接口(vue这块不做多解释,不懂的可以先去官网学习vue-cli:https://cli.vuej ...
- web项目总结——通过jsp+servlet实现对oracle的增删改查功能
1.DAO模式 分包:依次建立 entity:实体包,放的是跟oracle数据库中表结构相对应的对象的属性,也就是这个对象有什么 dao:增删改查接口,实现增删改查的具体方法 service:同dao ...
- Node.js对MongoDB进行增删改查操作
MongoDB简介 MongoDB是一个开源的.文档型的NoSQL数据库程序.MongoDB将数据存储在类似JSON的文档中,操作起来更灵活方便.NoSQL数据库中的文档(documents)对应于S ...
- MyBatis项目配置案例详解与Web下的增删改查实现[附项目源码]
MyBatis项目案例 项目图示: 项目源码地址:https://github.com/JluTiger/mybatispro 1.项目功能 项目案例:后台管理系统用户数据维护平台 所有用户数据查询 ...
- 【项目笔记】完成一个基于SSM框架的增删改查的模块后总结的问题
最近为了准备新工作重新摸出了SSM框架,同时从0学习了JQuery,终于用一周做完了一个包括增删改查的模块(主要是属性太多了,其中一个类50+,复制粘贴耗时). 从中特意记下了几个遇到的问题,总结一下 ...
- 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_3-2.使用Mybatis注解开发视频列表增删改查
笔记 2.使用Mybatis注解开发视频列表增删改查 讲解:使用Mybatis3.x注解方式 增删改查实操, 控制台打印sql语句 1.控制台打印sql语句 ...
- Flask项目实战：创建电影网站(3)后台的增删改查
添加预告 根据需求数据库创建表格 需求数据库,关键字title logo # 上映预告 class Preview(db.Model): __tablename__ = "preview&q ...
随机推荐
- nodejs supervisor安装
使用supervisor提高nodejs调试效率 用超级用户运行npm -g install supervisor命令,说是顺 >$ sudo npm -g install supervisor ...
- MVC 入口
1.在 Global.asax public class MvcApplication : System.Web.HttpApplication { protected void Applicatio ...
- VS2008中C++打开Excel（MFC）
VS2008中C++打开Excel(MFC)——摘自网络,并加以细化 第一步:建立project(新建项目) 英文版 中文版 选择C++下的MFC Application(基于对话框的项目) 英文版 ...
- pywinauto进阶练习
case1.画图工具简单练习 #_*_coding=utf-8_*_ import time from pprint import pprint import logging from logging ...
- 实验二：1、输出“Hello Word！”；2、测试主方法 的输入参数。3、总结
一.输出:“Hello Word!” 1.新建java项目:点击File->New->Java Project.在project name一栏中输入自己所要创建的项目名称,点击Finish ...
- 原生js模拟双色球
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...
- 40 最小的K个数（时间效率）
题目描述: 输入n个整数,找出其中最小的K个数.例如输入4,5,1,6,2,7,3,8这8个数字,则最小的4个数字是1,2,3,4,. 测试用例: 功能测试(输入的数组中有相同的数字:输入的数组中 ...
- strtotime的一个使用问题
我在开发过程中遇到这么这个问题,因为赶进度,没有记下来处理方案,在鸟哥的博客看到原理分析,很到位!平时开发中总是急着处理问题,没有深入分析和记录问题. 1.问题: 今天是2018-07-31 执行代码 ...
- 1.2 为Eclipse绑定Tomcat
1.window→preferences打开属性窗口 2.点击add 3.点击Tomcat6.0 点击next 4.选择tomcat的解压目录和jdk,并点击finish 5.点击ok 6.打开ser ...
- JavaScript 事件对内存和性能的影响
程序代码: <%-- Created by IntelliJ IDEA. User: 乔克叔叔 Date: 2017/12/26 Time: 16:45 To change this templ ...