01---准备阶段
创始人
2024-04-25 03:39:54
0

1、前后端分离是什么

  1. 前后端分离就是将一个应用的前端代码和后端代码分开写,为什么要这样做?
  • 传统的Java Web 开发中,前端使用JSP开发,Jsp不是由后端开发者独立完成的,而是:

前端—>HTML静态页面 ---->后端 —>JSP

这种开发方式效率极低

  • 而前后端分离的方式进行开发,可以完美地解决这一问题

前端只需要独立编写客户端代码,后端也只需要独立编写服务端代码提供数据接口即可

前端通过Ajax请求来访问后端的数据接口,将Model展示到View中即可

前端开发者只需要提前约定好接口文档(URL、参数、数据类型…),然后独立开发即可,前端可以造假数据进行测试,完全不需要依赖于后端,最后完成前后端集成即可。真正实现了前后端应用的解耦合,极大地提升了开发效率。

  • 从之前的单体应用 拆分为----->前端应用 +后端应用

前端应用:负责数据展示和用户交互

后端应用:负责提供数据处理接口

前端HTML—>Ajax —>RestFul后端数据接口

  1. 使用Spring Boot 进行后端应用开发,使用Vue进行前端应用开发,使用axios进行交互

2、项目概述

  • 主要是一个前后端分离的基础项目,把后端框架和前端搭建起来,实现登录、增删改查等简单功能。主要是展示前后端分离项目的框架如何搭建成,如何把数据库、mybatis-plus、swagger、redis等集成到项目当中,当做是初学者的前后端分离项目的一个练手。(参考b站教学视频而自己做的笔记)

3、实现技术

  1. 后端:
  • springboot项目架构
  • mybatis-plus 数据库 ,generator代码生成器
  • lombok 封装getset方法
  • redis 缓存,会话共享

…后续有用到的技术再补充,如安全权限和身份认证等

  1. 前端:
  • vue框架
  • Element ui 组件
  • axios 请求服务端接口(前后端交互)

4、使用到的软件以及版本统一

  • Idea(版本就都行)
  • Visual Studio Code (这个我主要用来写前端代码,区分开来好操作一点,不用这个直接用Idea也可以)
  • mysql5.7
  • jdk1.8
  • node
  • navicat或sqlyog (数据库可视化软件)
  • vue cli 3.0

PS:这些就是前期的准备工作了!

相关内容

热门资讯

安卓更换别的手机系统,轻松切换... 你有没有想过,你的安卓手机用久了,是不是有点审美疲劳了呢?或者,你最近是不是对其他手机系统产生了浓厚...
安卓系统单机神雕侠侣,指尖重温 你有没有想过,在手机上也能体验一把江湖恩怨、侠骨柔肠?没错,就是那个让人心驰神往的《神雕侠侣》!今天...
安卓系统键盘语言切换,安卓系统... 你有没有发现,手机上的安卓系统键盘语言切换功能,简直就像是个神奇的魔法棒,轻轻一点,就能让文字飞舞在...
oppok1安卓系统,性能与体... 你有没有发现,最近手机圈里又掀起了一股热潮?没错,就是OPPO K1这款新机!这款手机不仅外观时尚,...
安卓系统环境的搭建,从零开始构... 想要在电脑上体验安卓系统的魅力,是不是已经跃跃欲试了呢?别急,今天就来手把手教你如何搭建一个属于自己...
【MySQL】锁 锁 文章目录锁全局锁表级锁表锁元数据锁(MDL)意向锁AUTO-INC锁...
【内网安全】 隧道搭建穿透上线... 文章目录内网穿透-Ngrok-入门-上线1、服务端配置:2、客户端连接服务端ÿ...
GCN的几种模型复现笔记 引言 本篇笔记紧接上文,主要是上一篇看写了快2w字,再去接入代码感觉有点...
数据分页展示逻辑 import java.util.Arrays;import java.util.List;impo...
Redis为什么选择单线程?R... 目录专栏导读一、Redis版本迭代二、Redis4.0之前为什么一直采用单线程?三、R...
【已解决】ERROR: Cou... 正确指令: pip install pyyaml
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
Lock 接口解读 前置知识点Synchronized synchronized 是 Java 中的关键字,...
Win7 专业版安装中文包、汉... 参考资料:http://www.metsky.com/archives/350.htm...
3 ROS1通讯编程提高(1) 3 ROS1通讯编程提高3.1 使用VS Code编译ROS13.1.1 VS Code的安装和配置...
大模型未来趋势 大模型是人工智能领域的重要发展趋势之一,未来有着广阔的应用前景和发展空间。以下是大模型未来的趋势和展...
python实战应用讲解-【n... 目录 如何在Python中计算残余的平方和 方法1:使用其Base公式 方法2:使用statsmod...
学习u-boot 需要了解的m... 一、常用函数 1. origin 函数 origin 函数的返回值就是变量来源。使用格式如下...
常用python爬虫库介绍与简... 通用 urllib -网络库(stdlib)。 requests -网络库。 grab – 网络库&...
药品批准文号查询|药融云-中国... 药品批文是国家食品药品监督管理局(NMPA)对药品的审评和批准的证明文件...