vue + springboot_SpringBootTest

vue + springboot_SpringBootTestVue+SpringBoot介绍前言介绍  博主简单的学习完SpringBoot的技术之后,发现好像thymeleaf+SpringBoot的开发方式现在使用的并不多,现在大部分在使用的是前后端分离的开发方式,其中的一种是Vue+SpringBoot的开发方式,所以特地去BiliBili网站上去找了相关的视频,但是相关的视频也不是很多,找了一个4个小时的视频,简单的了解和运用。BiliBil…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

Vue+SpringBoot介绍

前言介绍

  博主简单的学习完SpringBoot的技术之后,发现好像thymeleaf+SpringBoot的开发方式现在使用的并不多,现在大部分在使用的是前后端分离的开发方式,其中的一种是Vue+SpringBoot的开发方式,所以特地去BiliBili网站上去找了相关的视频,但是相关的视频也不是很多,找了一个4个小时的视频,简单的了解和运用。

BiliBili链接

前后端不分离

  传统的Java Web中使用的是JSP的开发方式,前段使用JSP页面,后端使用servlet接收前段的请求,并处理好数据传递给前段的JSP。

  传统的单体应用
在这里插入图片描述

  刚开始的时候,这种开发方式的确还比较快捷,全后端一体的开发比较快,但是久而久之有发生了很多问题,对于后端工程师来讲不可能精通HTML、css、js等语言。这种开发方式效率极低,,且在开发的过程中出现很多需要前端与后端调节的地方,可以使用前后端分离的方式进行开发就可以完美地解决这一问题。

前后端分离

  前后端分离之后,后端就不需要在考虑前段的页面变化,只需要提供一个前端页面需要的JSON的数据即可。前端工程师只需要独立编写客户端代码,通过Ajax请求来访问后端的数据接口,将数据展示到页面即可。前端可以设置一些虚假的数据进行测试,完全不需要依赖于后端,最后完成前后端集成即可。真正实现了前后端应用的解耦合。 极大地提升了开发效率。
在这里插入图片描述

前端HTML–>Ajax—>RESTful后端数据接口,前后端分离就是将一个单体应用拆分成两个独立的应用,前端应用和后端应用以JSON格式进行数据交互。

实现技术

Vue+Spring Boot

vue介绍

  Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

SpringBoot介绍

  Spring Boot 是所有基于 Spring 开发的项目的起点。Spring Boot 的设计是为了让你尽可能快的跑起来 Spring 应用程序并且尽可能减少你的配置文件。简单来说就是SpringBoot其实不是什么新的框架,它默认配置了很多框架的使用方式,就像maven整合了所有的jar包,spring boot整合了所有的框架

SpringBoot+Vue开发准备

  在开发前我们需要搭建一下环境,即Vue的环境与SpringBoot的环境。

  Vue环境设置。记住这里选用的是Vue3的开发环境,在Vue3中有图像界面可以使用,比较方便。

  SpringBoot开发准备:因为在这里使用的是IDEA的开发环境,所以在IDEA中就已经有SpringBoot的快捷开发方式忙着类就不需要部署了。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/190714.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • [新人向]MySQL和Navicat下载、安装及使用详细教程[通俗易懂]

    [新人向]MySQL和Navicat下载、安装及使用详细教程[通俗易懂]MySQL和Navicat下载和安装详细教程因为这些软件的安装很多都是纯英文,作为新手安装真的需要摸索好久,包括我自己,所以Pipi酱就把自己的经验分享给大家~MySQL的安装教程一、下载安装包链接:1.下载MySQL:https://dev.mysql.com/downloads/windows/installer/8.0.html这里我们直接下载第一个(24.4M),下载到任意目录即可。2、安装MySQL二、安装1、这里我们安装点击Yes2、选择Custom,然后Next3、

    2022年5月22日
    40
  • 零基础学Java(11)自定义类[通俗易懂]

    零基础学Java(11)自定义类[通俗易懂]前言之前的例子中,我们已经编写了一些简单的类。但是,那些类都只包含一个简单的main方法。现在来学习如何编写复杂应用程序所需要的那种主力类。通常这些类没有main方法,却有自己的实例字段和实例方法。

    2022年7月29日
    2
  • sql注入笔记

    sql注入笔记

    2021年10月31日
    45
  • linux下的文件io编程实现文件的拷贝[通俗易懂]

    linux下的文件io编程实现文件的拷贝[通俗易懂]/*copy_file.c*/#include#include#include#include#include#include#define BUFFER_SIZE 1024 /*每次读写缓存大小,影响运行效率*/#defineSRC_FILE_NAME “src_file” /*源文件名*/#defineDEST_FILE_NAME “dest_

    2022年5月4日
    63
  • 【5GC】5G网络切片与5G QoS的区别?[通俗易懂]

    【5GC】5G网络切片与5G QoS的区别?[通俗易懂]网络切片是一种5G支持的技术,允许跨移动网络域(接入网、传输网和核心网)创建一个端到端网络实例。理想情况下,每个切片都用特定的网络功能和特性来标识。向终端用户、企业和MVNOs提供专用的端到端网络实例的技术称为“切片”,其中一个网络可以有多个具有不同特征的切片,为不同的用例服务。该技术通过SDN/NFV编排框架实现,该框架为切片提供全生命周期管理,使动态切片(按需实例化和终止切片)具有全服务保证能力。关于SDN/NFV的介绍可以参考我的博客《【SDNvs.NFV】纠缠不清的SDN和NFV》和。。…

    2022年10月2日
    0
  • ldd命令 ubuntu_ldd命令

    ldd命令 ubuntu_ldd命令1.在制作自己的发行版时经常需要判断某条命令需要哪些共享库文件的支持,以确保指定的命令在独立的系统内可以可靠的运行;在Linux环境下通过ldd命令即可实现,在终端下执行:ldd/bin/ls//ldd命令通常使用”-v”或”–verbose”选项来显示所依赖的动态连接库的尽可能的详细信息。即可得到/bin/ls命令的相关共享库文件列表:libtermcap.so.2=>/lib/…

    2022年6月13日
    48

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号