昨天写完了后台,今天来讲前台,有想看后台的小伙伴可以看我另外一篇博客: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是否还处于挂起状态,如果不是请重新挂起,再去登陆即可。
随后随便选择一个增删改查,试试手就可以知道前后台是否联动,附上成功后的界面图。至此,前后台完全跑起来,并且实现数据请求联动。