首頁  >  文章  >  web前端  >  nodejs搭建後台管理系統

nodejs搭建後台管理系統

WBOY
WBOY原創
2023-05-13 22:02:351987瀏覽

一、前言

隨著網路的不斷發展,各行各業都開始專注於數位化、資訊化和線上化。而網站開發就是其中一個重要的面向。相信許多朋友已經嘗試使用 PHP、Java、Python 等語言進行開發。但今天想跟大家介紹一下 Node.js,以及如何使用 Node.js 建構一個後台管理系統。

Node.js 是輕量且高效的開源JavaScript 運行環境,Node.js 與瀏覽器開發有一個異曲同工之妙:瀏覽器運行JavaScript 以渲染頁面,Node.js 運行JavaScript 以執行伺服器端代碼操作。

下面我將一步步向大家介紹如何使用 Node.js 建立後台管理系統。

二、環境準備

首先,我們需要準備以下環境:

  1. Node.js:因為 Node.js 是 JavaScript 運行環境,所以需要安裝。
  2. MongoDB:MongoDB 是一個 NoSQL 資料庫,後台管理系統需要儲存數據,所以需要安裝 MongoDB。
  3. Express:Express 是基於 Node.js 的 Web 應用程式開發框架。

在環境準備好之後,我們可以開始設計並開發後台管理系統。

三、資料庫設計

在開始編寫程式碼之前,我們需要了解我們後台管理系統需要儲存哪些資料。例如,一個簡單的部落格管理系統需要儲存文章、標籤和分類。那麼,我們可以設計如下的資料庫架構:

  1. 文章表:
  • id:文章 ID。
  • title:文章標題。
  • content:文章內容。
  • createTime:文章建立時間。
  • updateTime:最後修改時間。
  • status:文章發布狀態。
  1. 標籤表:
  • id:標籤 ID。
  • name:標籤名稱。
  1. 分類表:
  • id:分類 ID。
  • name:分類名稱。

在資料庫設計完成之後,我們可以開始寫後台管理系統的程式碼了。

四、建置後台管理系統

在編寫程式碼之前,我們需要安裝 Express 和一些其他必要的元件。可以使用以下命令進行安裝:

npm install express mongoose body-parser morgan cors --save

接下來,我們就可以編寫後台管理系統的程式碼了。下面的程式碼僅供參考,讀者可以依照自己的需求進行相應的修改。

  1. 建立專案

首先,我們需要建立一個 Node.js 專案。可以使用以下命令建立:

mkdir blog-admin
cd blog-admin
npm init -y
  1. 建立伺服器

接下來,我們需要建立一個伺服器,以便存取我們的後台管理系統。

const express = require('express');
const bodyParser = require('body-parser');
const mongoose = require('mongoose');
const morgan = require('morgan');
const cors = require('cors');

const app = express();
const port = 3000;

// 连接 MongoDB 数据库,并创建 blog-admin 数据库
mongoose.connect('mongodb://localhost/blog-admin', { useNewUrlParser: true, useUnifiedTopology: true });
const db = mongoose.connection;
db.on('error', console.error.bind(console, '连接 MongoDB 数据库失败了:'));
db.once('open', function() {
  console.log('成功连接 MongoDB 数据库了!');
  // 创建文章、标签和分类数据表
  const articleSchema = new mongoose.Schema({
    title: String,
    content: String,
    createTime: Date,
    updateTime: Date,
    status: Number
  });
  const tagSchema = new mongoose.Schema({
    name: String
  });
  const categorySchema = new mongoose.Schema({
    name: String
  });
  mongoose.model('Article', articleSchema);
  mongoose.model('Tag', tagSchema);
  mongoose.model('Category', categorySchema);
});

app.use(cors());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(morgan('dev'));

// 获取文章列表
app.get('/api/article', (req, res) => {
  const Article = mongoose.model('Article');
  Article.find({}).exec((err, data) => {
    if (err) {
      res.send('获取文章列表失败了!');
    } else {
      res.json(data);
    }
  });
});

// 添加文章
app.post('/api/article', (req, res) => {
  const Article = mongoose.model('Article');
  const article = new Article(req.body);
  article.createTime = new Date();
  article.status = 0;
  article.save((err, data) => {
    if (err) {
      res.send('添加文章失败了!');
    } else {
      res.json(data);
    }
  });
});

// 修改文章
app.put('/api/article/:id', (req, res) => {
  const Article = mongoose.model('Article');
  Article.findByIdAndUpdate(req.params.id, req.body, (err, data) => {
    if (err) {
      res.send('修改文章失败了!');
    } else {
      res.json(data);
    }
  });
});

// 删除文章
app.delete('/api/article/:id', (req, res) => {
  const Article = mongoose.model('Article');
  Article.findByIdAndRemove(req.params.id, (err, data) => {
    if (err) {
      res.send('删除文章失败了!');
    } else {
      res.json(data);
    }
  });
});

// 启动服务器
app.listen(port, () => {
  console.log(`服务器已启动,访问地址:http://localhost:${port}/`);
});

在上述程式碼中,我們建立了一個伺服器,並使用 mongoose 連接了 MongoDB 資料庫。然後,我們建立了文章、標籤和分類的資料表,並實作了取得文章清單、新增文章、修改文章和刪除文章的 API。最後,我們啟動了伺服器。

五、總結

本文介紹如何使用 Node.js 建立一個後台管理系統。首先,我們設計了資料庫架構,包括文章、標籤和分類表。然後,我們使用 Express 建立了一個伺服器,並使用 mongoose 連接了 MongoDB 資料庫。最後,我們在伺服器中實作了取得文章清單、新增文章、修改文章和刪除文章的 API。

總的來說,Node.js 可以有效地提高我們的 Web 應用程式的效率和可靠性,尤其是當我們需要應對高並發的情況時。我相信,透過本文的介紹,大家已經可以從零開始使用 Node.js 建構一個後台管理系統了。

以上是nodejs搭建後台管理系統的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn