Springboot 2 + Element UI + Vue.js实现简单的增删改查系统(IDEA)

本文介绍了如何使用Springboot 2、Element UI和Vue.js搭建一个简单的增删改查系统。文章讨论了Springboot的便利性,Element UI在前端开发中的高效应用,以及Vue.js作为JavaScript库的优势。通过实例展示了Element UI的表格和分页功能,以及Vue.js在数据处理中的作用。
摘要由CSDN通过智能技术生成

一、前言

上一篇文章,写了JSP+Servlet的增删改查,了解了开发Java Web的基本流程。这一周将项目转移至目前最成熟,最流行的开发框架:Springboot 2,还有Element UI以及Vue.js,只能说:真香。本文将会从个人理解出发来记录Springboot 2,Vue.js和Element UI的用法和一些名词地理解,同时记录一些特殊的用法(网上没查到的hhh),能够应付不少场景。

微服务和MVC

说到Springboot,就得先说到微服务和MVC。

先说MVC吧,之前一直不懂Model,View和Controller的意思,但是一看项目的文件结构就能很清楚的理解了:
在这里插入图片描述
Model(模型)目前在我的使用中,就是Java Bean,就是一个个对象,比如我的client:
在这里插入图片描述
这里我使用了
lombok
,一个插件,通过@注释的方法,来自动生成属性的有参无参构造方法和toString这样的方法,非常方便。

**View(视图)**就是我们的前端文件了,包括HTML,CSS,JavaScript,话说这里有两张图,理解可以说非常形象有趣了:
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值