一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - Java教程 - 淺談SpringBoot項目如何讓前端開發提高效率(小技巧)

淺談SpringBoot項目如何讓前端開發提高效率(小技巧)

2021-07-31 12:34小姐姐味道 Java教程

這篇文章主要介紹了淺談SpringBoot項目如何讓前端開發提高效率(小技巧),主要介紹了Swagger和Nginx提高效率的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下

社會分工越來越細,對于工程類研發來說,全棧是越來越少了。這是時代的進步,也是個體的悲哀。

今天要分享的小技巧,或許能夠大幅提高你的開發效率。你可以用省下來的時間打個盹,瀏覽個美女寫真什么的。

本篇文章涉及的知識點有

  • swagger 為了文檔
  • nginx 為了效率

眾所周知, java 項目的啟動速度就像沙子里走路。要是你的前端模塊也很大,有一大堆 node_modules , springboot 會毫不猶豫的給你打包進去。每次修改前端頁面,都需要打包才能調試,真是等的媳婦都跑了??上У氖牵?vue 、 angular 等當道,每一個都又大又肥,苦也。

swagger

swagger 除了調試用,還可作為在線文檔使用。給前端這個東西,后端基本上就可以閉嘴了。

快速集成

swagger 配置還是有點工作量。所幸已經有了 starter 封裝。

首先, pom.xml 里放入

?
1
2
3
4
5
<dependency>
 <groupid>com.spring4all</groupid>
 <artifactid>swagger-spring-boot-starter</artifactid>
 <version>1.7.1.release</version>
</dependency>

然后, application.yml 里放入

?
1
2
3
4
5
6
7
8
9
swagger:
 title: ${artifactid}
 version: @version@
 contact:
 name: 小姐姐味道
 email: xiaojiejie@sayhiai.com
 base-package: com.sayhiai.controller
 base-path: /**
 exclude-path: /error, /ops/**

最后, app.java 中加入注解

?
1
2
3
4
5
6
@enableswagger2doc
@slf4j
public class app extends springbootservletinitializer {
 public static void main(string[] args) {
  springapplication.run(app.class, args);
 }

三部曲完成以后,訪問 http://{ip}:{port}/{contextpath}/swagger-ui.html ,就可以看到界面啦

淺談SpringBoot項目如何讓前端開發提高效率(小技巧)

好看一點

swagger 改版后,顏值很低。我們嘗試來改變它。

這里推薦兩個界面。都是引入相應的jar包即可,不需要有任何其他改動。

swagger-ui-layer

淺談SpringBoot項目如何讓前端開發提高效率(小技巧)

?
1
2
3
4
5
<dependency>
 <groupid>com.github.caspar-chen</groupid>
 <artifactid>swagger-ui-layer</artifactid>
 <version>${last-version}</version>
</dependency>

swagger-bootstrap-ui

淺談SpringBoot項目如何讓前端開發提高效率(小技巧)

?
1
2
3
4
5
<dependency>
 <groupid>com.github.xiaoymin</groupid>
 <artifactid>swagger-bootstrap-ui</artifactid>
 <version>1.7</version>
</dependency>

至于種草哪一個,看你嘍。

nginx

nginx 才是本文的重點。主要是去做路由,方便你在 本地調試 。哪怕服務端部署在其他環境。

本地啟動一個 nginx ,加幾行配置就ok了

?
1
2
3
4
5
6
7
8
server {
  listen  80;
  location / {
   proxy_pass http://192.168.3.227:11057/;
  }
  location /static/ {
   alias /codes/devops-publish-webapp/src/main/resources/static/;
  }

稍微解釋一下。

  • 訪問 /時,默認去找服務端的rest請求
  • 訪問前端頁面時,指向本地的靜態文件目錄

是不是想大呼一聲:臥槽,這么簡單。對,就是這么簡單!在后端解決跨域問題前,你甚至能將后端多個項目揉在一起。

其他

有同學反映有大量js在項目里的時候。打開idea,會非常的慢。原因就是你的idea在索引你的js文件。只要把靜態目錄排除掉就可以了。 這里這里:

淺談SpringBoot項目如何讓前端開發提高效率(小技巧)

 以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持服務器之家。

原文鏈接:https://juejin.im/post/5cb143a7f265da03bb6fa3df

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 免费高清在线 | 成人福利 | 无耻之徒第十一季在线观看 | 肥胖老寡妇做性 | 九九九国产在线 | 欧美性色欧美a在线播放 | 午夜理伦片免费 | 亚洲天堂2015 | 青青操在线播放 | 狠狠色婷婷日日综合五月 | 亚洲精品一线二线三线 | 无套插入 | luan小说| 美尻在线| 玩高中女同桌肉色短丝袜脚文 | 精品无人区麻豆乱码1区2 | 啪啪导航| 国产一级视频久久 | 国产无限免费观看黄网站 | 国产日产精品久久久久快鸭 | 国产大片线上免费观看 | gangbang日本 | 国产亚洲精品美女2020久久 | 国产成+人+综合+亚洲欧美丁香花 | 911福利视频 | 精品久久亚洲 | t66y地址一地址二地址三 | 国产在线视频自拍 | 国产rpg迷雾之风冷狐破解 | 国产一区二区三区日韩 | 日韩一区二区三区精品 | 日本高清中文字幕一区二区三区 | chinaese中国女人厕所小便 | 肉色欧美久久久久久久蜜桃 | 调教禽兽| 被高跟鞋调教丨vk | 亚洲精品第五页 | 火影忍者羞羞 | 国产激情久久久久影院小草 | 国产欧美亚洲精品第一页青草 | 成人在线视频播放 |