前言

選用Node.js，Express，MongoDB來實現一個學生信息的增刪改查。

• Express框架搭建服務器
• art-template模板實現頁面
• MongoDB數據庫
• Mongoose操作數據庫

安裝

• npm install express mongoose
• npm install art-template express-art-template
• npm install body-parser bootstrap jquery

文件目錄

MongoDB 數據庫

// student.js const mongoose = require('mongoose') const Schema = mongoose.Schema mongoose.set('useFindAndModify', false) mongoose.connect('mongodb://localhost/mytest', {useNewUrlParser: true}) const studentSchema = new Schema({username: {type: String,require: true},gender: {type: Number,enum: [0, 1],default: 0},age: {type: Number,},resume: {type: String} }) module.exports = mongoose.model('Students', studentSchema) 復制代碼

路由

// router.js路由文件 const express = require('express') const router = express.Router() const Student = require('./models/student')// 首頁展示 router.get('/', (req, res, next) => {Student.find( (err, students) => {if (err) {return res.status(500).send('Server error...')}res.render('index.html', {students: students})}) }) // 頁面跳轉 router.get('/students/new', (req, res, next) => {res.render('topic/new.html') }) // 添加 router.post('/students/new', (req, res, next) => {new Student(req.body).save( (err, ret) => {if (err) {return res.status(500).send('Server error...')}res.redirect('/')}) }) // 頁面跳轉到編輯頁面 router.get('/students/edit', (req, res, next) => {var id = req.query.id.replace(/"/g,'')Student.findById(id, (err, student) => {if (err) {return res.status(500).send('Server error...')}res.render('topic/edit.html', {student: student})}) }) // 編輯 router.post('/students/edit', (req, res, next) => {var id = req.body.id.replace(/"/g, '')Student.findByIdAndUpdate(id, req.body, (err, ret) => {if (err) {return res.status(500).send('Server error...')}res.redirect('/')}) }) // 刪除 router.get('/students/delete', (req, res, next) => {var id = req.query.id.replace(/"/g, '')Student.findByIdAndDelete(id, (err, ret) => {if (err) {return res.status(500).send('Server error...')}res.redirect('/')}) }) // 導出接口 module.exports = router 復制代碼

入口文件

// app.js入口文件 const express = require('express') const router = require('./router') const bodyParser = require('body-parser') const path = require('path') const app = express() const port = 5000 // 引入Nodejs自帶的child_process模塊 // 用以使用默認瀏覽器打開地址 const childProcess = require('child_process');app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))) app.use('/public', express.static(path.join(__dirname, 'public'))) app.engine('html', require('express-art-template')) // 配置 body-parser app.use(bodyParser.urlencoded({extended: false})) app.use(bodyParser.json()) app.use(router) // 統一處理錯誤請求 app.use( (req, res, next) => {res.render('404.html') }) app.listen(port, () => {console.log(`server runs on http://localhost:${port}`);// 使用默認瀏覽器打開地址childProcess.exec(`start http://localhost:${port}`); }) 復制代碼

實現效果

補充

可以下載nodemon自動監視文件的變化，一旦文件變化，自啟動服務器。

npm install nodemon -g // 全局安裝

nodemon app.js // 使用nodemon開啟服務器

總結

學習了Node.js后，用這個較為簡單的任務來測試一下自己的學習情況。這個項目已經實現一兩周了，當時沒能盡快的寫下來，現在也廢話少說，直接上代碼了。

學習Node.js后，發現Node.js越來越有趣了。

轉載于:https://juejin.im/post/5ca75ec2f265da307352dc74

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Node.js+Express+MongoDB 实现学生增删改查的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。