4. 基于Vue+Element+nodeJs+Express+

一、安装nodejs

官网下载链接：https://nodejs.org/en/download/ （选择适合自己的版本下载）

安装nodejs

二、创建后台项目文件

我是在最外层创建了一个大目录文件demo-weekly，里面放了后台文件夹back-end、前端文件夹front-end和一个说明文件README.md。

创建后台项目文件

下面我们来说一下如何创建后台项目文件：

1. 创建项目

1）假定你已经安装了[Node.js](https://nodejs.org/en/，接下来为你的应用创建一个目录（如果你不想用命令创建，也可以直接手动创建一个空文件夹），然后进入此目录并将其作为当前工作目录

mkdir back-end
cd back-end

2）通过 npm init 命令为你的应用创建一个 package.json 文件（也可以选择cnpm来创建，不过用cnpm需要先安装cnpm哦~）。 欲了解 package.json 是如何起作用的，请参考 [Specifics of npm’s package.json handling](https://docs.npmjs.com/files/package.json.

npm init

3）此命令将要求你输入几个参数，例如此应用的名称和版本。 你可以直接按“回车”键接受大部分默认设置即可，下面这个除外：

entry point: (index.js)

键入 app.js 或者你所希望的名称，这是当前应用的入口文件。如果你希望采用默认的 index.js 文件名，只需按“回车”键即可。

详细步骤如下图所示： 创建后台项目步骤

2.安装依赖

1）接下来在 back-end 目录下安装 Express 并将其保存到依赖列表中。如下：

npm install express --save

安装 Express

2）除了Express，此项目还需要安装body-parser、jwt-simple、moment和mysql依赖

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

安装body-parser、jwt-simple、moment和mysql依赖

我们来看一下此时的项目目录结构：

项目目录结构

3. 安装完成后package.json里的内容

{
  "name": "back-end",
  "version": "1.0.0",
  "description": "工作周报后台管理系统接口",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "daipianpian@126.com",
  "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