「前端」写给后端程序员的模块化前端结构

发布时间 2018年08月25日 12:14    编辑:landyliao    来源:Kuey的Java全栈日记 资讯 » 生活

layui的简介

提到前端结构,或许咱们立马就想到react.js、angular.js和vue.js,也确实,这些MVVM结构的盛行,得益于其便当的模块化完成,使得前后端别离火爆,大大提高了用户体会。

关于它们的呈现,也为部分程序员带来了学习的本钱,当然,关于前端程序本来说是一个功德,因为他们可以更好的完成前端作用,且不受后端约束,而关于一些全栈程序员来说,特别像小编这种不思进取的全栈程序员来说,会对这学习本钱感到一阵沮丧,不过沮丧往后仍是持续学习。

不过,有一个人,像是看到了小编这种人的难处,推出了一款名叫layui的前端结构,它不但有大而全的功用组件,颜值也不输任何现盛行的前端UI,它号称是“经典模块化前端结构”,却被大多前端程序员所不屑,但对小编来说却如拾魁宝。

关于这么一个产品,其作者“贤心”在知乎是这么说的:有人说 layui 的“抱残保守” 是一项后退,在上一年刚发布时就饱尝前端同行的鄙夷,许多人质疑为毛不直接拥抱MVVM?可是事实上,在国内仍有适当一部分集体依旧在选用较传统的前端开发形式(当然首要是以服务端人员为主),因为他们的中心技术栈不在前端,所以他们总是在寻觅前端界面的快速开发计划,比方老牌的BootStrap,而咱们的 layui 是为了让人们在这一条道路上有更多(或者说更好)的挑选。因而我觉得,需求有人去做这件事而且坚持下去,为着这一集体,直到他们不再需求她,然后在路旁边建立一块碑碣,上面写着:“layui-过往的雷锋UI”,便挥一挥衣袖,持续前行,也算是功德圆满。但在这之前,我以为 layui 仍会是一个不错的伴侣,现在日均 2w的独立访客就是一个证明。

且看作者用此结构做出来的后台办理模块,是不是很棒,尽管此后台办理模块是收费的,可是你用好了layui,相同可以做出这样的作用

作者自研的后台办理模块快速上手

想要在项目中运用,非常简略,从官网/github/码云下载下来,在页面中引进以下js或css即可

页面js中运用

以上是模块化的运用方法,假如你想选用非模块化的方法,可以改为引进这个js,css不变

页面js中直接就可以运用

常用的元素简介

有咱们常用的栅格

栅格款式

代码如下:

栅格代码

形象各异的按钮与表单元素

按钮

表单元素

高雅的弹框

多种格局的日期挑选器

包罗万象的数据表格

最终

当然,文章介绍的都是百里挑一,喜爱的朋友可以去其官网了解学习,关于后端程序员来说,它的呈现可以大大削减咱们在前端的纠结,快速开发出自己的后台办理体系;关于作者,小编是深感敬仰的,尽管说逆潮流而行是一种无力的反抗,但最少,它可以陪这个年代走完最终一程。

文章 程序员 框架
热点MOST POPULAR
  • Burberry 隆重呈献2024冬季系列
    Burberry 隆重呈献2024冬季系列
    全新系列的设计灵感来自英国和爱尔兰的人文及自然景观,以崭新的廓形和面料演绎品牌标志性元素,带来温暖守护,呈现优雅的户外..
  • 2023奢侈品年度甄选年度设计创意腕表: 爱彼皇家橡树系列自动上链腕表
    2023奢侈品年度甄选年度设计创意腕表: 爱彼皇家橡树系列自动上链腕表
    搜狐时尚奢侈品年度甄选年度设计创意腕表的获奖者,是瑞士高级制表品牌爱彼(Audemars Piguet)与美国时装设计师Matthew Willi..
  • Berluti发布2024秋冬系列
    Berluti发布2024秋冬系列
    经典形象是个性的一种表达方式。当衣橱中的基本款充满丰富的标志性细节,毫无疑问它会变得独一无二。在2024年秋冬系列中,Berl..
  • 最新Fashion News