Nodejs CMS——基於 NestJS/NuxtJS 的完整開源專案

王培 發表於 2021-10-23
Node.js

這是一款輕量級的基於 Node.js 的開源 CMS,採用前後端分離開發模式,整合了 API、後臺管理、WEB 展示三個完整專案。開箱即是一套完整的企業網站,適合企業、個人直接使用或二次開發。

API

API 使用 Node.js 服務端框架 NestJS,實現了:

  • 首頁 banner 增刪改查;
  • 首頁推薦產品改查;
  • 關於我們、聯絡我們改查,網頁標題(Title)和描述(Descriptiton)設定;
  • 產品分類增刪改查,網頁標題(Title)和描述(Descriptiton)設定,以及自定義路由;
  • 產品增刪改查,產品自定義路由;
  • 圖片上傳;
  • JWT 許可權認證;
  • Swagger 輸出 API 文件。

Nodejs CMS——基於 NestJS/NuxtJS 的完整開源專案

WEB

WEB 端使用 Vue.js 的框架 NuxtJS SSR渲染,採用 Bootstrap-vue 完成響應式網頁,實現了:

  • SSR 服務端渲染,全站偽靜態,增加搜尋引擎收錄機會,有利於 SEO;
  • 生成靜態 HTML 全站點,方便佈署且增加搜尋引擎收錄機會,有利於 SEO;
  • 響應式網頁設計,可自動適配移動、PC 端。

Nodejs CMS——基於 NestJS/NuxtJS 的完整開源專案

後臺管理

後臺管理使用 Element UI + Vue.js 開發,實現了:

  • 管理員登入 JWT 認證;
  • 管理員增刪改查;
  • 首頁 Banner 增刪改查;
  • 首頁產品推薦;
  • 產品分類管理,自定義路由;
  • 產品管理,自定義路由;
  • 關於我們/聯絡我們管理;
  • 圖片上傳功能;
  • 引入 自定義 CKeditor5 富文字編輯器,圖片上傳增加 JWT 認證,提升系統安全。

Nodejs CMS——基於 NestJS/NuxtJS 的完整開源專案

專案原始碼

轉載請註明出處: https://blog.givebest.cn/nodejs/2021/10/22/node.js-cms-based-nest.js-nuxt.js-vue.js.html