前端转后端入门实践日志1-配置环境

【日志显示】vue实现前端展示后端带颜色的日志 通过loki获取项目产生的日志,并且在前端显示出来,一开始在没有经过处理的数据会显示一些乱码,使用ansi_up来对日志进行操作颜色代码进行转化。 阅读详情

前端的严峻形势我就不必多说了, 公司要求搞全栈

刚开始入门, 我就介绍一下入门的过程

安装各种软件
公司后端是java开发, 主要是springboot那一套

开发软件是idea, 数据库连接用的是dbeaver

永远要相信ai

手搓代码的时代已经无了, 只要掌握基本的java语法和springboot的目录结构,其他知识后期填上, ai帮我们实现

我现在的后端知识 ,只是刷过bilibili里的几套java,springboot入门视频, 已经开搞了

废话不多说直接进入正题, 我只介绍大致思路,具体问题,具体ai

公司给了个地址
里面有具体项目, 现在一般采用多模块,多服务组成的项目

给了数据库开发,测试的数据地址账号密码

用dbeaver软件…

git下载了项目

一般是多个项目组合起来的

在这里插入图片描述

设置jdk版本

jdk版本?
打开项目结构:在顶部菜单栏点击 File -> Project Structure(或使用快捷键 Ctrl+Alt+Shift+S,Mac 为 Cmd+;)。

在这里插入图片描述

idea设置maven路径

blog.csdnimg.cn/direct/41d928a0772745f3b80a07ee331444db.png)

在这里插入图片描述

在这里插入图片描述

模拟真实的生产环境
企业级架构的需求(WAR包部署)
这个文件是同事发我的, 要设置清楚
setting.xml文件很重要配置了公司库远程地址

4.maven添加项目

在这里插入图片描述
这个idea 会自动引入,如果没有可以点这个加号

IDEA 右侧 Maven 工具窗口里的 +,是 “添加 Maven 项目 / Add Maven Projects”,选择的是目标项目的 pom.xml 文件。
怎么用

  1. 打开右侧 Maven 工具窗口;
  2. 点击 +;
  3. 在弹出对话框里选择要加入的 pom.xml;
  4. 确认后,这个 Maven 项目就会被添加到当前 IDEA 窗口中。

添加依赖

在这里插入图片描述

这里的操作会自动帮我们装的

如果安装报错或者失败, 可以用ai协助或呼叫同事帮忙看下

这里注意,要问清楚要起哪几个项目, 有些服务可能不需要

右下角服务

在这里插入图片描述
这个就是我们说的启动服务, 如果胡乱操作, 这些服务没有被引入或者消失了,可以按下面方法操作

  1. 只是点了 Hide Configuration
    这种最常见,服务其实还在。
  • 打开 Services 窗口;
  • 点左上角 齿轮图标 / Configure Services Tool Window;
  • 找到 Restore Hidden Configurations;
  • 把刚才隐藏的服务勾选回来即可。
  1. 从 Services 里移除过这个类型
    如果之前点了类似 Remove Configuration Type from Services,需要重新添加类型:
    打开 Services;
  • 点 + → Add Service → Run Configuration Type;
  • 选择 Spring Boot;
  • 已有的 Spring Boot 启动配置就会重新显示在 Services 里。
    如果列表里没有 Spring Boot,说明当前 IDEA 版本或插件没有识别到 Spring Boot 配置类型,可以先试 Application,或者确认 Spring Boot 插件已启用。
  1. 把 Run Configuration 彻底删了
    如果是在 Edit Configurations 里删掉了启动配置,那就需要重建:
  • 右上角点击 Edit Configurations;
  • 点 +;
  • 选择 Spring Boot;
    填写:
    Name:服务名;
    Main class:启动类,例如 com.xxx.ServiceApplication;
    Module:对应模块;
    Working directory:默认即可;
    保存后,这个配置会重新出现在 Services 窗口里。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

上图选择, 下面的这个文件, 类似于服务入口

在这里插入图片描述

令人头疼的安装报错和启动报错问题

这个是入门乃至工作一段时间后还是令人头疼的问题, 下面几个优先排查的对象

  • 有没有启动nacos
  • 是否设置了正确的sdk版本
  • maven设置的 用户配置文件 setting.xml
  • 删除构建的文件 target 或者 下面的classes
  • maven 里点击clean, 然后 install
  • 项目设置-模块-语言级别选择和同事一样的

在这里插入图片描述

成功起来是下面这样

在这里插入图片描述

nacos

我们公司项目是基于 nacos ,
http://localhost:8848/nacos/#/configurationManagement
在这里插入图片描述
配置基础yml 连接数据库和各种配置???

JavaWeb——案例(3/21)-前后端联调(功能概述、前端环境搭建、前后端联调过程、问题排查) 前后端联调的目的是确保前端可以正确调用后端接口,并成功展示数据。启动前端工程和后端工程。通过前端页面访问后端接口。调试接口,确保数据正确返回。 阅读详情

相关推荐

前端程序员 从0~1在阿里云ECS服务器上配置小程序后端的java环境

将数据库的连接名和密码改一下 然后把本地的java项目打包 我这里是若依的前后端分离的框架 打的是jar包 通过宝塔面板传到服务器的目录 目录可以自己定义。需要在宝塔面板的安全模块中配置(3306,6379)端口入站 其实和云服务器的安全组是一样的道理 都是为了安全。安全组你可以理解为是端口的防火墙 你需要去里面添加8888端口的安全组 因为8888端口是宝塔面板的默认端口。我们只需要做的就是jar路径这一块 选到对应的我们打包的jar包。如下图 下载1.8的就可以 反正我是下载的1.8的 比较稳定。

ly5926的博客 1563

前端转后端入门实践日志2-nacos

已完成分析,共参考 12 篇资料Nacos 可以理解为微服务架构里的 “服务注册中心 + 配置中心 + 服务管理平台”。在 Spring Boot 多项目里,它主要解决两件事:服务之间怎么互相找到,以及配置怎么统一管理、动态刷新。上面的解释好官方啊,我的理解把写在application.yml里的配置,统一让nacos管理。

hanker的博客 194

前端、后端还是环境?三招快速定位Bug归属

在前后端分离的开发模式中,遇到接口报错时,如何快速判断问题归属是前端、后端还是运行环境,是开发者日常调试的核心痛点。从基础概念出发,前端Bug多表现为页面渲染或交互异常,后端Bug多隐藏在接口日志与数据库操作中,而环境Bug则源于版本、变量或系统差异。理解其原理后,可借助Chrome DevTools、接口测试工具、后端日志关键字分析等手段,通过请求链路逐层排查,结合最小复现法锁定根因。这种结构化定位方法不仅适用于日常联调,也能支撑线上故障排查与环境搭建,显著提升团队协作效率。本文分享一套完整的前后端分离项

weixin_34005042的博客 543

DataHub后端日志:Logback配置与日志级别

在大型数据平台开发中,日志系统就像飞机的"黑匣子",记录着系统运行的每一个细节。DataHub作为元数据管理平台,其日志配置直接影响问题排查效率和系统稳定性。本文将从实际配置文件出发,详解Logback(日志框架)在DataHub中的应用,帮助开发者掌握日志级别调整、日志文件轮转等核心运维技能。 ## Logback配置文件结构解析 DataHub前端服务采用Logback作为日志框架,核心配...

gitblog_00843的博客 996

前后端分离下如何快速区分前端、后端与环境BUG?

在前后端分离的现代Web开发中,页面异常往往难以及时定位责任方,前端、后端还是运行环境的边界模糊常导致排查效率低下。要快速澄清问题,需先拆解请求链路的四个层次(浏览器、网络、服务端、数据),再依据各层的客观证据,如Console报错、Network面板记录、curl复现结果、服务端日志与配置差异,按“先证据后结论”的原则逐步缩小范围。掌握这种基于分层验证与信息收集的排查方法,能在日常联调、上线复盘和跨团队协作中显著减少无谓争论,使前端BUG、后端BUG与环境BUG的识别从经验驱动转变为流程驱动。本文以具体案

weixin_29325007的博客 346

前端代理与后端接口对接

前端代理与后端接口对接从原因到理论

m0_72030584的博客 912

前端视角 | 从零搭建并启动若依后端(环境配置)

本文旨在帮助对后端不了解的前端人员,以RuoYi系统为例,能将后端(Java)项目启动并运行,自行联调,提高开发效率,有兴趣的还可深入研究,逐渐深入后端开发,

weixin_45680024的博客 1486

DolphinScheduler3.1.9二次开发环境配置

为了避免版本冲突,打开 dolphinscheduler-ui 模块的 package.json 文件,去除所有 ^ 符号。

qq_42838399的博客 1507

Windmill本地开发环境:前后端分离调试最佳实践

作为开源开发者平台,Windmill将脚本转化为工作流和UI的强大能力令人印象深刻。但在本地开发过程中,你是否遇到过这些问题: - 前后端耦合导致代码修改后需要重启整个服务 - 调试时难以追踪跨语言边界的调用链路 - 热重载配置复杂,开发体验不够流畅 - 环境变量管理混乱,不同环境配置容易冲突 本文将为你揭示Windmill本地开发环境的最佳实践,让你在前端Svelte与后端Rust的分离架构...

gitblog_00095的博客 892

前端BUG、后端BUG、环境BUG如何快速区分?一套定位方法论

在前后端分离开发中,页面白屏、接口500、环境不一致等问题经常引发前端、后端与运维之间的责任归属争议。无论使用Vue、React、Java还是Node.js,区分前端BUG、后端BUG与环境BUG都离不开客观证据。前端BUG多表现为控制台JS报错、交互无响应;后端BUG通常伴随接口状态码异常和服务端日志堆栈;环境BUG则源于运行时版本、Nginx配置、跨域设置或依赖缺失等外部因素。掌握基于请求链路的分层排查方法,先看Network请求、再查日志、最后对比环境配置,能够快速定位根因,减少无效沟通。本文提供了一

weixin_34221775的博客 622

Linux平台CCS安装配置完整示例

手把手讲解在Linux系统中完成CCS安装与环境配置的全过程,涵盖关键步骤与常见问题解决,是查找ccs安装教程时不可多得的实战指南。

weixin_42601134的博客 514

前后端分离项目部署到云服务器、宝塔(前端vue、后端springboot)详细教程

部署的环境是宝塔(宝塔9.0.0)、阿里云服务器(centos7.6);前端是Vue3项目、后端是springboot3x、jdk11、数据库有redis、mysql;搜索采用的是es。由于宝塔面板中可以快速进行环境的配置,所以使用宝塔进行网站的部署。如果宝塔中的环境,不是自己想要的。下面有jdk和es的部署教程。

qq_64734490的博客 8723

RK3588平台-ES8388音频驱动调试与设备树配置实战

本文详细解析了在RK3588平台上调试ES8388音频驱动的实战过程。内容涵盖Linux音频驱动的三层架构(Machine、Platform、Codec),并重点提供了设备树(DTS)的完整配置示例,包括I2C节点、声卡节点及音频路由设置。文章还分享了驱动加载验证、amixer调试命令以及常见问题(如无声、变调)的排查思路,旨在帮助开发者快速完成RK3588与ES8388的音频系统集成。

mango的博客 806

项目后端环境和前端环境的搭建

项目后端环境和前端环境的搭建

m0_46471716的博客 756

学习使用turtlebot2——ROS上安装turtlebot2

安装环境:    安装Ubuntu 14.04版本和ROS Indigo    参考:http://wiki.ros.org/turtlebot/Tutorials安装步骤    有两种安装方法,一种直接的安装命令,另外一种源码编译安装,区别在于:直接安装命令是安装在电脑默认路径/opt/ros/indigo/share里面不便于更改代码,因为默认路径下文件一般有访问权限,无法直接更改,需要使用s...

weixin_42670641的博客 2531

DOA估计算法从原理到仿真——CBF、Capon、MUSIC算法

从原理出发理解并实现经典的DOA估计算法

m0_55845774的博客 1万+

百度日志中台前端重构实践

从代码规范, 前端工程化, 性能优化等方面介绍一个前端老项目的深度重构的过程。

lihui49的博客 1197

当KCF遇见卡尔曼滤波:视觉跟随算法的动态优化实战

本文探讨了KCF算法与卡尔曼滤波在视觉跟随算法中的动态优化实践,通过深度融合策略提升目标跟踪的鲁棒性和实时性。特别针对机器人应用场景,详细解析了在Jetson等嵌入式平台上的优化技巧,包括计算图优化、内存访问优化和多线程流水线设计,实现了30FPS@1080p的稳定跟踪性能。

sugar的博客 957

docker 项目部署 后端/前端

这种一般是,build时候就有问题,Dockerfile 有问题。

zhangaob的博客 8515

宽带阻抗匹配的工程实现-第一步,端口驻波仿真

其实阻抗匹配我工作以来经常说,也经常做,但是基本上都是直接在印制板上进行调试。现在想先用仿真软件直接设计出来,才发现很多东西嘴上说容易,想做出来太难了。所以准备写一些文章,记录一下碰到的问题。

pp_0604的博客 2376

为什么你的SiC MOSFET仿真不准?可能是离子注入的‘沟道效应’在捣鬼(Silvaco BCA模块详解)

本文深入分析了SiC MOSFET仿真中离子注入沟道效应的关键影响,揭示了Silvaco BCA模块在模拟SiC晶向和角度参数时的核心设置要点。通过详细解析晶圆偏切与注入角度的等效关系,提供优化MOSFET沟道区注入仿真的五步实战方法,帮助工程师将阈值电压仿真误差从26%降低到5%以内。

weixin_26789847的博客 409

前端后端环境BUG定位:一条通用的分层排查方法论

在软件开发和系统运维中,排障效率往往决定项目交付质量。面对一个线上异常,工程师最常犯的错误是忽略问题归属,直接扎进代码细节。所谓归属,即判断异常是源于前端交互逻辑、后端服务处理,还是中间的环境配置与网络链路。掌握分层定界的思想,能帮助团队快速建立排查边界,避免跨端扯皮。从工程实践来看,借助浏览器Network面板、后端日志、接口返回值以及环境对比手段,可以高效剥离现象与根因。这套方法广泛应用于前后端分离项目、微服务架构以及日常联调场景,尤其适合定位接口返回500、本地正常线上异常、偶发超时等高频问题。文章系

weixin_34026276的博客 400

CATIA文件的网页预览方案

CATIA是工业设计中广泛使用的专业软件,产出`.CATPart`或 `.CATProduct`等文件类型,当资产数量较大时,我们希望快捷预览这些文件,就有了`CATPart`文件网页预览的需求 但我们知道,网页上无法直接渲染`CATPart`这种复杂的文件, CATIA生成的文件(如 `CATPart` 和 `CATProduct`)不仅包含三维几何信息(例如点、线和曲面),还涵盖了丰富的元数据与专业设计特征。 那有没有办法,能实现CATIA文件在网页上的便捷预览?

weixin_44211633的博客 1449

远程日志:ELK 前端日志收集方案

前端日志收集的核心挑战在于:浏览器环境是分布式的,日志需跨网络发送。前端捕获:在浏览器中使用 JavaScript 捕获错误和自定义日志。日志传输:通过 HTTP API 将日志发送到后端服务。后端处理:后端接收日志,进行初步处理(如格式化和缓冲)。ELK 集成:日志通过 Logstash 管道进入 Elasticsearch,最终在 Kibana 可视化。整个方案确保低延迟、高可靠性,并支持大规模应用。以下是详细步骤和代码示例。前端:JavaScript 捕获错误和事件,HTTP 发送到后端。

qiwhyxjsdgxd的博客 680

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

Bug 解决| 前端无法正确请求后端接口并得到响应?

当遇到前端无法正确请求后端接口并得到响应的问题时,可以通过一系列步骤来诊断和解决这一问题。

m0_56653160的博客 9225

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

springboot推送实时日志到前端的两种方式

springboot推送实时日志到前端的两种方式 第一种方式 说明:通过WebSocket的方法,来传输日志 前提:spring boot配置logback 导入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-w...

weixin_41058481的博客 6341
上一篇: SQL语法 某个字段逗号分隔匹配
下一篇: SQL语法多数据分析
han_hanker
博客等级 码龄13年 35粉丝 106原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值