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

发布时间 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
  • KEEN「恳因」深圳万象天地店、广州天环广场店双店齐开
    KEEN「恳因」深圳万象天地店、广州天环广场店双店齐开
    2024年4月,美国户外品牌KEEN「恳因」深圳万象天地店、广州天环广场店,双店齐开,为中国消费者带趣原创奇履家族成员,让中国..
  • HUBLOT宇舶表重磅发布BIG BANG MP-11 14天动力储存水蓝色蓝宝石腕表
    HUBLOT宇舶表重磅发布BIG BANG MP-11 14天动力储存水蓝色蓝宝石腕表
    瑞士奢华制表品牌HUBLOT宇舶表重磅发布全新Big Bang MP-11腕表。全新时计搭载具有雕塑美感且配备七个串联发条盒的精密机芯,可..
  • RIMOWA(日默瓦)推出全新 Hammerschlag 锤纹复古系列
    RIMOWA(日默瓦)推出全新 Hammerschlag 锤纹复古系列
    自 1898 年创立以来,RIMOWA(日默瓦)始终致力于打造优美外观与实用功能兼具的移动装备,品牌的档案典藏更是见证了其追求卓越..
  • 最新Fashion News