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

 

本人前端程序员，长期混迹于各种前端开发中，现在专门为前端热爱者建了个微信群，和大家一起分享自己在工作、学习中遇到的技术知识或问题，还有各种资料和课程，各位感兴趣的可以加入哦~