jeecgboot前后分离--前台

昨天写完了后台，今天来讲前台，有想看后台的小伙伴可以看我另外一篇博客：https://mp.csdn.net/postedit/90723934

现在开始前台：

前台必需：

 安装node.js这里可以参考:https://segmentfault.com/a/1190000013950461

 jeecgboot的完整的参考项目:https://gitee.com/jeecg/jeecg-boot，选择下载zip即可得到完整的前后台项目

1、看着上面的node.js链接

实际上jeecgboot开发只需要按照步骤做到下图即可，后面的步骤暂时不走。

 2、安装jeecgboot前端需要的前端依赖，前提最好是已经将前端导入到了idea中。如下。

然后，在这里我的导入目录是这样的，因为我同时将前端后端同时导入而没有分开，读者可以按照自己的喜好来选择一起导入还是分开前后端导入。其中：ant-design-jeecg-vue是下载的项目中的前端，jeecg-boot是后台，想要看到完整的效果，两者缺一不可。其中启动整个项目需要先将后台跑起来提供数据，然后才启动前台。

如果你是先看我的前端，请先去看后台在回来看前端

博客地址如下：https://blog.csdn.net/weixin_44124391/article/details/90723934

3、安装前端需要的依赖

    1、首先要得到前端文件夹的路径，不知道的可以选中前端项目右击》Copy path即可得到路径

  2、然后打开cmd进入到这个文件目录下

3、接着打开先前二点node.js安装博客，执行如下图步骤

依赖成功下载完毕后会在选定下载的文件夹中多出一个 名为node_modules的文件夹，这就是我们下载的依赖了。

一般下载完后idea都会卡死，博主的是垃圾电脑勿喷。这里建议直接重启idea，使用任务管理器直接关闭idea。

4、启动项目。

1、确定后台已经启动，并且redis已经启动并且挂在后台。

2、选择前端的package.json文件右击，选择show npm..选项，

即可得到

直接选第一个双击进去,如果是完全按照我的流程走的，并且依赖没有下载错误，会出现下图，

等待加载到弹出两个网址随便选择一个点击

然后原始的admin密码是123456，登陆成功，就表示前后端完全启动完毕，如果始终说密码错误，请看看后台的

redis是否还处于挂起状态，如果不是请重新挂起，再去登陆即可。

随后随便选择一个增删改查，试试手就可以知道前后台是否联动，附上成功后的界面图。至此，前后台完全跑起来，并且实现数据请求联动。