layui卡⽚式列表_带你进⼊LayUi的世界(数据表格+分页+模
板+选项卡+弹出层)
什么是LayUi?
我本⾝是⼀个后端⼯程师,但是我却接触到了这个框架,所以给⼤家分享⼀个我的⼼得,当然,这只是⼀个基础的LayUi的使⽤,⼤神请勿围观, 不卖关⼦了,切⼊正题~
LayUi是⼀款⾮常强⼤的前端框架,强⼤之处在于他可以把模块规范化,LayUi帮我们提供了两种模块规范⽅式,第⼀种就是预先加载,当然也是官⽅推荐的,因为他可以帮助我们省很多⿇烦,前提是你并不是那么极致的⼈,必须要把效率提到最⾼,啊哈哈。
当我们在使⽤这个LayUi框架的时候,如果你是像我⼀样的没有过系统的前端的学习,但是却被要求⾃⼰搭建前端的页⾯,⾸先我们就得想我们需要⽤到哪些东西,数据表格?卡⽚⾯板?选项卡?分页?表单?等等..等等...
如果⽤到数据表格,我们⾸先得考虑这个数据表格的数据该如何获取,不多说,上栗⼦~
这是⼀个标准的动态数据表格,包含分页,包含序号,这是表格的展⽰效果~
这就是使⽤LayUi的好处,不⽤我们⾃⼰实现分页,也不⽤我们在后台或者在数据库实现序号的⾃增,LayUi都可以帮助我们省了很多的⿇烦。
view ui框架接着再碎叨⼀个卡⽚模板,本⾝卡⽚模板是没什么好介绍的,但是要是加上LayUi的模板呢?这就有的说了。LayUi的模板的作⽤就是我们可以把三个页⾯实现的效果合并为⼀个页⾯的效果,因为我们多数情况下,每个项⽬都有导航条啊什么的,但是我们⼜想切换页⾯,⼜想导航栏还⼀直留下,我们当然可以不适⽤LayUi的模板,但是我们就必须得在每个页⾯上都重复写⼀遍导航条,造成的冗余数据量太⼤,显然是不合理的,所以我们就有必要使⽤模板,在地址栏不变动的情况下,把三个页⾯的东西汇聚到⼀个页⾯中,达到我们想要的效果,不多说,上栗⼦~
这就是模板+卡⽚⾯板的组成,在啰嗦⼀下,弹出层,⼤多数⼈都会⽤到的,就是作为⼀个友好提⽰来使⽤的,基本上这⾥边遇到的问题⽐较少,不多说,上栗⼦~
释放吧,运⾏效果展⽰~
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论