menu-add2.html

最新推荐文章于 2024-03-08 17:40:00 发布
原创 最新推荐文章于 2024-03-08 17:40:00 发布 · 296 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个网站后台管理模版的设计与实现，包括HTML结构、样式引用、表单元素及交互逻辑，展示了如何使用layui框架进行表单验证和提交处理。 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<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,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>网站后台管理模版</title>
		<link rel="stylesheet" type="text/css" href="../../static/admin/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../../static/admin/css/admin.css" />
	</head>
	<body>
		<div class="wrap-container">
				<form class="layui-form" style="width: 90%;padding-top: 20px;">
					<div class="layui-form-item">
						<label class="layui-form-label">菜单分类：</label>
						<div class="layui-input-block">
							<select name="category" lay-verify="required">
								<option value="0">作为顶级菜单</option>
								<option value="010">关于我们</option>
								<option value="021">产品中心</option>
								<option value="021">新闻中心</option>
								<option value="021">业务范围</option>
								<option value="021">联系我们</option>
								<option value="021">在线留言</option>
							</select>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">父级：</label>
						<div class="layui-input-block">
							<select name="category2" lay-verify="required">
								<option value="0">/</option>
								<option value="010">首页</option>
								<option value="010">关于我们</option>
								<option value="021">产品中心</option>
								<option value="021">新闻中心</option>
								<option value="021">业务范围</option>
								<option value="021">联系我们</option>
								<option value="021">在线留言</option>
							</select>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">标签：</label>
						<div class="layui-input-block">
							<input type="text" name="label" required lay-verify="required" placeholder="请输入标签" autocomplete="off" class="layui-input" value="关于我们">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">内部跳转：</label>
						<div class="layui-input-block">
							<select name="link1">
								<option value="">请选择跳转项</option>
							  <optgroup label="栏目">
							    <option value="010">首页</option>
								<option value="010">关于我们</option>
								<option value="021">产品中心</option>
								<option value="021">新闻中心</option>
							  </optgroup>
							  <optgroup label="单页">
							    <option value="021">业务范围</option>
								<option value="021">联系我们</option>
								<option value="021">在线留言</option>
							  </optgroup>
							</select>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">外部链接：</label>
						<div class="layui-input-block">
							<input type="text" name="link2" required lay-verify="required" placeholder="请输入外部链接" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">打开方式：</label>
						<div class="layui-input-block">
							<select name="category" lay-verify="required">
								<option value="0">默认</option>
								<option value="010">新窗口打开</option>
								
							</select>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">图标：</label>
						<div class="layui-input-block">
							<input type="text" name="title" required lay-verify="required" placeholder="请输入图标" autocomplete="off" class="layui-input">
						</div>

					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">状态：</label>
						<div class="layui-input-block">
							<input type="radio" name="status" value="1" title="显示" checked>
							<input type="radio" name="status" value="0" title="隐藏">
						</div>

					</div>

					<div class="layui-form-item">
						<div class="layui-input-block">
							<button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">立即提交</button>
							<button type="reset" class="layui-btn layui-btn-primary">重置</button>
						</div>
					</div>
				</form>
		</div>

		<script src="../../static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script>
			//Demo
			layui.use(['form'], function() {
				var form = layui.form();
				form.render();
				//监听提交
				form.on('submit(formDemo)', function(data) {
					layer.msg(JSON.stringify(data.field));
					return false;
				});
			});
		</script>
	</body>

</html>
精选资源
vue-context-menu-vue js的上下文菜单组件。-Vue.js开发
05-27
yarn add vue-context-menu ``` 然后，在你的Vue组件中引入并注册这个插件： ```javascript import Vue from 'vue'; import VueContextMenu from 'vue-context-menu'; Vue.use(VueContextMenu); ``` 在模板中，...
jquery-ui.min.js 插件
lllllllllaaa的博客
09-02 1万+
1、导入js库： script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js">script>       2、用法： 附赠案例一份： html> html> head lang="en">     meta charset="UTF-8">     title>折叠title>     script
《前端》引用包sidebar-menu.js源码及使用
BelleDiao的博客
06-29 1760
sidebar-menu.js源码： (function ($) { $.fn.sidebarMenu = function (options) { options = $.extend({}, $.fn.sidebarMenu.defaults, options || {}); var target = $(this); target.addClass('nav'); target.addClass('nav-list'); if (options.data) { init
Java -Dfile.encoding=UTF-8的使用
haixia_12的专栏
01-05 2万+
原文地址：http://blog.sina.com.cn/s/blog_4ce8808d0101d0i1.html Java -Dfile.encoding=UTF-8  遭遇乱码问题的来龙去脉 如下使用：java -XX:MaxPermSize=256M -Dfile.encoding=UTF-8 -Xbootclasspath/a:./acc/library/fc
bootstrap 流式布局 引入文件 bootstrap-combined.min.css
旋转的紫色星系
08-13 1万+
流式布局 创建一个流式、两栏的布局, 只需要—这非常适合应用于程序和文档类的网站。
ROS之choro功能包
热门推荐
zhangrelay的专栏
07-27 3万+
使用choro可以快速查找管理功能包，类似ubuntu的apt。 非常方便快捷。 如下： C:\ros_ws>choco search ros-foxy-desktop Chocolatey v0.10.15 ros-foxy-desktop 20201211.0.0.2104300001 1 packages found. 简洁版： ros-catkin-tools 0.0.1.1903221831 ros-cmake 3.11.4.1809242322 ros-colcon-too
vim常用设置---(.vimrc详细配置)
lovewebeye的专栏
04-16 3万+
.vimrc配置文件内容如下:""""""""""""""""""""""""""""""""""""""""&
关于element-plus中el-menu或者el-menu-item导致无法跳转问题或者无法路由或闪动问题解决方法
weixin_45917610的博客
10-20 1万+
原本界面:我出现的点击首页没有跳转，而点击其他的就跳转 原本的代码： 下面展示一些 内联代码片。 <el-menu background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" > <el-menu-item index="/
一、我来说LuCI: LuCI官方----3. Theme and Modules
不以己悲的博客
11-04 8404
中文总结： 1. 安装包对应目录：     ipkg   -- ipkg安装包配置     htdocs -- /www     luasrc -- /usr/lib/lua/luci     root -- linux根目录     src -- C code     lua -- /usr/lib/lua     dist -- 2. Makefile:     $(eva
Android 4.03 编译系统------envsetup.sh
wowo的专栏
08-21 3502
接触Android的也快半年了，一直都忙着学习android 的framework、HAL，对Android的编译系统一点都不了解，在编译系统时带来了很多的不便，所以花时间详细的了解了一下，下面记录一下学习心得(由于时间仓促，有的地方理解有误，请不吝赐教)。         Android编译环境的建立以及源码的下载，Android官网给了详细的说明：http://source.android.
vue结合vue-electron创建应用程序
Sandersonia的博客
03-08 4317
在现有的项目中使用electron，将网页转换成应用程序
Laravel开发-laravel-menu .zip
10-05
$menu->add(Link::to('/contact', 'Contact'))->addClass('highlight'); }); ``` 这段代码会创建一个名为`myMenu`的菜单，并添加三个链接：主页、关于我们和联系我们。`addClass`方法用于为特定菜单项添加CSS类。 ...
Laravel开发-laravel-menu (2).zip
10-05
在本压缩包“Laravel开发-laravel-menu (2).zip”中，主要涉及的是使用Laravel框架进行Web应用开发时，如何集成并使用laravel-menu库来构建网站的菜单系统。Laravel是一款流行的PHP框架，它以其优雅的语法和丰富的...
Laravel开发-laravel-active .zip.zip
10-05
$menu->add('关于我们', ['route' => 'about'])->activeIfRequestMatches('/^about/'); }); ``` 在视图中，你只需要渲染这个菜单即可： ```blade {{ Menu::get('MyMenu')->render() }} ``` 总结起来，Laravel的...
medici.zip
12-19
medici.zip
STM32电机库无感代码注释无传感器版本龙贝格观测三电阻双AD采样前馈控制弱磁控制斜坡启动
12-19
STM32电机库无感代码注释无传感器版本龙贝格观测三电阻双AD采样前馈控制弱磁控制斜坡启动内容概要：本文档为一份关于STM32电机控制的无传感器版本代码注释资源，聚焦于龙贝格观测器在永磁同步电机（PMSM）无感控制中的应用。内容涵盖三电阻双通道AD采样技术、前馈控制、弱磁控制及斜坡启动等关键控制策略的实现方法，旨在通过详细的代码解析帮助开发者深入理解基于STM32平台的高性能电机控制算法设计与工程实现。文档适用于从事电机控制开发的技术人员，重点解析了无位置传感器控制下的转子初始定位、速度估算与系统稳定性优化等问题。; 适合人群：具备一定嵌入式开发基础，熟悉STM32平台及电机控制原理的工程师或研究人员，尤其适合从事无感FOC开发的中高级技术人员。; 使用场景及目标：①掌握龙贝格观测器在PMSM无感控制中的建模与实现；②理解三电阻采样与双AD同步采集的硬件匹配与软件处理机制；③实现前馈补偿提升动态响应、弱磁扩速控制策略以及平稳斜坡启动过程；④为实际项目中调试和优化无感FOC系统提供代码参考和技术支持； 阅读建议：建议结合STM32电机控制硬件平台进行代码对照阅读与实验验证，重点关注观测器设计、电流采样校准、PI参数整定及各控制模块之间的协同逻辑，建议配合示波器进行信号观测以加深对控制时序与性能表现的理解。
自定义button样式，round-corners按钮
12-19
下载前必看：https://pan.quark.cn/s/cbeecb3ae425 GSCaptchaButton 功能 倒计时 自动禁用/启用按钮 自定义文字 使用方法 无论是自定义控件还是 xib，将继承自 UIButton 改为 GSCaptchaButton 开始倒计时 手动结束 判断是否处于倒计时状态 要求 Master iOS 8.0+ Xcode 10 (Swift 4.2 - 5.0) 安装 CocoaPods: 在 中增加: 手动 将 文件拖入你的项目
电气设备故障检测.zip
最新发布
12-19
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
FCN网络实现（PyTorch）
12-19
下载方式：https://pan.quark.cn/s/abd8d67e2b79 pytorch FCN easiest demo 不断更新中~ 这个repo是在读论文Fully Convolutional Networks for Semantic Segmentation时的一个pytorch简单复现，数据集很小，是一些随机背景上的一些包的图片（所有数据集大小一共不到80M），如下图 数据集示意图 关于此数据集详细信息，见数据集 根据论文实现了FCN32s、FCN16s、FCN8s和FCNs 部分代码参考了这个repo 使用visdom可视化，运行了20个epoch后的可视化如下图： 可视化1 可视化2 如何运行 1 我的运行环境 Windows 10 CUDA 9.x （可选） Anaconda 3 （numpy、os、datetime、matplotlib） pytorch == 0.4.1 or 1.0 torchvision == 0.2.1 visdom == 0.1.8.5 OpenCV-Python == 3.4.1 2 具体操作 打开终端，输入 打开另一终端，输入 若没有问题可以打开浏览器输入来使用可视化 3 训练细节 训练细节 数据集 training data来自这里，ground-truth来自这里。 链接中提供的图片中，部分ground-truth的有误，而且部分有ground-truth的图片没有对应training data的图片，将这些有错误的图片分别剔除，重新编号排序之后剩余533张图片。 之后我随机选取了67张图片旋转180度，一共在training data和ground-truth分别凑够600张图片（0.jpg ~...
.el-menu-item.is-active如何只给没有子元素的菜单
11-22
在HTML和CSS中，`.el-menu-item.is-active` 是Eleme UI（Element UI）中的一个类名，用于标识当前选中的导航菜单项。如果你想仅给那些没有子元素的菜单项添加这个样式，你可以这样做： 1. 首先，在CSS中，你可以为`.el-menu-item`设置默认样式，并在`.el-menu-item.is-active`中添加激活状态下的样式。例如： ```css .el-menu-item { /* 默认样式 */ } .el-menu-item.is-active { /* 激活状态样式，如背景颜色、边框等 */ } ``` 2. 然后，在JavaScript或Vue.js中，检查每个`.el-menu-item`是否有子元素，如果没有则应用`.is-active`类。假设你正在使用Vue.js： ```javascript <template> <div ref="menuItems"></div> </template> <script> export default { mounted() { this.$refs.menuItems.forEach(item => { if (!item.children) { // 如果没有子元素 item.classList.add('is-active'); } }); }, }; </script> ``` 这里使用了 Vue 的 `ref` 和 `forEach` 来遍历菜单项并判断是否需要添加 `.is-active` 类。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值