前后端分离基本操作
创始人
2024-09-26 09:51:42
0

前后端分离开发

介绍

前后端分离开发,就是在项目开发过程中,对于前端代码的开发由专门的前端开发人员负责,后端代码则由后端开发人员负责,这样可以做到分工明确、各司其职,提高开发效率,前后端代码并行开发,可以加快项目开发进度。
目前,前后端分离开发方式已经被越来越多的公司所采用,成为当前项目开发的主流开发方式。

前后端分离开发后,从工程结构上也会发生变化,即前后端代码不再混合在同一个maven工程中,而是分为前端工程和后端工程。

开发流程

前后端分离开发后,面临一个问题,就是前端开发人员和后端开发人员如何进行配合来共同开发一个项目?
可以按照如下流程进行:

 接口(API接口)就是一个http的请求地址,主要就是去定义:请求路径、请求方式、请求参数、响应数据等内容。

 

前端技术栈

开发工具

  • Visual Studio Code
  • hbuilder

技术框架

  • nodejs
  • VUE
  • ElementUl
  • mock
  • webpack

Yapi

介绍

YApi是高效、易用、功能强大的api管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务。可以帮助开发者轻松创建、发布、维护API,YApi还为用户提供了优秀的交互体验,开发人员只需利用平台提供的接口数据写入工具以及简单的点击操作就可以实现接口的管理。
YApi让接口开发更简单高效,让接口的管理更具可读性、可维护性,让团队协作更合理。

源码地址:https://github.com/YMFE/yapi

要使用YApi,需要自己进行部署。

使用

使用Yapi,可以执行如下操作:

  • 添加项目
  • 添加分类
  • 添加接口
  • 编辑接口
  • 查看接口

Swagger

介绍

使用Swagger你只需要按照它的规范去定义接口及接口相关的信息,再通过Swagger衍生出来的一系列项目和工具,就可以做到生成各种格式的接口文档,以及在线接口调试页面等等。
官网:https://swagger.io/

knife4j是为Java MVC框架集成Swagger生成Api文档的增强解决方案。

 com.github.xiaoymin knife4j-spring-boot-starter 3.0.2 

使用方式

操作步骤:

  1. 导入knife4j的maven坐标
  2. 导入knife4j相关配置类(在配置类中添加@EnableSwagger2 ,@EnbaleKnife4j表示开启了Swagger文档功能。再创建一个Swagger中定义的Docket对象表示描述接口文档相关信息)
  3. 设置静态资源,否则接口文档页面无法访问
  4. 在LoginCheckFilter中设置不需要处理的请求路径

常用注解

更好的完善接口文档有以下注解来更清晰的描述

 

项目部署

部署架构

部署环境说明

服务器:

  • 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命令设置执行权限

 

 第三步:执行reggieStart.sh脚本文件,自动部署项目

 在运行项目时,会存在有些图片无法加载

解决:在项目配置文件将图片搜索路劲改为linux下的指定路径,在将代码重新推送到git。将项目所需图片上传到linux指定文件夹中

相关内容

热门资讯

二分钟了解(会友山西麻将外挂透... 《会友山西麻将软件透明挂》是一款多人竞技的会友山西麻将辅助透视游戏,你将微扑克对手来到同一个战场,为...
一分钟了解(小程序今日花牌)外... 《小程序今日花牌软件透明挂》是一款多人竞技的小程序今日花牌辅助透视游戏,你将微扑克对手来到同一个战场...
透视辅助!aapoker到底有... 您好,德州微扑克这款游戏可以开挂的,确实是有挂的,需要了解加微【757446909】很多玩家在这款游...
今日公布《aapoker用外挂... 今日公布《aapoker用外挂会被封号的》线上德州ai机器人辅助挂外挂辅助插件(哔哩哔哩)是一款可以...
3分钟了解(吉祥四川麻将)其实... 3分钟了解(吉祥四川麻将)其实到底是真的有辅助挂的(2021已更新功能)外挂透视辅助免费(哔哩哔哩)...
一分钟了解(微信真人天天麻将)... 一分钟了解(微信真人天天麻将)外挂透视辅助助手(辅助挂)可靠辅助助手(2024已更新)(哔哩哔哩);...
6分钟了解(闲趣麻将)其实到底... 6分钟了解(闲趣麻将)其实到底是真的有挂(2023已更新功能)外挂透视辅助软件(哔哩哔哩)是一款可以...
三分钟了解(江城互娱比鸡)外挂... 三分钟了解(江城互娱比鸡)外挂透视辅助脚本(辅助挂)可靠辅助脚本(2024已更新)(哔哩哔哩);AI...
透视脚本!Wepoke德州版本... 您好,Wepoke德州版本这款游戏可以开挂的,确实是有挂的,需要了解加微【841106723】很多玩...
今日头条(德州软件确实有挂是真... 大家肯定在之前德州软件或者德州软件中玩过今日头条(德州软件确实有挂是真的!2022已更新数据)外挂透...