hi,你好!欢迎访问本站!登录
本站由阿里云强力驱动
当前位置:首页 - 文章 - WEB前端 - 正文 佛曰:你二大爷还是你二大爷。

layui背景框架的搭建详解_WEB前端开发,layui

2019-12-03WEB前端ki4网5°c
A+ A-

layui(谐音:类UI) 是一款采纳自身模块范例编写的前端 UI 框架,遵照原生 HTML/CSS/JS 的誊写与组织形式,门坎极低,拿来即用。其外在极简,却又不失饱满的内涵,体积轻巧,组件丰盈,从中心代码到 API 的每一处细节都经由经心砥砺,异常合适界面的疾速开发。

layui 首个版本宣布于2016年金秋,她区分于那些基于 MVVM 底层的 UI 框架,却并不是逆道而行,而是信仰返璞归真之道。正确地说,她更多是为服务端程序员量身定做,你无需涉足种种前端东西的庞杂设置,只需面临浏览器自身,让统统你所须要的元素与交互,从这里信手拈来。

一、从官网下载layui(可保存至恣意盘符)

下载完成后,能够看到以下架构

├─css //css目次
│ │─modules //模块css目次(平常假如模块相对较大,我们会零丁提取,比以下面三个:)
│ │ ├─laydate
│ │ ├─layer
│ │ └─layim
│ └─layui.css //中心款式文件
├─font //字体图标目次
├─images //图片资本目次(如今只要layim和编辑器用到的GIF脸色)
│─lay //模块中心目次
│ └─modules //各模块组件
│─layui.js //基本中心库
└─layui.all.js //包括layui.js和一切模块的兼并文件

二、从Git堆栈下载layui 的完全开发包,以便于举行二次开发

下载地点:https://github.com/sentsin/layui/

三、 npm 装置(条件是要先装置node.js-----此操纵见下节node.js的装置)

平常用于 WebPack 治理

四、完成以上操纵后,新建一个项目(这里以MVC为案例)

然后将下载好的layui(完全挪动,不要变动文件名以及其他信息)移至项目

五、如今已布置好了layui,能够新建页面检察结果

在MVC中新建规划页(框架中有一部分内容是一样的,所以能够重复运用,故新建规划页,在其他项目中也能够新建母版页,用户控件等等)

地点:http://www.layui.com/demo/admin.html 将背景规划写好

挑选猎取规划代码,将代码贴至规划页中。

新建规划页和视图页,在规划页中内容主体地区要加@RenderBody()要领,其他项目不云云,以下

增加视图--

运转视图,可得到以下结果

在规划页中给列表一加上跳转链接--

新建FormTable视图(注重要增加规划页),到场其他元素,此处增加的表单元素,地点:http://www.layui.com/demo/form.html,挑选检察代码将所要的代码贴至页面--

运转index.cshtml页面后,点击列表一,涌现以下结果:

更多layui学问请关注layui运用教程栏目。

以上就是layui背景框架的搭建详解的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  移步手机端
layui背景框架的搭建详解_WEB前端开发,layui

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>