使用layui框架迅速搭建后台管理页面 |
您所在的位置：网站首页 › 基于layui的后端模板 › 使用layui框架迅速搭建后台管理页面 |
使用layui框架迅速搭建后台管理页面
|
写在前面
layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。 其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。 准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。 材料准备1.进入layui官网下载layui资源包：https://www.layui.com 
图1.layui官网
代码书写
后台管理界面如下图所示： 
图2.后台界面效果图
后台管理界面代码如下所示：
后台管理面板
后台管理面板
控制台
商品管理
用户
其它系统
邮件管理
消息管理
授权管理
贤心
基本资料
安全设置
退了
所有商品
列表一
列表二
列表三
超链接
解决方案
列表一
列表二
超链接
云市场
发布商品
内容主体区域
Copyright © 2018 idcs.vip All Rights Reserved.
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
});
其中css和js资源引用需要替换成自己的资源链接。 参考资源更多内容可阅读layui官方文档https://www.layui.com/doc/。 作者：戴翔 电子邮箱：[email protected] |
【本文地址】
今日新闻 |
推荐新闻 |