LayUI前端框架开发视频讲解

简  介 课程知识点:
1、两种容器的区别与使用
2、常用页面元素的使用
3、LayUI内置对象的使用
4、结合学习的知识点编写项目模块

01
什么是LayUI
【录播】课程资料与在线答疑服务(3分钟) 免费试学

【录播】认识layui前端框架(10分钟) 免费试学

【录播】演示LayUI弹出框(14分钟) 免费试学

02
容器与网页布局
【录播】认识容器(8分钟)

【录播】认识栅格系统(5分钟)

【录播】栅格的使用(13分钟)

【录播】后台模板的使用(7分钟)

03
网页基本元素(1)
【录播】内置图标的使用(9分钟)

【录播】按钮的使用(26分钟)

【录播】CSS动画效果(10分钟)

【录播】表单的使用(26分钟)

【录播】选项卡的定(12分钟)

【录播】进度条的使用(9分钟)

04
网页基本元素(2)
【录播】表格的使用(11分钟)

【录播】面板的使用(8分钟)

【录播】面板的使用(20分钟)

【录播】定义微章与时间线(13分钟)

【录播】网页其它元素(8分钟)

05
内置模块(1)
【录播】认识弹出层(14分钟)

【录播】弹出层的基本参数(19分钟)

【录播】弹出层的其它参数(12分钟)

【录播】日期与时间的使用(15分钟)

06
内置模块(2)
【录播】分页组件的使用(16分钟)

【录播】文件上传的使用(15分钟)

【录播】动态数据表格(23分钟)

【录播】轮播图的定义(12分钟)

07
内置模块(3)
【录播】数据验证(13分钟)

【录播】滑块的使用(6分钟)

【录播】评分的使用(9分钟)

08
综合实战
【录播】开发要求(6分钟)

【录播】开发准备(22分钟)

【录播】编写数据层代码(27分钟)

【录播】编写业务层代码(12分钟)

【录播】前台页面准备(7分钟)

【录播】增加新闻信息(24分钟)

【录播】新闻列表显示(21分钟)

【录播】删除新闻信息(17分钟)

【录播】修改新闻信息(28分钟)

原文地址:https://blog.51cto.com/11928539/2388759

时间: 2024-08-01 17:38:19

LayUI前端框架开发视频讲解的相关文章

layui前端框架

项目中需要弹出层效果,使用了layui前端框架,主要使用了里面的弹出层特效(可以移动) html代码 要给这个标签绑定click方法 1 <a href='javascript:;' data-method='offset' data-type='auto' class='showMean'>显示</a> 点击以后,显示这个页面 1 <div class="con-no-ma displayNo" id="con-no-ma">

基于gulp的前端框架开发规范

前端开发及相关规范 - 基于gulp的前端框架开发规范 1.前端开发工具的安装和使用说明 前端开发工具的目录结构 htmlcodeBuilder - v0.9 ├── statics ├── html //静态文件开发 ├── js // 非require引入的js文件 ├── Lib // 第三方JS包 ├── ve_2_1 // ├── css // 样式目录 ├── fonts // bootstrap的图标字体 ├── img // 图片目录 ├── less // less源码 ├──

MVVM开源框架Knot.js 教程2 - 大幅改变前端框架开发体验的Debugger

Knotjs教程系列 1.CBS初步 2.Knot.js Debugger(本文) ....持续增加中 Knot.js 教程2 - 改变前端框架开发体验的Debugger Debugger只是一个方便开发的附属工具,按道理说是不值得单独为之写一篇文章的.不过Knot.js的Debugger绝对值得一篇文章. 有过框架开发体验的朋友一定多少都有过和框架搏斗的经验.一个小小的设置错误,由于你对框架的不够熟悉,导致出错后完全摸不到头脑.或者被迫在一堆陌生的代码中跟踪尝试找出问题,或者只有上网到处拉人提

React前端框架开发入门

对Facebook推出的React仰慕已久,一直没有找到合适的机会尝试,而react早已经是最热门的前端框架,coding.net的WebIDE,墨刀的web原型设计应用,都是非常成熟的react应用:最近正好前后端都有很多想法,周末花时间折腾了一翻,顺利的完成React入门训练. 项目采用纯静态方式实现,全部都是静态文件,不需要任何服务器就可以运行效果.传送门 React简单介绍 React一般被用来作为MVC中的V层,它不依赖其他任何的库,因此开发中,可以与任何其他的库集成使用,包括Jque

weex,bui-weex基于vue前端框架开发移动应用

weex 官方文档 bui-weex 官网地址 Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架. 在集成了 WeexSDK 之后,你可以使用 JavaScript 语言和前端开发经验来开发移动应用. BUI-Weex 是一套专门为Weex前端开发者打造的一套高质量UI框架.帮助开发者快速构建移动应用 原文地址:https://www.cnblogs.com/lk4525/p/11322975.html

layui前端框架之分页

框架环境:SSM框架 为了保证效果,此次演示也用到了jQuery ui框架,大家最好也引入进来 一.去layui官网下载包,解压后,然后导入文件中,最好放再main/webapp文件夹下 官网地址如下:http://www.layui.com/ 二.新建实体类 package cn.pms.model; import java.util.Date; public class Employee { /** 工号*/ private String employeeNo; /** */ private

vue项目使用前端框架开发,实现滑动效果,若不刷新页面则无法达到预期效果的问题及解决方法

滑动等效果的初始化时机很重要,在vue项目开发中,需到mounted()钩子函数 (当组件中的DOM结构被渲染好并放到页面中后,会执行这个钩子函数,此时即可初始化滑动效果的js代码). 若组件未挂载到页面中,初始化效果无意义,无法获取元素. 因此,若需要操作页面中的元素,需在mounted()钩子函数中,此时DOM元素是最新的. 滑动效果成功后,底部的tabbar按钮的样式mui-tab-item需重新命名,因mui中的js代码与组件发生冲突 原文地址:https://www.cnblogs.c

Html5+Mui前端框架,开发记录(三):七牛云 上传图片

1.Html界面: 1 <div id="container"> 2 <label>凭证:</label> 3 <div id="uploadImage" class="mui-btn" style="float: left; margin-top: 5px;text-align: center;padding:10px;width: 100px;">选择图片 4 </di

微信小程序评论/留言功能,附:前端+后端代码+视频讲解!

前端界面: 演示: <!-- 表单 --> <form bindsubmit="formSubmit"> <input type="text" name="liuyantext" placeholder='输入留言内容' class="input-style"/> <button formType="submit" class="btn" wx: