LayUi前端框架用法讲解--Table数据表格的新增和列表查询功能

最新推荐文章于 2024-07-22 17:54:08 发布

DcForever

最新推荐文章于 2024-07-22 17:54:08 发布

阅读量1.4w

点赞数 8

分类专栏：前端

本文链接：https://blog.csdn.net/DCFANS/article/details/91895820

版权

最后一篇LayUi前端框架的介绍视频，介绍Table数据表格的新增和列表查询功能
效果图：
在这里插入图片描述

先放一下全部的代码，然后在解析一下新增和列表查询：

<!DOCTYPE html>
<html>
<head th:include="common/header::commonHeader">
<!--   <meta charset="utf-8">
  <title>layui</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">
  <link rel="stylesheet" href="../../layui/css/layui.css" media="all" /> -->
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
	<blockquote class="layui-elem-quote news_search">
		<div class="layui-row">
			<form class="layui-form layui-col-md12 x-so" id="complain_search">
				服务编号:
				<div class="layui-input-inline">
					<input type="text" name="serviceCode" id="serviceCode"
						placeholder="请输入服务编号" autocomplete="off" class="layui-input">
				</div>
				订单号:
				<div class="layui-input-inline">
					<input type="text" name="compOrder" id="compOrder"
						placeholder="请输入订单号" autocomplete="off" class="layui-input">
				</div>
				投诉类型:
				<div class="layui-input-inline">
					<select name="compType" id&