博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Node.js & Express 项目基本搭建
阅读量:7038 次
发布时间:2019-06-28

本文共 1937 字,大约阅读时间需要 6 分钟。

第一节:

1.初始化项目

mkdir my-project

cd my-project

npm init // entry point:(index.js) 改成app.js

编辑package.json,添加一条脚本命令 "start": "node app"

2.安装

npm i express --save-dev

3.根目录下创建app.js(入口文件),编辑下面的代码后, 执行 npm start

访问 

第二节:

1.使用模板引擎,项目中使用pug(模板引擎之一)

npm i pug --save-dev

2.app.js文件添加两行代码,设置模板引擎

app.set('views', path.join(__dirname, 'views'));

app.set('view engine', 'pug');

3.创建view文件夹里边创建index.pug 编辑

第三节:连接mongodb

1.安装:
npm i mongoose --save-dev

2.创建mongo.js

const mongoose = require('mongoose')

const DB_URL = 'mongodb://localhost:27017/test'

mongoose.connect(DB_URL)

mongoose.connection.on('connected', () => console.log('已启动mongo'))

3.启动mongodb(进入mongodb的bin目录)

mongod --dbpath c:\Mongodb-data\db // mongod --dbpath [window下存放数据的路径]

4.使用cmd操作mongodb(进入mongodb的bin目录)

mongo // 进入

show dbs // 查看数据库

show collections // 查看数据库的表

第四节:

1.post请求要引入body-parser,通过req.body获取参数

npm i body-parser

app.use(bodyParser.urlencoded({ extended: false })); application/jsonapp.use(bodyParser.json()); 

2.设置静态文件

app.use(express.static(path.join(__dirname, "public")));

3.通过bower引入第三方包

npm i -g bower

创建.bowerrc文件,写入下面的代码

{ "directory": "public/bower_components", "registry": "https://registry.bower.io"}

bower install bootstrap

第五节(monodb增删改查):

//  删除

 Article.findById(req.params.id, function(err, article){ 

  Article.remove(req.params.id, function(err){ 

   if(err){

     console.log(err);

   } else {

       res.send('Success');

       res.redirect('/')

     }

  }); 

});

// 修改

const article = {}

article.title = req.body.title

article.author= req.body.author

article.content= req.body.content

Article.update({_id: req.params.id),article,(err)=>{

  if(err) {

    cosnole.log(err)

  } else{

       res.send({res_code: 1})

   }

}

增加

app.post('/articles/add', function (req, res) {  

  const { title, author, content } = req.body 

  const article = new Article() 

  article.title = title 

  article.author = author 

  article.content = content 

  article.save((err)=>{ 

    if(err){ 

      console.log(err) 

       return 

    } else{ 

        res.redirect('/')

    } 

  })

});

转载地址:http://rgyal.baihongyu.com/

你可能感兴趣的文章
Oracle 动态视图5 V$SESSION_LONGOPS
查看>>
C中字符串分割函数strtok的一个坑
查看>>
虚拟主机配置
查看>>
强大的数据库查询工具Database.NET 9.4.5018.42
查看>>
China特色创新现状
查看>>
MySQL数据库(表)的导入导出(备份和还原)
查看>>
使用开源库 TWMessageBarManager 展示系统级别的通知
查看>>
仿人人滑动菜单
查看>>
Unity3.5 GameCenter基础教程(转载)
查看>>
.Net 转战 Android 4.4 日常笔记(8)--常见事件响应及实现方式
查看>>
libiconv2.dll
查看>>
[leetcode]Word Search @ Python
查看>>
Android学习---数据库的增删改查(sqlite CRUD)
查看>>
[leetcode]Gray Code @ Python
查看>>
开发网上支付的两种方式(图)
查看>>
log4e下载地址
查看>>
站点建设10个最好的响应的HTML5滑块插件
查看>>
设计模式(3)-对象创建型模式-Abstract Factory模式
查看>>
在Objective-C中浅谈面向对象
查看>>
iOS开发Swift篇—(二)变量和常量
查看>>