柚子快報邀請碼778899分享：java 前后端分離基本操作
前后端分離開發(fā)
介紹
前后端分離開發(fā),就是在項目開發(fā)過程中,對于前端代碼的開發(fā)由專門的前端開發(fā)人員負責,后端代碼則由后端開發(fā)人員負責,這樣可以做到分工明確、各司其職,提高開發(fā)效率,前后端代碼并行開發(fā),可以加快項目開發(fā)進度。 目前,前后端分離開發(fā)方式已經(jīng)被越來越多的公司所采用,成為當前項目開發(fā)的主流開發(fā)方式。
前后端分離開發(fā)后,從工程結構上也會發(fā)生變化,即前后端代碼不再混合在同一個maven工程中,而是分為前端工程和后端工程。
開發(fā)流程
前后端分離開發(fā)后,面臨一個問題,就是前端開發(fā)人員和后端開發(fā)人員如何進行配合來共同開發(fā)一個項目? 可以按照如下流程進行:
?接口(API接口)就是一個http的請求地址,主要就是去定義:請求路徑、請求方式、請求參數(shù)、響應數(shù)據(jù)等內容。
?
前端技術棧
開發(fā)工具
Visual Studio Codehbuilder
技術框架
nodejsVUEElementUlmockwebpack
Yapi
介紹
YApi是高效、易用、功能強大的api管理平臺,旨在為開發(fā)、產(chǎn)品、測試人員提供更優(yōu)雅的接口管理服務?？梢詭椭_發(fā)者輕松創(chuàng)建、發(fā)布、維護API,YApi還為用戶提供了優(yōu)秀的交互體驗,開發(fā)人員只需利用平臺提供的接口數(shù)據(jù)寫入工具以及簡單的點擊操作就可以實現(xiàn)接口的管理。 YApi讓接口開發(fā)更簡單高效,讓接口的管理更具可讀性、可維護性,讓團隊協(xié)作更合理。
源碼地址:https://github.com/YMFE/yapi
要使用YApi,需要自己進行部署。
使用
使用Yapi，可以執(zhí)行如下操作：
添加項目添加分類添加接口編輯接口查看接口
Swagger
介紹
使用Swagger你只需要按照它的規(guī)范去定義接口及接口相關的信息,再通過Swagger衍生出來的一系列項目和工具,就可以做到生成各種格式的接口文檔,以及在線接口調試頁面等等。 官網(wǎng):https://swagger.io/
knife4j是為Java MVC框架集成Swagger生成Api文檔的增強解決方案。
使用方式
操作步驟:
導入knife4j的maven坐標導入knife4j相關配置類(在配置類中添加@EnableSwagger2 ，@EnbaleKnife4j表示開啟了Swagger文檔功能。再創(chuàng)建一個Swagger中定義的Docket對象表示描述接口文檔相關信息)設置靜態(tài)資源,否則接口文檔頁面無法訪問在LoginCheckFilter中設置不需要處理的請求路徑
常用注解
更好的完善接口文檔有以下注解來更清晰的描述
?
項目部署
部署架構
部署環(huán)境說明
服務器:
192.168.138.100(服務器A)
Nginx:部署前端項目、配置反向代理 Mysql:主從復制結構中的主庫
192.168.138.101(服務器B)
jdk:運行Java項目 git:版本控制工具 maven:項目構建工具 jar: Spring Boot項目打成jar包基于內置Tomcat運行 Mysql:主從復制結構中的從庫
172.17.2.94(服務器C)
Redis:緩存中間件
部署前端項目
第一步:在服務器A中安裝Nginx,將資料中的dist目錄（即前端項目打完包的項目）上傳到Nginx的html目錄下
?第二步:修改Nginx配置文件nginx.conf
部署后端項目
第一步:在服務器B中安裝jdk、git、maven、MySQL,使用git clone命令將git遠程倉庫的代碼克隆下來
?第二步:將資料中提供的reggieStart.sh文件上傳到服務器B,通過chmod命令設置執(zhí)行權限
?
?第三步:執(zhí)行reggieStart.sh腳本文件,自動部署項目
?在運行項目時，會存在有些圖片無法加載
解決：在項目配置文件將圖片搜索路勁改為linux下的指定路徑，在將代碼重新推送到git。將項目所需圖片上傳到linux指定文件夾中
柚子快報邀請碼778899分享：java 前后端分離基本操作
參考文章
本文內容根據(jù)網(wǎng)絡資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點和立場。
轉載請注明，如有侵權，聯(lián)系刪除。
Chewy寵物之選
