一、简述
- 主要是面向初学者的node攻略,需要有node基础(了解一点npm和express)。
- 使用express框架+mongodb数据库,前端使用的是原生html。
- 实现了对图书的增删改查基本功能。
- 源代码会上传到GitHub配合博客一起看。点击这里看源代码
- 为了方面没有写css。
二、项目结构
虽然是一个很简单的后台吧,但是还是应该有一个清晰的结构:
- index.js 入口文件
- model.js 模型文件
- router.js 路由文件
- views 页面文件
- – index.html 主页
- – new.html 新建页
- – edit.html 编辑页
- node_modules 模块文件夹
- db 数据库文件夹
三、初始化项目
- 因为我们使用的是express框架,先用npm下载好express后,创建index.js快速搭配一个后台
const express = require('express')
const app = express()
app.get('/',(req,res) => {
res.send('hello world')
})
app.listen(3000,() => {
console.log('server is running...')
})
打开终端使用node(推荐使用nodemon)运行后台,终端显示running而且localhost:3000渲染上了hello world证明express初始化成功了。
四、配置路由和渲染模块
- 使用npm下载art-template和express-art-template,并在index.js中加入
app.engine('html',require('express-art-template'))
- 使用原生html的话是后端配置路由,所以我们将一开始对‘/’的get请求删掉,转而新建一个router.js并添加如下代码:
const express = require('express')
//创建路由实例
const router = express.Router()
router.get('/',(req,res) => {
res.render('index.html',{
books: [{
//可以先传一个假数据测试下
name: 'a',
author: 'aa',
press: 'aaa'