部署springboot前后端分离框架

发布时间 2023-12-30 21:31:22作者: 王庆园

springboot前后端分离的文件长这样

 1.是后端代码

2.是前端代码

3.是数据库省去了语句

参照了一下几个博主的文章部署成功:

超详细部署后端:https://blog.csdn.net/weixin_45393094/article/details/123674367

运行时遇到报错信息:https://blog.csdn.net/qq_44802992/article/details/106490098

我刚导入的时候没有从,但是一运行就报很多错,然后再meavn里面刷新了一下就开始下载依赖,因为我是第一次导入springboot框架的代码所以依赖下载了很长时间:

然后就是修改数据库内容:

运行之后终端最后会显示一个网址,点进去就可以直接在网站上显示,但是因为这个是前后端分离的,点进去也会404,这就相当于javaweb项目你本身部署好了启动Tomcat应该是用jsp文件启动但是你却用Java文件启动自然网页上啥也不显示了。我刚开始还纳闷他是用vue写的前端但是我找了很久找不到前端的代码文件,我还以为这个框架又给隐藏了,后来想想不可能于是我就去找了文件夹,发现他这个文佳佳里面的fainace-web才是我要的前端文件,正纳闷我是不是导入idea的时候带入错误了,文件导入少了,我又去导入了一遍,但是导入过文件的朋友都知道,能在idea上运行的文件夹他的右下角都有一个标志的,很显然这个finace-web并不能导入进去,于是这时候我灵光一闪,前后端分离这个概念突然闪现,我就去搜了教程,教程中用的是idea导入后端,VSCOd导入前端,好在我之前为了学html方便点下载了VSCOde,然后就是把整个文件导入进去:
参照这个博主的前端导入教程:https://blog.csdn.net/lonzgzhouzhou/article/details/134887445

导入进去后又遇到问题:它里面有一个右键转到集成的操作然后输入代码:npm install 但是我这里运行之后一直报错,后来找到原因是没有下载nodejs

于是参照这位博主下载nodejs:https://blog.csdn.net/chanyeolchichi/article/details/121348541

然后开始运行发现有报错:opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ],

具体原因是nodejs高版本的规范要求更严格一点,我刚好下载的是最新版,这个属于版本问题所以不用太担心:

直接参照这个博主替换掉对应文件的dev内容就行:已解决:opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ],_opensslerrorstack: [ 'error:03000086:digital envel-CSDN博客,然后:npm run serve就能成功了,在网站上输入对应的IP地址,注意这时候后端也要启动起来。

整个导入完发现这个springboot框架和jfinal框架好像非常像。