mongonice/node-express-news

this is an easy express demo for learning

环境

macOS Mojave
版本10.14.5

node：8.11.1
Express: 4.17.1
mongodb: 3.3.0
mongoose: 5.6.10

安装依赖并启动

1. 先安装依赖：npm install
2. 再安装： npm install -g nodemon
3. 启动：nodemon index.js

express框架

• express
• body-parser
• ejs
• mongoose

安装mongodb数据库及下载可视化数据库Robomongo(现在改名robo3t)或者mongoChef

~ robo3t
~ mongoChef

如果MongoDB是通过HOMEBREW安装的，默认位置是：/usr/local/var/mongoDB

1. 先安装Homebrew

→ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. 再输入一下命令

→ brew tap mongodb/brew

3. install mongodb

→ brew install mongodb-community@4.2

4. 跑mongodb

→ mongod --config /usr/local/etc/mongod.conf

5. 然后再输入

→ brew services start mongodb-community@4.2

6. 再安装mongoose

→ brew install mongoose

目录结构

/
├── README.md    
├── config.js----------------------------- 公共配置文件  
├── database------------------------------ 未连接数据库之前手造数据文件存储  
│   └── data.json  
├── handler.js---------------------------- 具体业务(处理页面数据渲染)文件  
├── index.js  
├── lib----------------------------------- 数据库连接  
│   ├── api.js  
│   └── mongo.js  
├── models-------------------------------- 数据库处理  
│   └── news.js  
├── package-lock.json  
├── package.json  
├── public-------------------------------- 公共文件  
│   ├── css  
│   │   ├── common.css  
│   │   ├── detail.css  
│   │   ├── index.css  
│   │   └── submit.css  
│   └── images  
├── router.js----------------------------- 路由文件  
└── views--------------------------------- 模板文件  
    ├── detail.html  
    ├── index.html  
    ├── layout.html  
    ├── result.html  
    ├── search.html  
    └── submit.html  

知识点

1. fs.readFile 读取文件

1. 如果没指定encoding，则返回Buffer（即：一个个字节）
2. 如果指定是utf8编码，则返回utf8编码的字符串

fs.readFile('/data.json'[, options='utf8'], function (err, data) {
    if (err) throw err;

    console.log(data)
})

2. fs.writeFile 往文件写入数据

fs.writeFile('/data.json', 'express'[, options='utf8'], function (err) {
    if (err) throw err;
    console.log('写入成功')
})

2. vh含义

1. 含义

单位	解释
vw	1vw = 视口宽度的1%
vh	1vh = 视口高度的1%
vmin	选取vw和vh中最小的那个
vmax	选取vw和vh中最大的那个

2. vh/vw 与 % 的区别

单位	依赖于
%	元素的父级元素
vh/vw	视口尺寸