WHAT?

首先什么是js面向对象开发?

  • 面向对象开发可提高整体性能,重写方法等,layui框架运用了原型模式(prototype)给layui对象添加方法。
  • javascript里面有一句话,函数即对象,如View 是对象,module.export =View, 即相当于导出整个view对象。外面模块调用它的时候,能够调用View的所有方法。不过需要注意,只有是View的静态方法的时候,才能够被调用,prototype创建的方法,则属于View的私有方法。

                      

Layui 前端框架(1)_分页

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

HOW?

       layUi是通过js实现的一系列功能,但是并不完全是js,首先如果我们想要实现数据展示的话,我们需要先在js中,渲染一下表格之类的东西,举例说明:

                                                

Layui 前端框架(1)_javascript_02

其中我又发现了一个  laytpl 问题,what is it ?  给上链接:​​https://www.layui.com/doc/modules/laytpl.html​

前端分页加数据表格,举例说明:

                     

Layui 前端框架(1)_分页_03

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