這是一款輕量級的基於 Node.js 的開源 CMS,採用前後端分離開發模式,整合了 API、後臺管理、WEB 展示三個完整專案。開箱即是一套完整的企業網站,適合企業、個人直接使用或二次開發。
API
API 使用 Node.js 服務端框架 NestJS,實現了:
- 首頁 banner 增刪改查;
- 首頁推薦產品改查;
- 關於我們、聯絡我們改查,網頁標題(Title)和描述(Descriptiton)設定;
- 產品分類增刪改查,網頁標題(Title)和描述(Descriptiton)設定,以及自定義路由;
- 產品增刪改查,產品自定義路由;
- 圖片上傳;
- JWT 許可權認證;
- Swagger 輸出 API 文件。
WEB
WEB 端使用 Vue.js 的框架 NuxtJS SSR渲染,採用 Bootstrap-vue 完成響應式網頁,實現了:
- SSR 服務端渲染,全站偽靜態,增加搜尋引擎收錄機會,有利於 SEO;
- 生成靜態 HTML 全站點,方便佈署且增加搜尋引擎收錄機會,有利於 SEO;
- 響應式網頁設計,可自動適配移動、PC 端。
後臺管理
後臺管理使用 Element UI + Vue.js 開發,實現了:
- 管理員登入 JWT 認證;
- 管理員增刪改查;
- 首頁 Banner 增刪改查;
- 首頁產品推薦;
- 產品分類管理,自定義路由;
- 產品管理,自定義路由;
- 關於我們/聯絡我們管理;
- 圖片上傳功能;
- 引入 自定義 CKeditor5 富文字編輯器,圖片上傳增加 JWT 認證,提升系統安全。
專案原始碼
- GitHub:https://github.com/givebest/node-nest-vue-nuxt-cms
- Gitee:https://gitee.com/givebest/node-nest-vue-nuxt-cms