vue element adminSpringboot2+ElementUI+Vue.js实现简单的增删改查系统（IDEA）
⽂章⽬录
⼀、前⾔
上⼀篇⽂章，写了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，话说这⾥有两张图，理解可以说⾮常形象有趣了：
**Controller（控制器）**则是⽤来控制后端的操作，从前端获取的数据该怎么处理，处理好的数据⼜该怎样传回前端，页⾯的跳转等等操作，都通过控制器完成。
⾄于微服务，也有个形象说法，是聊天软件，百度是搜索引擎，微博是微型博客，抖⾳是短视频对吧。可是现在我们发现百度，，微博，抖⾳基本都能聊天，短视频，看⽂章等等，这些功能模块就相当于⼀个个微服务，能够像活字印刷术⼀样⾃由组合在⼀起。
不过⽬前我的增删改查项⽬还太⼩，所以并没有在Springboot上⽤到这种思想，估计在企业级开发上会很重要，不同团队可以更好地分⼯合作。
⼆、Springboot，Element UI和Vue.js
1、Springboot 2
总算说到了Springboot 2，实际上，我对Springboot的使⽤仅限于基础，但是它的强⼤已经可见⼀斑了。
更多详情请看⾕粒学院的⽼师做的笔记或者视频：
在我看来最⽅便的就是Springboot已经总结了⼏套开发场景，上周开发JavaWeb时，需要⾃⼰安装tomcat，下载并配置连接mysql的驱动jar包，jdbc的jar包，JQuery的包，还要注意版本，但是Springboot可以帮你选好版本，不需要你去写⼀⼤堆的配置⽂件，内嵌Tomcat并且版本适配。同时还包含了SpringMVC的优点。
使⽤IDEA来创建Springboot的项⽬就更简单了，图形化界⾯：
想⽤什么，直接选上，会⾃动帮你写好Maven。所以我们直接写业务就可以了。
2、Element UI
Element UI是前端快速开发⼯具，能够迅速做出漂亮的界⾯，⽬前主流的是搭配Vue.js使⽤。
Element UI官⽅⽹站链接在此：
Element UI好⽤在，只需要使⽤他们提供的标签，不需要关注css，js，就可以实现漂亮的动画，友好的界⾯显⽰。举⼏个我⽤到的例⼦吧：
表格
想使⽤带斑马纹的表格？直接在标签⾥加个stripe（条纹）就⾏了。数据源？直接和⼀个对象数组绑定就ok了（通过JSON获取）。
想要获取我选择的某⼀条数据？可以使⽤scope。
不⾃⼰写⼀个表格是不知道Element UI有多⾹的（滑稽）。
分页

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。