用layui创建一个管理后台主页,左侧包含功能菜单:医生信息管理,候诊区管理,诊室房间管理,采血管理,药房管理
时间: 2023-10-10 11:04:31 浏览: 40
好的,以下是一个简单的layui创建管理后台主页的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>管理后台</title>
<link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body>
<!-- 顶部工具栏 -->
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">管理后台</div>
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item"><a href="">首页</a></li>
<li class="layui-nav-item"><a href="">个人中心</a></li>
<li class="layui-nav-item"><a href="">退出登录</a></li>
</ul>
</div>
<!-- 左侧菜单 -->
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-filter="nav">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">医生信息管理</a>
<dl class="layui-nav-child">
<dd><a href="">添加医生</a></dd>
<dd><a href="">删除医生</a></dd>
<dd><a href="">修改医生信息</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">候诊区管理</a>
<dl class="layui-nav-child">
<dd><a href="">候诊人员列表</a></dd>
<dd><a href="">排队叫号设置</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">诊室房间管理</a>
<dl class="layui-nav-child">
<dd><a href="">添加诊室房间</a></dd>
<dd><a href="">删除诊室房间</a></dd>
<dd><a href="">修改诊室房间信息</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">采血管理</a>
<dl class="layui-nav-child">
<dd><a href="">添加采血人员</a></dd>
<dd><a href="">删除采血人员</a></dd>
<dd><a href="">修改采血人员信息</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">药房管理</a>
<dl class="layui-nav-child">
<dd><a href="">添加药品</a></dd>
<dd><a href="">删除药品</a></dd>
<dd><a href="">修改药品信息</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<!-- 主体内容 -->
<div class="layui-body">
<div class="layui-container">
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header">欢迎使用管理后台</div>
<div class="layui-card-body">
这里是管理后台的主体内容,可以添加各种管理功能。
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部版权信息 -->
<div class="layui-footer">
© 版权所有 2021,xxx医院
</div>
</div>
<script src="./layui/layui.js"></script>
<script>
// 初始化layui
layui.use(['element', 'layer'], function(){
var element = layui.element;
var layer = layui.layer;
});
</script>
</body>
</html>
```
你可以将上述代码保存为一个HTML文件,然后在浏览器中打开该文件,就可以看到一个带有左侧菜单的管理后台主页,其中左侧菜单包含了医生信息管理、候诊区管理、诊室房间管理、采血管理和药房管理这五个功能模块。你可以根据自己的需求修改菜单名称、菜单项等内容。