16、快速开发-人人开源搭建后台管理系统

前面呢，我们创建好了各个微服务，以及这些微服务对应的数据库，那么接下来呢，按照我们的微服务划分，我们需要创建一个后台管理系统来操作我们后边各个服务的后台管理功能，而且我们后台管理系统呢，也是前后分离的，虽然说我们做前后分离，但是在实际开发中，由于各种原因，可能我们还需要来编写后台管理系统的这些前端代码。如果我们从头到尾来搭建一个后台管理系统来写它的前端和后端，这是一个非常耗时且繁重的工作，所以呢，我们希望能有一个搭建好的脚手架工程，我们呢，稍加改造就能直接作为一个后台管理系统让我们来使用，那么这个工程呢，我们就推荐大家使用我们马云上开源的人人开源这个项目，我们搜索人人开源。随便进他的一个项目，来到他的主页，他呢分为这么多的项目，首先呢，我们来看这个人人fast和人人fast view，这两个项目呢，它是Java的后台管理系统，那么它就是搭配的使用VIVO写的后台管理系统的前端工程，这两个呢配套起来做了一个前后分离的后台管理系统，我们呢使用这两个。

这个人人security它也是后台管理系统，只不过呢，它做的不是前后分离的，它是将我们所有的页面使用模板引擎，比如frame marker来写在我们的这一个工程里边，而这个人人genator也是我们后来要用的代码生成器，它可以帮我们来生成，哎，实体类以及插麦，以及我们的do等等等等，包括我们前端工程要用的这些V组件，它都能帮我们生成。所以说呢，我们以后在写我们的这个电商项目的时候，那基本的增删改查我们就不怎么写了，我们全部使用这个代码生成器来生成，那我们希望大家更关注的是我们一些复杂的业务，以及高并发、高可用，以及我们更多的一些分布式架构，还有我们这个人人fastmin l TE，它呢不是基于5U以及element UI以及nude等等这种组件式开发，它呢就直接是拿HTML页面以及配套一些咱们这个前端框架来编写。

接的。如果大家习惯来写HTM、二重、HTM2CSSGS等这些基本的代码，可以使用这个后台管理系统框架。当然如果大家要用view这种组件式开发，我们可以使用它。那我们这个项目呢，我们最终就使用这两个组合，诶使用人人fast来做我们张老板的后台管理系统，而它的前端分离的项目就是这个人人fast view。接下来我们就把这两个项目克隆下来，我们先来克隆人fast。我们复制过来，好，我们使用呢，Get的控制台，使用get c命令，好，首先将我们这个人fast克隆下来，然后呢，我们再把。

人人fast view这个前端项目克隆下来，来复制一下。我们继续get克好，我们把这个前端项目呢，也克隆下来，那么这个后台管理系统的这个项目，我们把它呢，放到我们的这个工程里边，诶，我们这个古力麦里边。这是一个Java项目，我们后来要对它里边进行修改，我们打开啊。它所在的位置好，我们直接呢，把这个项目里边的内容复制过来，复制之前呢，把它的这个里边的get删掉。好，然后呢，我们把整个项目往进。拖过来，那我们的这个人人fast那就进来了，那接下来我们这个人人fast view这个项目呢，是我们前端工程，那我们这个前端工程呢，啊，同样我们先把这个gate删掉，这个getate呢，是来源于啊，人家原来的这个人人开源里边的getate地址，我们要最终改成我们的，我们先删掉我们这个前端工程呢，我们最终要使用我们的Vs code来打开。

那我们后来再说，我们先来看我们刚导入的这个人人fast，同样呢，我们把这个也加到我们的model里边，这是我们后台管理系统。哎，我们这个人人fast好把它加进来以后呢。我们要搭建好它的基本运行环境，那么怎么搭建呢？来点进来先看一下，在这个工程里边呢，首先带了一个DB文件夹，诶，这是数据库，数据库呢，这有一个my circlel，我们首先要创建出我们后台管理系统的数据库，那这个表呢，有这么多，我们直接ctrl a ctrl c复制来到我们的数据库，诶，我们使用circle。

连上我们的数据库，为我们的后台管理系统呢，专门来创建一个数据库来，我们就来创建一个数据库，我们就叫鼓励ma。杠a me，好，这是我们后台管理系统的数据库，我们还是选UTF8MP four好，我们来创建出这个数据库把表达内容呢。往进一站，我们来直接直行。有这个脚手架工程呢，给我们把基本的要用的所有的代码，包括一些表权限设计，诶都加上了。我们呢，只需要做少量的修改，然后发现呢，这一块成功了，我们来看一下这些表，表里边呢就有这么多，那这些呢是我们系统的，比如系统的一些验证码，系统的配置菜单等等信息，这几个呢是关于定时任务的，那我们这块表创建好了以后呢，接下来在人人fast里边来修改一下配置文件，配置文件呢在我们这，哎我们这application压面，这压面呢来指定了我们端口号用8080，以及指定了我们访问的项目名地址，包括我们一直往下看，包括有没有使用red，要不要开启red等等来我们来看，主要呢，我们要连上那个数据库，要配数据库，配数据库呢，我们来看默认使用的是dev环境，也就是开发环境，来到application-div压面，在这一块呢，有配置，我们的数据源在这块呢，它使用阿里的这个d rud数据源。

啊，我们呢，需要修改一下我们数据库的链接地址，以及我们的账号密码等信息，首先我们这个数据库的地址我们是装在虚拟机上，19216856.10，好，我们来。改一下要求2.168.56.10，以及我们刚才创建的数据库已经不叫人fast，我们叫古ma-a me，诶我们创建了这个数据库，我们数据库的账号是root，密码呢也是root好我们把数据库的连接信息修改完以后呢，我们就直接可以启动来测试一下，来到我们这一块，好来直接在这运行，而且有的些同学呢，刚打开这个项目，可能这一块string都是红的，那是我们这个项目的JDK没有设置，它这一块呢，会提示设置JDK，或者呢，大家来改一下项目的这个结构，点一下来到SDK里边，我来点一个加号，指定一下JDK，选中一下你JDK安装的位置，也可以指定上JDK，指定完了以后呢，点一个apply，那我们这个项目编译整个就不会发红了，好，那我们呢，现在来直接运行我们这个项目来运行起来。

来看我们的这个后台项目啊，基本有没有搭建成功。啊，稍等一下。我们发现呢，它正在启动，诶我们使用的是这个人人快速开发平台，来稍等它启动。

诶，我们发现呢，整个都已经启动完成了，那我们这个后台管理系统，在8080端口访问人人fast就行了，但是我们说呢，这个后台管理系统啊，它是一个前后分离的，所以我们只访问这个8080人人fast，这是我们这个后台系统，那我们需要前端项目来跟它建立起连接，来互相发送请求，那我们的前端性项目呢，我们就要是使用这个人人fast view，我们直接呢使用Vs code把它打开，我们两个呢合起来连调一下。好Vs code端呢，我们直接拖进来，把它打开以后呢，我们要使用这个前端项目，因为这个前端项目呢，是使用node以及我们view element UI等专业的一些前端框架来编写的，所以呢，我们要用它，我们首先得装好我们前端项目的一些运行环境，首先呢我们就需要安装node，那么怎么安装呢？我们把前端所有的相关文档都发给大家，在基础篇啊，在DOS里边，课件里边，我们这前端开发的基础知识我们都发给大家。好，在这一块呢，安装操作我们先要安装node，这个node呢，我们先来搜索。

我们来百度搜索note，我们来到note GS的官网。在官网呢，我们来找到1610，哎，我们就来。安装当前的这个，等它下载来以后呢，我们直接安装即可。稍等。好。保留我们来直接运行。我们来点，下一步我来接收协议，一般呢，我们推荐把它装在其他盘，比如我们来放在D盘，等好我们来下一步安装。好，我们这个notde GS呢，我们安装完了以后呢，需要做一个配置，首先我们说这个node GS啊，是前端开发啊必不可少的一个东西，而且呢，我们这个note GS，我们现在目前主要会用到它里边的这个NPM，这个NPM呢是note GS里边的包管理工具，这个NPM呢就类似于我们Java里边的me一样，它能帮啊javascript来自动下载一些前端的相关依赖，那么把这个note GS安装完了以后呢，我们来做一个配置就行了，好，我们来稍等它安装，安装完了我们来检查一下，我们进入CMD命令窗口，我们使用node node-V，我们先来检查一下我们这个node GS的版本，好，现在呢是十幺六三，然后呢，我们接下来需要设置NPM的这个镜像仓库位置，因为如果我们不设置所有的前端相关的依赖都会从啊国外的网站来下载，这会很慢，有些还下载不上，所以呢，我们使用淘宝镜。

想我把这句话呢复制一下。把这个设置完呢，我们这个node就算是装完了来设置。

好，设置好了以后呢，我们这个note GS的环境就装完了，并并且把NPM这个包管理工具也配好，配好以后呢，来到我们这个前端项目里边，我们这个人人fast view来到我们的控制台，前端项目呢，第一次运行首先需要使用一个命令叫npmnpm install。那么这个命令呢，就类似于让me去来下载我们这个前端需要依赖的所有组件，诶当然我们me是后台的，我们直接运行即可。哎，他呢会进行来下载，那在他是如何来下载他要依赖的这些组件呢？其实我们这个前端项目啊，里边有package杰森这个杰森，这个杰森里边呢，就相当于描述了我们这个前端项目每一个依赖诶都用什么版本，比如唯有用什么版本等等这一块都有好。

来稍等让他下载，下载完后的所有的依赖信息都会在这个node models里边，哎，这都会显示。好在这呢，我们发现没有任何的红色的错误相关信息，那我们这一块呢，就下载成功了，那下过载成功，我们接下来就可以运行这个前端项目，那如何运行呢？来使用n PM run dev，好，我们直接来运行。前端项目运行起来，包括我们这个后台管理系统，哎，8080端口运行起来，那么来就可以进行联调，来稍等一下。好，我们来稍等一下，来我们发现呢，这一块success成功，那我们整个前端后台管理系统的前端项目是8001，好，我们来CTRL按住点一下，我们这个前端项目呢，在这就已经展示出来了，那么包括这一块的验证码，所有的请求呢，其实都是发给我们的这里的后台8080。

我们可以看一下，当我把这个控制台清了以后，我来刷验证码点一下，诶我们发现呢，这一块就会有SQL语句，它会在我们这个系统的c system这个capture这个表里边来找验证码，所以我们呢，我们发现这是一个前后整个联调的过程，我们前端系统呢，就给后台发送请求，比如我们想要登录，我们测试登录呢，使用默认的admin admin账号，我们叫YD。Y d fe8f fe8F来登录进来，好，那么这个系统呢，就登录进来了，所有的数据，包括管理员列表这里边呢，都是来源于我们数据库的，包括我们也可以在这儿来新增管理员，那么至此呢，我们这个前后联调就通过了。

后来我们真正需要编写前端代码的时候，我们再来说它里边的一些详细规则。