Layui 前端框架(1)

WHAT?

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

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

                      

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

HOW?

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

                                                

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

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

                     

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

发布了241 篇原创文章 · 获赞 31 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/qq_40406929/article/details/102856118