SpringBoot项目如何让前端开发提高效率?

本篇文章涉及的知识点有:

Swagger 为了文档
Nginx 为了效率
众所周知, java项目的启动速度就像沙子里走路。要是你的前端模块也很大,有一大堆 node_modules, SpringBoot会毫不犹豫的给你打包进去。每次修改前端页面,都需要打包才能调试,真是等的媳妇都跑了。可惜的是, vue、 angular等当道,每一个都又大又肥,苦也。

Swagger

swagger除了调试用,还可作为在线文档使用。给前端这个东西,后端基本上就可以闭嘴了。

快速集成

swagger配置还是有点工作量。所幸已经有了 starter封装。

首先, pom.xml 里放入
在这里插入图片描述
然后, application.yml 里放入
在这里插入图片描述
最后, App.java中加入注解
在这里插入图片描述
三部曲完成以后,访问 http://{ip}:{port}/{contextPath}/swagger-ui.html ,就可以看到界面
在这里插入图片描述
swagger改版后,颜值很低。我们尝试来改变它。

这里推荐两个界面。都是引入相应的jar包即可,不需要有任何其他改动。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
Nginx

nginx才是本文的重点。主要是去做路由,方便你在 本地调试。哪怕服务端部署在其他环境。

本地启动一个 nginx,加几行配置就OK了
在这里插入图片描述
访问 /时,默认去找服务端的rest请求
访问前端页面时,指向本地的静态文件目录
有同学反映有大量js在项目里的时候。打开Idea,会非常的慢。原因就是你的Idea在索引你的js文件。只要把静态目录排除掉就可以了。
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值