⼩区后台管理系统项⽬前端html页⾯模板实现⽰例⽬录
登录
⼩区管理系统主页
⼩区管理菜单
房产管理菜单
业主信息管理菜单
停车位管理菜单
服务管理菜单
资产管理菜单
收费管理菜单
管理员管理菜单
系统设置
项⽬结构：
主要代码展⽰：
登录
⼩区列表
登录
⼩区管理系统主页
⼩区管理菜单
房产管理菜单
业主信息管理菜单
停车位管理菜单
服务管理菜单
资产管理菜单
收费管理菜单
管理员管理菜单html网页免费模板
系统设置
项⽬结构：
主要代码展⽰：
登录
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">  <title>系统登录</title>
<link rel="stylesheet" href="css/login.css" rel="external nofollow"  >
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
</head>
<body class="login-bg">
<div class="login">
<div class="message">系统登录</div>
<div id="darkbannerwrap"></div>
<form method="post" class="layui-form" >
<input name="username" placeholder="⽤户名"  type="text" lay-verify="required" class="layui-input" >
<hr class="hr15">
<input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
<hr class="hr15">
<input value="登录" lay-submit lay-filter="login" type="submit">
<hr class="hr20" >
</form>
</div>
<script>
layui.use(['form'],
function() {
$ = layui.jquery;
var form = layui.form(),
layer = layui.layer;
//监听提交
<('submit(login)',
function(data) {
//alert(1);
/*console.log(data);*/
layer.alert(JSON.stringify(data.field), {
title: '点击确定进⼊后台'
},function  () {
location.href = "./index.html";
})
return false;
});
});
</script>
<!-- 底部结束 -->
</body>
</html>
⼩区列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
⼩区列表
</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="css/main.css" rel="external nofollow"    media="all">
<script type="text/javascript" src="lib/loading/okLoading.js"></script>
<link rel="stylesheet" href="css/bootstrap.css" rel="external nofollow"  >
</head>
<body>
<div class="x-nav">
<span class="layui-breadcrumb">
<a><cite>⾸页</cite></a>
<a><cite>⼩区管理</cite></a>
<a><cite>⼩区列表</cite></a>
</span>
<a class="layui-btn layui-btn-small"   href="place(location.href);" rel="external nofollow"    title="刷新"><i class="layui-icon" ></i></a> </div>
<div class="x-body">
<form class="layui-form x-center" action="" >
<div class="layui-form-pane" >
<div class="layui-form-item">
<label class="layui-form-label">⽇期范围</label>
<div class="layui-input-inline">
<input class="layui-input" placeholder="开始⽇" id="LAY_demorange_s">
</div>
<div class="layui-input-inline">
<input class="layui-input" placeholder="截⽌⽇" id="LAY_demorange_e">
</div>
<div class="layui-input-inline">
<input type="text" name="username"  placeholder="请输⼊登录名" autocomplete="off" class="layui-input">
</div>
<div class="layui-input-inline" >
<button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon"></i></button>
</div>
</div>
</div>
</form>
<xblock>
<button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
<button class="layui-btn" onclick="admin_add('添加','communityadd.html','1000','600')"><i class="layui-icon"></i>添加</button>
<span class="x-right" >共有数据：<span class="layui-badge">2</span> 条</span>
</xblock>
<table class="layui-table">
<thead>
<tr>
<th>
<input type="checkbox" name="" value="">
</th>
<th>
ID
</th>
<th>
⼩区编号
</th>
<th>
⼩区名称
</th>
<th>
坐落地址
</th>
<th>
占地⾯积（m2）
</th>
<th>
总栋数
</th>
<th>
总户数
</th>
<th>
绿化率（%）
</th>
<th>
缩略图
</th>
<th>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。