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

 

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

微信前端交流群

 

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