一、简述
主要是面向初学者的node攻略,需要有node基础(了解一点npm和express)。
使用express框架+mongodb数据库,前端使用的是原生html。
实现了对图书的增删改查基本功能。
源代码会上传到GitHub配合博客一起看。点击这里看源代码
为了方面没有写css。
二、项目结构
虽然是一个很简单的后台吧,但是还是应该有一个清晰的结构:
1.index.js 入口文件
2.model.js 模型文件
3.router.js 路由文件
4.views 页面文件
– index.html 主页
– new.html 新建页
– edit.html 编辑页
5.node_modules 模块文件夹
6.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初始化成功了。
四、配置路由和渲染模块
1.使用npm下载art-template和express-art-template,并在index.js中加入
app.engine('html',require('express-art-template'))2.使用原生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'
}] })
})
module.exports = router //暴露router
上面这段代码就完成了后端加载主页并将数据渲染上去的功能。
当然要把router引入到入口文件中,在index.js中加入:
const router = require('./router')
app.use(router)五、完成首页
首页没啥好说的,上一个表格就得啦。
像each这种形式在后端是比较常见的表达,和foreach非常像,读取数组按行渲染到html中。
<div>
<table>
<thead>
<tr>
<th>书名</th>
<th>作者</th>
<th>出版社</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{{ each books }}
<tr>
<td>{{ $value.name }}</td>









