hello

最新推荐文章于 2024-08-05 20:55:49 发布
最新推荐文章于 2024-08-05 20:55:49 发布
阅读量41 收藏
点赞数
文章标签： rabbitmq
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lllzhou/article/details/134676849
版权

<%--
Created by IntelliJ IDEA.
User: XCXY
Date: 2023/10/30
Time: 9:03
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>管理首页</title>
<link href="/statics/css/bootstrap.css" rel="stylesheet"/>
<link href="statics/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
<%@include file="inc/nav.jsp"%>
<div class="container-fluid">
<div class="row p-3 mt-3">
<div class="col-9 col-lg-2">
<%@include file="inc/menu.jsp"%>
</div>

<div class="col-9 col-lg-10">
<div class="d-flex">
<div class="input-group mr-auto w-50">
<form class="form-inline" action="/category/list" method="post">
<input type="text" name="name" class="form-control" placeholder="请输入查询条件">
<button type="submit" class="btn btn-success ml-2">
<i class="bi-search"></i>查询
</button>
</form>
<div >
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addCategory">
<i class="bi-plus">添加分类</i>
</button>

</div>
</div>
</div>
<div class="jumbotron">
<table class="table table-hover table-bordered table-striped text-center">
<thead class="thead-dark">
<tr>
<th scope="col">序号</th>
<th scope="col">分类名</th>
<th scope="col">简介</th>
<th scope="col">操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${requestScope.categoryList}" var="c" varStatus="vs">
<tr>
<td>${vs.count}</td>
<td>${c.name}</td>
<td class="text-truncate" style="max-width: 150px">${c.description}</td>
<td>
<div class="btn-group">
<a class="btn btn-sm btn-warning text-white" href="#"
data-toggle="modal" data-target="#editCategory" category-id="${c.id}">
<i class="bi-gear"></i>编辑</a>
<a class="btn btn-sm btn-danger" href="/category/delete?id=${c.id}">
<i class="bi-trash"></i>删除</a>
</div>
</td>
</tr>
</c:forEach>
</tbody>
</table>

</div>

<div>
<nav>
<ul class="pagination justify-content-between">
<li class="page-item">
<a class="page-link rounded-pill" href="/category/list?currentPage=${requestScope.pager.previous}&name=${param.name}" tabindex="-1">上一页</a>
</li>
<li class="page-item">
<a class="page-link rounded-pill">总共${requestScope.pager.pageCount}页,当前第${requestScope.pager.currentPage}页</a>
</li>
<li class="page-item">
<a class="page-link rounded-pill" href="/category/list?currentPage=${requestScope.pager.next}&name=${param.name}">下一页</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>

<footer class="fixed-bottom0 bg-dark text-white">
<p class="text-center p-3 m-0">
超市管理系统
</p>
</footer>
<div class="modal fade" id="addCategory" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">添加分类</h5>
<button type="button" class="close" data-dismiss="modal">
<span>&times;</span>
</button>
</div>
<div class="modal-body">
<form id="addCategoryForm" action="/category/add" method="post">
<div class="form-group row">
<label class="col-sm-2 col-form-label">分类名</label>
<div class="col-sm-10">
<input type="text" name="name" class="form-control"placeholder="分类名">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">简介</label>
<div class="col-sm-10">
<textarea name="description" class="form-control" rows="4"></textarea>
</div>
</div>
<div class="text-danger d-none alert"></div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
<button id="addButton" type="button" class="btn btn-primary">提交</button>
</div>
</div>
</div>
</div>
<!-- 编辑分类Modal -->
<div class="modal fade" id="editCategory">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">编辑分类</h5>
<button type="button" class="close" data-dismiss="modal">
<span>&times;</span>
</button>
</div>
<div class="modal-body">
<form id="editCategoryForm" action="/category/edit" method="post">
<div class="form-group row">
<label class="col-sm-2 col-form-label">分类</label>
<div class="col-sm-10">
<input type="hidden" name="id">

<input type="text" name="name" class="form-control" placeholder="分类名">
</div>
</div>

<div class="form-group row">
<label class="col-sm-2 col-form-label">简介</label>
<div class="col-sm-10">
<textarea name="description" class="form-control" rows="4"></textarea>
</div>
</div>
<div class="text-danger d-none alert">
</div>

</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
<button id="editButton" type="button" class="btn btn-primary">提交</button>
</div>
</div>
</div>
</div>
<script src="/statics/js/jquery.js" type="text/javascript"></script>
<script src="/statics/js/bootstrap.js" type="text/javascript"></script>
<script>
$(document).ready(function () {
$("#addButton").click(function () {
let error ="";
let addForm = $("#addCategoryForm");
if (addForm.find("input[name=name]").val()==""){
error += "请输入分类名<br>";
}
if (error !=""){
addForm.find("div[class~=alert]").html(error);
addForm.find("div[class~=alert]").removeClass("d-none");
}else {
addForm.find("div[class~=alert]").addClass("d-none");
addForm.submit();
}

})

})
</script>
<script>
$(document).ready(function () {
$("#editButton").click(function () {
let error ="";
let editForm = $("#editCategoryForm");
if (editForm.find("input[name=name]").val()==""){
error += "请输入分类名<br>";
}

if (error !=""){
editForm.find("div[class~=alert]").html(error);
editForm.find("div[class~=alert]").removeClass("d-none");
}else {
editForm.find("div[class~=alert]").addClass("d-none");
editForm.submit();
}

})

})
</script>
<script>
$(document).ready(function () {
$("a[category-id]").click(function () {
$.getJSON("/category",{id:$(this).attr("category-id")},function (result) {
$("#editCategoryForm").find("input[name=id]").val(result.data.id);
$("#editCategoryForm").find("input[name=name]").val(result.data.name);
$("#editCategoryForm").find("textarea[name=description]").val(result.data.description);
})
})
})
</script>
<script>

</script>
</body>
</html>






 

不想当副班
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
matlab hello world,hello world
weixin_32635501的博客
04-09 2176
hello world(程序代码)编辑锁定讨论上传视频Hello World 中文意思是『你好，世界』。因为 The C Programming Language 中使用它做为第一个演示程序，非常著名，所以后来的程序员在学习编程或进行设备调试时延续了这一习惯。中文名你好，世界外文名Hello World创造者Brian Kernighan(布赖恩·克尼根)类型程序代码出处The C...
自制 Windows Hello
Clannad_niu的博客
09-02 6461
0x00 背景 前一段时间偶然了解到了Windows hello，可以人脸解锁windows，可以不用麻烦的输密码解锁了，于是去搜了一下，某宝上的成品摄像头都要一二百块，太贵了。在b站上找到了一个使用外星人笔记本摄像头改装的摄像头，可以实现windows hello的功能，于是就有了这篇文章。 0x01 材料 需要的材料有戴尔外星人摄像头一个，某宝搜 戴尔/DELL 7569 7778 7779 摄像头 就有了 像下面这样 ...
你真的懂Java怎么输出Hello World吗？
热门推荐
Jack·Kwok的博客
06-10 40万+
你真的懂Java怎么输出Hello World吗？1. 你会不会输出"Hello World!"？2. 小生抛砖引玉，欢迎指正3. 总结 1. 你会不会输出"Hello World!"？ 当我们学习一门编程语言的时候，我们都会先学如何输出Hello World！ ????：“你真的会吗？” ????：“会！” ????：“以下这几个例子，我背都给你背下来！！！！”【骄傲】 C语言 printf("Hello World！"); C++语言 cout << "Hello World!";
Python实现hellokitty
兔子王
10-31 4万+
粉红色系列更新啦，我用python实现了一只kitty猫！
Hello World!
ityanger的技术栈
03-28 1万+
输出"Hello World!". C语言: #include <stdio.h> int main() { printf("Hello World!\n"); return 0; } C++: #include <iostream> using namespace std; int main() { cout << "Hel...
c语言的Hello World
xc123555的博客
01-01 9万+
C语言Hello World 入门一、Hello World1.1、当前目录下创建.c结尾的c文件1.2、编写c语言代码1.3、dos下编译运行1.4、内容解析 记录学习笔记 一、Hello World   首先创建一个文件夹用来存放代码，如下： 1.1、当前目录下创建.c结尾的c文件 注意：以.c结尾的文件是c语言的源文件 1.2、编写c语言代码 我使用的是notepad++打开，编写一段c语言程序 必须是提前安装了gcc程序， gcc不是系统自带的。 接下来使用dos进行编译，注意安装gcc; h
（超详细）Eclipse使用教程——使用Eclipse创建第一个HelloWorld！
baidu_40287528的博客
07-07 7万+
超详细的Eclipse使用教程——使用Eclipse创建第一个HelloWorld！，手把手教学啊。
用几种不同的语言输出：Hello world!!!（C、C++、Java、Python、JavaScript）
★★光亭★★
10-24 1万+
用几种不同的语言输出：Hello world!!!（C、C++、Java、Python、JavaScript）
c语言helloworld详解
bodyzsm的博客
12-02 2967
C语言 第一个程序(打印Hello World)
【一起学Rust】Rust的Hello Rust详细解析
广龙宇的博客
07-14 11万+
在上一小结中，我们搭建了 Rust 的开发环境，并且使用 Rust 的包管理工具 Cargo 运行了官方提供的示例程序。本节我们将使用 Rust 来实现一个 Hello World。当你学习任意一门编程语言时，学习的第一门课就是 Hello World，通过 Hello World 你可以了解这门编程语言基本上是什么样子的，怎么编程，对其一些语法特性能有个基本的了解。...
hello_helloworld_
10-02
标题中的"hello_helloworld_"可能是指一个简单的C++程序，用于在控制台上打印经典的"Hello, World!"消息。这个程序通常被用作编程语言的基本入门示例，展示如何编写、编译和运行基本代码。 在描述中提到的“向...
Helloworld_helloworld_
09-29
在编程世界中，"Hello, World!"程序是一个经典的起点，用于教授新手如何在特定的编程语言中编写并运行他们的第一个程序。这个简单的程序通常只包含一行代码，用于在控制台上打印出 "Hello, World!" 这个字符串。在这...
HelloWorld
12-24
在IT行业中，"HelloWorld"是一个非常基础且重要的概念，它是初学者接触编程时第一个编写的程序。这个简单的程序在各种编程语言中的实现都大同小异，主要目的是为了让新手了解如何在计算机上打印出“Hello, World!”...
RabbitMQ 什么语言写的
嫦娥妹妹等等我的博客
08-05 224
RabbitMQ 是用 Erlang 编程语言编写的。Erlang 是一种并发编程语言，最初由爱立信（Ericsson）开发，专门用于构建分布式、容错、高可用的系统。以下是关于 RabbitMQ 和 Erlang 的一些详细信息：概述：特性：应用场景：概述：特性：应用场景：RabbitMQ 选择 Erlang 的原因包括：RabbitMQ 是用 Erlang 编写的，这使得它在处理高并发、容错和分布式系统方面表现出色。Erlang 的特性非常适合构建像 RabbitMQ 这样需要高可靠性、高可用性和高并发处
Rabbitmq的死信队列与如何利用死信队列实现延迟队列
weixin_64122713的博客
08-05 204
Rabbitmq的死信队列与如何利用死信队列实现延迟队列
RabbitMQ-高级
最新发布
weixin_49429082的博客
08-05 917
介绍了RabbitMQ发送者可靠性、MQ的可靠性、消费者的可靠性以及延迟消息
RabbitMQ如何保证可靠性
Smarmot的博客
08-05 573
本问将通过RabbitMQ来介绍消息队列如何去保证可靠性，保证消息的不丢失。总共分为四个方面。
校园课程助手【8】-RabbitMQ实现异步选课
东篱君的博客
08-05 258
RabbitMQ实现异步抢课
hello word
03-06
"Hello World" 是一个经典的编程入门示例，它是在计算机编程中用于最简单的程序的常见示例。通常，"Hello World" 程序会输出一条简单的问候语，例如 "Hello, World!"。 在不同的编程语言中，实现 "Hello World" ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值