LayUi前端框架

首先声明一下这是我第一次使用前端框架完成后台的配合工作，这在我工作中也是第一次遇见，因为公司有自己的前端开发工程师，不必要我们自己去实现前端的效果，虽然前端的东西并不是很难，但是重点就是繁琐，小零碎太多，不想后台一样，侧重于逻辑，但是学习起来还是很方便的，就是中间踩到了不少的坑。

 

题外话：只要努力，你想要的会离你越来越近。

 

简介：

首先说一下什么是LayUi,LayUi他是一个非常灵活的前端框架，使用得当的话可以帮助我们后端人员解决不少麻烦，为什么说他灵活，因为他可以帮助我们在前端实现分页，日期格式化，动态表格的搭建，这是我在实际开发中所遇到的。

 

LayUi是通过js来实现的一系列功能，但是并不完全是js，首先如果我们想实现数据展示的话，我们需要先在js中渲染一下表格之类的东西，上栗子

 

 

 

在者说一下前端分页外加数据表格，上栗子

 

这是一个数据表格外加分页，这个东西是通过data，data中放的东西是从后台获取到的数据，（这个数据表格有两种加载数据的方式，第一种就是通过异步直接去数据库中获取数据然后展示出来，第二种是通过后台获取数据，后台获取到的话然后在加载数据表格），其次这个分页是前端分页，不涉及一点后端的东西，page属性是开启分页，limit是每页展示的数量，limits是可以设置煤业展示数据的数量。

 

接着再说一下日期格式化and通过js把获取的null数据改变值，上栗子

 

这个是通过js把获取到的null数据改变为-

 

 

这个是通过把获取到的日期类型转变为UTF-8的日期类型，直接调用formatDateTime这个方法就行，LayUi自带的一个日期格式化的方法

 

转换前：

转换后：