4. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-後臺NodeJS+Express創建

一、安裝nodejs

官網下載鏈接:https://nodejs.org/en/download/ (選擇適合自己的版本下載)

二、創建後臺項目文件

我是在最外層創建了一個大目錄文件demo-weekly,裏面放了後臺文件夾back-end、前端文件夾front-end和一個說明文件README.md。

下面我們來說一下如何創建後臺項目文件:

1. 創建項目

1)假定你已經安裝了 Node.js,接下來爲你的應用創建一個目錄(如果你不想用命令創建,也可以直接手動創建一個空文件夾),然後進入此目錄並將其作爲當前工作目錄

$ mkdir back-end
$ cd back-end

2)通過 npm init 命令爲你的應用創建一個 package.json 文件(也可以選擇cnpm來創建,不過用cnpm需要先安裝cnpm哦~)。 欲瞭解 package.json 是如何起作用的,請參考 Specifics of npm’s package.json handling.

$ npm init

3)此命令將要求你輸入幾個參數,例如此應用的名稱和版本。 你可以直接按“回車”鍵接受大部分默認設置即可,下面這個除外:

entry point: (index.js)

鍵入 app.js 或者你所希望的名稱,這是當前應用的入口文件。如果你希望採用默認的 index.js 文件名,只需按“回車”鍵即可。

詳細步驟如下圖所示:

2.安裝依賴

1)接下來在 back-end 目錄下安裝 Express 並將其保存到依賴列表中。如下:

$ npm install express --save

 2)除了Express,此項目還需要安裝body-parser、jwt-simple、moment和mysql依賴

npm install body-parser jwt-simple moment mysql --save

我們來看一下此時的項目目錄結構:

 

3. 安裝完成後package.json裏的內容

{
  "name": "back-end",
  "version": "1.0.0",
  "description": "工作週報後臺管理系統接口",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "[email protected]",
  "license": "ISC",
  "dependencies": {
    "body-parser": "^1.19.0",
    "express": "^4.17.1",
    "jwt-simple": "^0.5.6",
    "moment": "^2.24.0",
    "mysql": "^2.17.1"
  }
}

4. 接下來我們按功能分目錄將文件都創建好

至此我們創建後臺接口項目就已經完成了。 

 

五、項目體驗鏈接

週報管理系統體驗鏈接: https://www.17sucai.com/pins/35488.html

 

本人前端程序員,長期混跡於各種前端開發中,現在專門爲前端熱愛者建了個微信羣,和大家一起分享自己在工作、學習中遇到的技術知識或問題,還有各種資料和課程,各位感興趣的可以加入哦~  

微信前端交流羣

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章