Layui基本使用+源码(MVC)

介绍

话不多说,各位老大稍微了解下就知道:Laui是16年出厂的国产开源前端框架。
说白了就是拿来即用,风格类似Bootstrap,可以说是专为后端程序员设计。定义了很多前后端交互的样式接口,极大减少了后端人员的开发成本。

说白了,该框架就是为了方便后端人员开发前端而使用的。再一个就是放心使用和学习,这个老家伙是开源的。
官方文档:https://www.layui.com/doc/

使用范围

博主最近在开发小程序web后台管理模块,觉得这个框架不错,很适合开发后台管理之类的web项目,特以此记录。至于和Bootstrap等成熟框架相比的话。无外乎看亮点:


  • 两个都是UI渲染框架:bootstrap相对来说是比较成熟的一个框架,但是同时也是因为成熟,就显得有些冗余,layui比较新,轻量级,样式简单好看;
  • 适用范围不一样:bootstrap 在前端响应式方面没得说,无论是做pc,还是移动端那都是杠杠的;layui 其实则更偏向与后端开发人员使用,在服务端页面上有非常好的效果。所以怎么选择,看具体需求,仁者见仁智者见智。

环境导入

1.官方下载包(https://www.layui.com/)
在这里插入图片描述
2.将下载好的文件导入项目
博主是采用的Asp.Net MVC(VS2012)开发此次项目,所以将其导入Content文件夹即可。
在这里插入图片描述
3.前端页面引用
导入其中的layui.js、layui.css即可。
在这里插入图片描述

最终效果及源码

在这里插入图片描述
LayUI主要内容会后续介绍。以及小程序开发,后续博主也会持续分享。这是此次Layui静态登录样式源码:
链接:https://pan.baidu.com/s/1z-SSyo_HfW3rVWIhAUWrmg
提取码:GQYu

  • 3
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值