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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值