koajsAdmin介紹

koajsAdmin是一款后臺管理框架，全堆疊用node進行開發，前端用的element-ui + vite進行構建，后端用的koa + mongodb進行構建，運行guiplan低代碼開發工具即可快速建站，可視化配置資料庫，可視化配置介面，可視化搭建后臺界面，

文章目錄

koajsAdmin介紹
前言
一、前端使用步驟
- 1.下載框架
- 2. 安裝前端插件
- 3. 啟動前端服務
- 4. 停止服務
二、后端步驟
- 1. 安裝后端插件
- 2.啟動后端服務
- 3.資料庫連接配置
注冊與登錄
- 1.注冊
- 2. 登錄

前言

隨著時代的進步各種框架也層出不窮，各種技術也在不斷更新，我們也需要不斷學習，在之前的版本中還在用express + iview搭建前后端，而隨著技術的更新升級，我們也不得不更換更好的框架，最新的技術，webpack也換成了vite，與時俱進所以軟體也是非常的靈活，適用于大眾，

一、前端使用步驟

1.下載框架

下載koajsAdmin開源框架

可直接下載也可以用git命令下載

git clone https://gitee.com/zhoushuigui/koajs-admin

也可以打開軟體之后直接點擊按鈕來下載
在這里插入圖片描述

2. 安裝前端插件

可直接輸入命令
npm install

也可以在軟體中點擊一下圖示自動安裝，軟體會檢測當前專案是否下載，如果下載了會檢測當前專案是否安裝，未安裝會出現一下安裝按鈕，
在這里插入圖片描述

3. 啟動前端服務

注意：啟動之前電腦需要安裝vite腳手架
輸入以下命令
npm run dev

同樣的如果專案已經安裝也可以直接在軟體中點擊啟動按鈕來啟動前端服務
在這里插入圖片描述

4. 停止服務

關閉命令視窗即可
或者在軟體中點擊停止圖示

二、后端步驟

1. 安裝后端插件

后端代碼全部放在servers檔案夾中

在這里插入圖片描述
打開這個servers檔案夾目錄，然后輸入以下命令即可安裝

npm install

2.啟動后端服務

注意：后端服務啟動需要nodemon插件支持，nodemon插件作用是每次修改后端代碼即可自動重啟后端服務，
可用以下命令全域安裝nodemon
npm install nodemon -g
啟動后端服務輸入以下命令
npm run dev

3.資料庫連接配置

koajsAdmin用的是mongodb資料，所以電腦需要安裝mongodb資料庫，
在.env檔案夾中可以修改各種配置
在這里插入圖片描述
詳情請看以下注釋

NODE_ENV=dev
SERVER_PORT=8086   // 服務埠號
DB_HOST=localhost  // 資料庫地址
DB_NAME=koaadmin  // 資料庫名稱
DB_USER=   // 資料庫用戶名，無需密碼登錄可不填寫
DB_PASSWORD= // 資料庫密碼  無需密碼登錄可不填寫
DB_PORT=27017   // 資料庫埠號
JWT_SECRET=245509608@qq.com // jwt校驗碼
JWT_EXPIRE=7d // jwt校驗，目前用于登錄的過期時間，d為天  7d則表示登錄有效期為7天
STATIC_PATH=statics // 服務器靜態資源地址
AUTH=HSKAHDJSODURUEE // 加密密鑰，不同的專案可設定不同的加密方式

注冊與登錄

1.注冊

資料庫連接成功之后，我們就需要一個管理員賬戶，
前后端服務都啟動之后在瀏覽器輸入地址 http://locahost:3000 打開頁面
然后點擊下圖位置進入注冊頁面
輸入賬戶密碼即可完成注冊，
注意：管理員賬戶默認注冊只支持admin,user，
為了后臺資料的安全管理員賬戶不可隨意注冊，
在這里插入圖片描述
如果管理員賬戶想用其他名字可找到以下檔案直接修改代碼即可