Skip to content
本页目录

本地图书馆

Express 教程 2:创建站点框架 - 学习 Web 开发 | MDN

使用应用生成器创建

powershell
npx express-generator

文件改动时重启服务

安装nodemon

powershell
npm install -g nodemon
npm install --save-dev nodemon

找到 package.json 的 scripts 部分。在 "start" 一行的末尾添加逗号,并在新的一行中添加 "devstart",如下所示: JSONCopy to Clipboard

javascript
"scripts": {
  "start": "node ./bin/www",
    "devstart": "nodemon ./bin/www"
},

启动服务器:npm run devstart

为网站设置具体路由

javascript
app.use('/', indexRouter);
app.use('/users', usersRouter);

视图(模板)

Response.render() 方法用某对象的某个变量值一同来渲染一个特定的模板,然后将结果作为响应发送。

数据库 image.png

连接数据库

安装 Mongoose

npm install mongoose

连接到 MongoDB

打开 /app.js(位于项目根目录),并将以下代码复制到声明 Express 应用对象的位置(var app = express(); 之后)。

javascript
//连接MongoDB
const mongoose = require('mongoose')

mongoose.connect('mongodb://127.0.0.1:27017', { useNewUrlParser: true, useUnifiedTopology: true })
  .then(() => {
    console.log('连接数据库成功!')
  })
  .catch((error) => {
    console.error('Error connecting to the database', error)
  })

创建用户模型

/models

javascript
//导入 mongoose
const mongoose = require('mongoose')
//创建文档的结构对象
//设置集合中文档的属性以及属性值的类型
let AccountSchema = new mongoose.Schema({
  title: {
    type: String,
    required: true // 设置必填项
  },
  time: {
    type: Date,
    required: true
  },
  //  类型
  type: {
    type: Number,
    default: -1 //默认值
  },
  // 金额
  account: {
    type: Number,
    required: true
  },
  // 备注
  remarks:{
    type:String,
    
  }

})

//创建模型对象  对文档操作的封装对象
let AccountModel = mongoose.model('accounts', AccountSchema)

//暴露模型对象
module.exports = AccountModel

populatedb.js

image.png

创建路由

javascript
const express = require('express');
const router = express.Router();
// GET 请求主页
router.get('/', (req, res) => {
  res.redirect('/catalog');
});

备注: 这是我们第一次使用 redirect() 响应方法。它会使路由重定向到指定的页面,默认发送 HTTP 状态代码“302 Found”。可以根据需要更改返回的状态代码、设置绝对或相对路径。

创建模板呈现数据