本系统是真正的基于前后端分离技术实现的,所有数据都通过接口操作的。3.0.0之前的版本使用VUE+ElementUI+
SpringBoot组合,3.0.0版本使用了最新火热的技术SpringBoot+thymeleaf+VUE+ElementUI组合,不再是传
统的JSP或模板开发,较之前的开发模式对于服务器的性能压力减少了,视图层的渲染放在了浏览器端,也就是客户端,
服务端只负责业务的操作。3.0.0比之前的版本新加了Thymeleaf是为了支持页面无缝升级、多系统打包集成、避免前
端臃肿等等等。传统的模板开发虽然能够快速的完成数据的展示,但对于数据改变后我们还需要手动获取对应的DOM节
点并手动更新其内容,虽然有的开发框架做成了一个工具类来更新页面数据,但这样真的好用吗?中间还是加了一层
工具类的调用,我们想要的是数据改变了页面的渲染效果就改变,不需要显示的调用其他任何工具类,就这样简单!!!
如果你已经厌烦了传统的开发模式,那么你可以尝试下我们新的基础框架,新的基础框架以VUE+ElementUI为
核心,内置数据的双向绑定,我们只需要关心数据即可,对于数据改变了页面是否重新渲染这些事情是VUE考虑的事情,
就是这样简单!!!

什么是数据双向绑定?

举个例子吧,假设现在有一个列表数据需要展示,那么一般我们都是用table来完成,如果点击了下一页,那么将当前页+1 并刷新页面即可。虽然这样可以完成,但是页面的刷新操作真的是好的吗?如果服务器性能不好的话,用户可能还要等上几秒钟不是吗?

有的人可能说那我使用ajax请求来完成,这种方式的体验效果应该是最好的吧,但是ajax获取到数据后如何更新页面效果呢?一般可能会手动拼接表格的HTML标签内容,然后更新指定ID的节点即可。虽然这样也能够完成,而且用户体验也很好,但是这里是不是增加了开发成本呢?

有的牛人也自己写了工具方法来完成上诉的操作,但这个方法是不是还要去直接或间接的调用呢?这同样增加了开发、维护成本不是吗?

使用VUE的双向数据绑定就可以轻松的完成上面的功能,这里假设有一个list存储的是表格中的数据,当用户点击下一页时,我们通过ajax获取下一页数据并赋值给list即可,就是这么简单,不是吗?