1. 什么是layuiadmin?
layuiadmin 是一个后台管理界面的前端模板,由于该模板基于 layui 框架开发,所以命名为 layuiadmin。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layuiAdmin 控制台主页一 - layui.admin 内容管理系统</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="../layui/css/layui.css" media="all">
<link rel="stylesheet" href="./css/main.css?v=3112 " media="all">
<link rel="stylesheet" href="./css/themes/default.css" media="all">
</head>
<body>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-header">控制台</div>
<div class="layui-card-body">
内容区域
</div>
</div>
</div>
<script src="../layui/layui.js"></script>
<script>
layui.config({
base: '../layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use('index');
</script>
</body>
</html>
1.1 layui 框架介绍
layui 是一款简洁易用的前端 UI 框架,它采用了模块化的方式,所有功能都能以模块的形式自由组合。layui 的代码比较简洁,且自带了大量的样式和组件,使得我们可以省去很多手写代码的工作。
1.2 layuiadmin 使用
layuiadmin 模板需要搭建在一个 Web 服务器上才能访问,因为模板中使用了 AJAX 请求,如果直接用浏览器打开,请求将无法发送。
下载 layuiadmin 的源码后,我们需要将整个 layuiadmin 目录(包括 layuiadmin 目录下的所有文件和文件夹)放到 Web 服务器的根目录下,用浏览器访问 index.html 文件即可。建议使用 Apache 或 Nginx 等 Web 服务器进行访问。
1.3 layuiadmin 特性
layuiadmin 模板是一个基于 layui 框架进行开发的通用型后台管理模板,拥有较多的特性:
采用了 layui 框架进行开发,支持模块化架构,所有功能都能以模块化的形式自由组合。
拥有较多现代化的 UI 组件,如表格、表单、日期选择器等等,大大缩短了开发时间。
采用了单页应用(SPA)的方式,减少了页面切换的时间和延迟,体验优秀。
登录和退出功能,支持自定义登录页和退出链接。
全局配置,支持统一配置侧栏、顶部、底部和皮肤等,便于快速开发。