接着上篇的文章继续讲解，在上篇当中，讲解了项目的架构。今天的话，就深入详细的去进行说明，一个项目该如何完整的搭建。

这一篇的话，主要讲解以下几点：1.前端使用的技术、2.后端使用的技术、3.数据库相关、4.前端项目搭建。要是有什么问题，可以留言讨论，一起学习。

1.前端所使用的技术

1.Vue2.Element-UI3.Jquery4.JavaScript5.axios

2.后端所使用的技术

Spring BootSpring SecurityApache Log4j2LomBokSpring Data RedisMyBatis-PlusMyBatis

3.数据库相关

MySqlRedis

4.前端项目搭建

前端项目搭建，需要提前了解数据以下知识点：

1.Node.js

Node.js发布于2009年5月，由Ryan Dahl 开发，它是一个基于 Chrome V8 引擎的JavaScript运行环境，使用了一个**事件驱动**、**非阻塞式I/O模型**，让JavaScript 运行在服务端的**开发平台**，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。这些都可以自行通过百度去查找的到。

Node.js的安装路径如下：。安装完成后，使用 win + R ，执行命令：node -v ; npm -v。查看是否安装成功。

node.js下载

能够正常查询到，就说明安装成功了。接着去安装Vue CLI。

2.Vue CLI

Vue CLI的话，个人理解为是一个脚手架，它的意思就是说，把一个前端项目的外面框架给你搭建好，里面如何填充，需要你自己去做。下面是它的一些介绍。是截图官网，下面也会附上链接，可以进行查看。

其中链接如下：

介绍完Vue CLI之后，接着同样使用 win + R，执行命令：npm install -g @vue/cli。进行安装。安装完成之后，再次使用 win + R , 执行命令：vue -V。查看安装的结果。如果出现以下，就代表安装完成。

3.接着创建前端项目，这里我们使用图形化界面进行项目创建。

在电脑的一个磁盘当中，选择一个目录作为项目的存放。新建一个文件夹，用来存放项目，具体的操作如下：

按照以下步骤进行创建项目

设置项目名，项目路径

选择手动

勾选 Router,下一步：

勾选2.x版本，config选择第一个，然后就创建项目。

直接创建项目，不保存预设

然后等待一会儿，即可，右下角会有一个提示。

然后打开文件夹，看下项目的架构，是否完整

接着，我们使用VSCode 打开创建的项目。

然后找到README.md文档，右键选中你创建的项目，会有一个“在集成终端中打开”。选择之后，运行README.md中的项目启动方式，等待加载完成之后，出现下图，然后把 Network后面的网址给复制到一个浏览器页面的地址栏当中，去运行打开。

在浏览器打开的效果。

看到这里，就说明你的前端项目已经初步搭建完成了。今天就先到这里。