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

发布时间 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
  • 戴比尔斯高级珠宝新作「Metamorphosis by De Beers」,致敬自然美学
    戴比尔斯高级珠宝新作「Metamorphosis by De Beers」,致敬自然美学
    △欢迎关注中颐宝石会,只为,更美~戴比尔斯推出2023年高级珠宝系列「Metamorphosis by DeBeers」,致敬自然美学,赞颂生命奇..
  • 帝舵(Tudor)黑色海湾58海军蓝手表
    帝舵(Tudor)黑色海湾58海军蓝手表
    它的39毫米表壳与1958年首次推出时的专业潜水表尺寸保持一致。浅蓝色表盘和铝质表圈与1969年问世的黑湾手表具有相同的颜色,随..
  • 蒂芙尼经典入门级珠宝,爱心钥匙环系列,款式耐看百搭还价格亲民
    蒂芙尼经典入门级珠宝,爱心钥匙环系列,款式耐看百搭还价格亲民
    TiffanyCo.一直以来都是小姐姐们的梦想礼物,其中以Return toTiffany为灵感的珠宝系列,更被誉为梦幻度最高、又具品牌代表性的..
  • 最新Fashion News