简单的增删改查页面

最新推荐文章于 2024-05-30 09:45:27 发布
最新推荐文章于 2024-05-30 09:45:27 发布
阅读量3.1k 收藏 4
点赞数
文章标签： 简单的增删改查页面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hehe520347/article/details/8816804
版权 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
String path = request.getContextPath();
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>用户管理</title>
<link href="<%=path%>/css/main.css" rel="stylesheet" type="text/css" media="all" />
<script src="<%=path%>/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="<%=path%>/js/datePicker/calenderJS.js"></script>
</head>
	<script type="text/javascript">
	/**
	 * 根据条件检索合同信息
	 */
	function queryUsers() {
		document.forms[0].submit();
	}

	/**
	 * 根据ID调用server修改查询方法
	 */
	function editUser(id) {
		var form = document.forms[1];
		form.id.value = id;
		form.submit();
	}
	/**
	 * 根据ID调用server删除方法
	 */
	function delUser(id) {
		var flag = window.confirm('您确认要删除此用户吗?');
		if(!flag){
			return;
		}
		var form = document.forms[1];
		form.action="<%=path%>/car!deleteCarById.action";
		form.id.value = id;
		form.submit();
	}
	<%-- function queryPrivilege(id){
		var form = document.forms[1];
		form.id.value = id;
		form.action = "<%=path%>/user!queryPrivilegeByUserId.action"
		form.submit();
	} --%>
</script>
	<body class="content-pages-body">
<%--		<s:debug></s:debug>--%>
		<div class="content-pages-wrap">
			<div class="commonTitle">
				<h2>
					>> 用户信息
				</h2>
			</div>
			<form id="form-search" name="fm" action="<%=path%>/car!query.action"
				method="post">
				<table width="100%" border="0" cellspacing="0" cellpadding="0"
					class="commonTableSearch">
					<tr>
						<th align="right">
							生日：
						</th>
						<td colspan="3">
							<input name="conDate" type="text" class="inputTextNormal"
								οnfοcus="HS_setDate(this);" />
						</td>
						<th align="right">
							登录名：
						</th>
						<td colspan="3">
							<input type="text" class="inputTextNormal" name="user.loginname" />
						</td>
						<td>
							<a href="javascript:queryUsers();" title="检索" class="btnNormal">检索</a>
						</td>
					</tr>
				</table>
			</form>
			<!--//commonTableSearch-->
			<div class="btnBar">
				<ul class="clearfix">
					<li>
						<a href="<%=path %>/page/savecar.jsp" title="添加用户"
							class="btnNormal">ADD</a>
					</li>
				</ul>
			</div>
			<form action="<%=path%>/car!queryCarById.action" method="post">
				<input type="hidden" name="id">
				<table border="0" cellspacing="1" cellpadding="0"
					class="commonTable">
					<tr>
						<th>序号</th>
    					<th>品牌Œ</th>
    					<th>车牌号</th>
						<th width="7%">操作</th>
					</tr>
					<s:iterator value="carList" var="car" status="index">
						<tr>
							<td>${index.count }</td>
							<td>
								<a href="#"><s:property value="carName"/></a>
							</td>
							<td>
								<a href="#"><s:property value="carNo"/></a>
							</td>
							<td>
								<a href="javascript:editUser(<s:property value="id"/>)" class="btnIconEdit"
									title="修改"></a>
								<a href="javascript:delUser(<s:property value="id"/>)" class="btnIconDel"
									title="删除"></a>
							</td>
						</tr>
					</s:iterator>
				</table>
			</form>
		</div>
	</body>
</html>

网络改变中国
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端页面增删改实现
12-21
package Dao; import java.sql.*; //工具类方便使用调用 public class DButil { static Connection conn = null; static Statement stat = null; static PreparedStatement pstm = null; static ResultSet rs = null; public static String FileName = "src/jdbc"; public static String url; public static String drive; p
纯前端实现增-删-改-查(模糊查询)和分页[本地存储当成数据库(vue + element)]
weixin_42386379的博客
02-11 8069
纯前端实现增-删-改-查(模糊查询)和分页[本地存储当成数据库(vue + element)]
前后端实现增删改查
最新发布
abfwaaf的博客
05-30 955
答案在上面的那部分代码，通过handlerCurren-tChange函数，我们获取到了前端页码数，然后再将这个值传给自定义的pageNum，然后再将这个pageNum与:current-page属性进行双向绑定，这样就能动态改变页码数。是在进行模糊查询的时候，当用户点击查询按钮之后触发,一般在网页功能里，模糊查询和分页查询是不分开的，当进行完模糊查询之后，还得要进行分页查询才能将搜索的数据渲染出来，表示每页显示的数据个数，pageSize是我们自定义的变量，我在这给他定义的是7，表示每页展示7条数据。
vue前端页面，新增|删除|修改|查询功能
ou980945409的博客
05-22 520
</input><input type="button" value="编辑" @click="edit(i)"></input><input type="button" value="保存" @click="save">姓名</th><th>年龄
前端页面增删改查
weixin_48503426的博客
11-21 1269
【代码】前端页面增删改查。
Servlet简单实现前端和后端的增删改查功能的实现
weixin_45636386的博客
08-09 3050
简单的sevlet项目来实现增删改查操作
php简单增删改查页面简单直观
06-09
标题 "php简单增删改查页面简单直观" 暗示了这个压缩包可能包含一个基本的PHP数据库操作示例，特别关注于CRUD（创建、读取、更新和删除）功能。在Web开发中，PHP是一种常用的服务器端脚本语言，常用于处理与数据库的...
vue增删改查的简单操作
08-29
Vue 增删改查的简单操作 Vue 是一个流行的前端框架，提供了很多强大的功能来帮助开发者快速构建应用程序。在这个资源中，我们将详细介绍 Vue 增删改查的简单操作，包括展示数据、增加和删除功能、修改功能等。 一...
Springboot+hibernate实现简单的增删改查示例
08-27
Springboot+Hibernate 实现简单的增删改查示例 在这个示例中，我们将使用 Springboot 和 Hibernate 实现一个简单的增删改查示例，涵盖了基本的 CRUD 操作。这个示例将涉及到配置 Springboot 和 Hibernate，创建实体...
ssh实现简单增删改查
04-30
在这个“ssh实现简单增删改查”的案例中，我们将深入理解这三个框架如何协同工作来完成基本的数据操作。 **Struts2** 是一个基于MVC（Model-View-Controller）设计模式的Web应用框架，它简化了开发过程，提供了丰富...
ASP.net实现简单增删改查功能
06-06
在这个“ASP.NET实现简单增删改查功能”的主题中，我们将深入探讨如何利用ASP.NET的核心组件，如Visual Studio（VS）集成开发环境和SQL Server数据库，来实现基本的数据操作。 首先，我们需要了解ASP.NET MVC或Web ...
第一个简单的SpringBoot实现增删改查（带前端界面,超详细）
热门推荐
weixin_51656756的博客
01-05 3万+
点击更改按钮 更改完毕后会继续回到index,html界面。点击删除按钮就直接删除所选信息。 创建SpringBoot项目 项目目录 pom.xml文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLoc.
前端在项目中使用mockjs模拟数据的增删改查
weixin_45313351的博客
11-28 4863
学习使用mockjs模拟数据
07---vue前端实现增删改查
Zero摄氏度的博客
12-24 9654
vue前端页面实现增删改查，通过axios调用后端接口，实现功能。还有批量删除等功能。
【前端】之websql实现增删改查，包含简单示例
飘逸者打瞌睡
04-23 1974
websql增删改查简单示例新建数据库创建表添加数据修改数据删除数据查询数据删除表完整案例 简单示例 新建数据库 创建一个数据库，名为mydb，版本1.0，数据库介绍Test,数据库大小2M const db = openDatabase('mydb', '1.0', 'Test', 2 * 1024 * 1024); 创建表 创建要给USERS表，它有两个字段，id,name,id字段类型为数字类型，自增主键。 db.transaction(function (tx) { tx.executeSq
前端实现简单SQL语句的增删改查----入门
m0_64252465的博客
02-06 946
前端对SQL语句基础命令详解
JavaWeb Demo：增、删、改、查
归去来兮的博客
03-09 1万+
本文提供一个完整的示例程序，实现由页面对数据库数据进行增删改查。首先系统地演示了实现的功能效果，然后详细地叙述了实现的方法和步骤。对项目的结构、数据库的建立、功能实现的过程等，均进行了详细的说明和介绍。开发环境是jdk-14.0.2、mysql-8.0.22、tomcat-9.0.37、IntelliJ IDEA 2018。
纯前端实现简单的增删改查
csdn_46884182的博客
10-21 2281
vue纯前端实现简单的增删改查
Vue页面实现简单的增删改查
小道仙的后宫
08-16 1万+
目的：用vue实现简单的增删该查 注：我自己测试的后台是java+mysql。 这里提供前端页面。 只需要连接你的后台url就好了 需要准备 vue.js 和 bootstrap.css 代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title...
简单的vue增删改查页面
05-21
以下是一个简单的 Vue 增删改查页面示例： HTML： ```html 用户管理 姓名"> 年龄"> 添加 (user, index) in users"> (index)">删除 ``` Vue： ```javascript new Vue({ el: '#app', data...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值