首页 > 其他分享 >部署springboot前后端分离框架

部署springboot前后端分离框架

时间:2023-12-30 21:33:19浏览次数:36  
标签:文件 springboot 框架 部署 前端 blog 导入 error

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框架好像非常像。

标签:文件,springboot,框架,部署,前端,blog,导入,error
From: https://www.cnblogs.com/222wan/p/17936844

相关文章

  • SpringBoot 集成 Dubbo
    分布式、微服务与RPC什么是分布式?分布式就是将一个应用程序的功能拆分到多个独立的进程中,每个进程都运行在不同的机器上,通过网络连接起来,这样就形成了一个分布式的系统。什么是微服务架构?微服务架构将应用程序拆分成一组小的服务(微服务),每个服务运行在自己的进程中,服务之间通过......
  • 构建高性能Web应用:深入了解Gin框架
    Gin是一款快速高效的Web框架,基于Go语言开发,专注于高性能和简单易用的特性。本文将介绍Gin框架的特点和优势,并通过具体实例来演示其用法,深入了解如何使用Gin构建安全、高效的Web应用程序。Gin框架简介Gin是一个轻量级的Web框架,具有出色的性能。它使用了优秀的路由库和中间件来简......
  • docker部署tomcat服务
    下载镜像dockerpulltomcat:9.0 什么是dockerrun—rm在进行Docker的开发、测试或者部署应用时,使用dockerrun--rm这一命令可以方便快捷地启动或运行容器,并在容器退出时自动清理容器及其运行时产生的数据  ##运行tomcat9.0dockerrun-d--rmtomcat:9.0 ##查看容器......
  • SpringBoot2 全局捕获异常实例
    1. SpringBoot全局捕获异常首先写一个会抛出异常的 Controller 类 如下所示,i=1/0,0不能作为除数,显然这个 Controller 类 ErrorController.java会抛出异常。@EnableAutoConfiguration@RestControllerpublicclassErrorController{@RequestMapping("/errorTest......
  • SpringBoot2 读取不同环境的配置文件实例
    SpringBoot 可以在application.properties 中配置信息spring.profiles.active来读取不同环境的配置文件。1.  SpringBoot2读取不同环境的配置文件工程运行环境可能有:开发环境、测试环境和生产环境,可以通过修改application.properties 来获取不同环境的的配置信息。首先我......
  • IDEA 中 SpringBoot2 整合 Mybatis 实例实例
    记录在IDEA中 使用SpringBoot2整合Mybatis的实例,环境:Java8+Maven+MySQL8。1. 添加依赖 添加MyBatis依赖,MySQL连接依赖,,数据库用的MySQL8。<!--MyBatis依赖--><dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-s......
  • java-集合框架
    集合框架是Java中用于存储和操作数据集合的一组类和接口。它提供了各种实现了不同数据结构的集合类,例如列表(List)、集(Set)、映射(Map)等。以下是一些与Java集合框架相关的重要概念:集合接口(CollectionInterface):Java中的集合框架定义了多个核心接口,包括Collection、List、Set、Map等......
  • Rem部署适配
    参考vant官网:https://vant-contrib.gitee.io/vant/v3/#/zh-CN/advanced-usage两个插件:1.postcss-pxtorem是一款PostCSS插件,用于将px单位转化为rem单位2.lib-flexible用于设置rem基准值3.示例配置//postcss.config.jsmodule.exports={plugins:{'p......
  • Java+SpringBoot+Maven+TestNG+httpclient+Allure+Jenkins实现接口自动化
    一、方案需求目标:测试左移,测试介入研发过程,验证单接口正常及异常逻辑选用工具:Java、SpringBoot、Maven、TestNG、httpclient、Allure、Jenkins方案:创建测试接口测试工程,参照研发设计文档和设计思路,编写正常及异常用例,直接调用服务端接口,覆盖接口逻辑和验证异常处理,提升接口健壮......
  • 华为云耀云服务器L实例-大数据学习-Hive的部署-1
     华为云耀云服务器L实例-大数据学习-Hive的部署-1  产品官网:https://www.huaweicloud.com/product/hecs-light.html  今天我们采用可靠更安全、智能不卡顿、价优随心用、上手更简单、管理特省心的华为云耀云服务器L实例为例,介绍Hive的部署 Hive 是建立在 Hado......