m0_59488418 2021-06-19 23:42 采纳率: 80%
浏览 564
已采纳

html,用户管理界面,查询界面,做两个界面

1.用户管理界面 实现用户的查询、添加、编辑和删除功能。(1)默认打开的是查询界面。(2)添加、编辑和删除在查询界面中来实现跳转。2.查询界面要求 整个界面分为上下两部分:查询条件区和数据展示区。查询条件:姓名、手机号、状态(下拉选择框,取值为全部、启用、禁用)。按钮,查询,类型button。按钮,重置,类型为button。按钮,添加,类型button。按钮,删除,类型button。数据区展示项:复选框、姓名、手机号、邮箱、地址、状态、创建日期(格式为yyyy-MM-dd HH:mm:ss,如2021-06-01 12:09:03)、操作(包括功能:编辑、删除)。要求必须列出至少5条数据。数据区最下面展示分页,包括首页、上页、下页、尾页。要求用表单实现,表单method="post"。3.  功能要求 查询按钮,校验输入的条件,必填项,并提示输入的值。重置按钮,重置条件中的值为默认值。添加按钮和编辑按钮。打开添加页面addOrEdit.html。行记录后面操作:删除按钮,confirm提示:确认删除此条记录?。查询下面的删除按钮,是批量删除功能,检查行记录checkbox选中情况,如果有就提示:是否确认删除?否则就提示:请选中记录再删除!。4.       添加和编辑要求 展示内容:填写项和按钮(保存、取消)。展示内容:姓名,必填项,长度2-15个字符,可以考虑只输入中文。手机号,必填项,手机号的规则验证。邮箱,必填项,按邮箱规则验证。地址,必填项,长度不超过60个字符。状态,必填项,下拉选择(请选择/启用/禁用),注意select取值。保存按钮,校验通过打开主界面,这里指user.html,否则直接提示错误的填写项。取消按钮,直接打开主界面,这里指user.html。 

  • 写回答

2条回答 默认 最新

  • 关注
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>管理员资料</title>
        <script type="text/javascript">
        	function check(){
        		if(form1.managerAccount.value==""){
        			alert("请输入登录账号。");
        			form1.managerAccount.focus();
        			return false;
        		}
        		if(form1.managerPassword.value==""){
        			alert("请输入登录密码。");
        			form1.managerPassword.focus();
        			return false;
        		}
        		if(form1.managerPassword.value!=form1.managerPassword1.value){
        			alert("登录密码余确认密码不一致。");
        			form1.managerPassword1.focus();
        			return false;
        		}
        		return true;
        	}
        </script>
      </head>
      
      <body>
        <h1 align="center">管理员资料</h1>
        <hr/>
        <form name="form1" action="<%=basePath%>managerServlet?action=add" method="post" onsubmit="return check();">
        	<table align="center" border="1" cellpadding="1" cellspacing="1" width="500">
    		<tr height="40">
    			<td align="right">登录账号:</td>
    			<td>
    				<input type="text" name="managerAccount" style="width:155px"/>
    			</td>
    			<td><font size="2" color="red">*必填</font></td>
    		</tr>
    		<tr>
    			<td align="right">登录密码</td>
    			<td><input type="password" name="managerPassword"  style="width:155px"></td>
    			<td><font size="2" color="red">*必填</font></td>
    		</tr>
    		<tr>
    			<td align="right">确认密码</td>
    			<td><input type="password" name="managerPassword1"  style="width:155px"></td>
    			<td><font size="2" color="red">*必填</font></td>
    		</tr>
    		<tr>
    			<td align="right">管理员姓名</td>
    			<td><input type="text" name="managerName"  style="width:155px"></td>
    			<td>&nbsp;</td>
    		</tr>
    		<tr>
    			<td align="right">性别</td>
    			<td>
    			<input type="radio" name="sex" value="0" checked="checked">男
    			<input type="radio" name="sex" value="1">女
    			</td>
    			<td>&nbsp;</td>
    		</tr>
    		<tr>
    			<td align="right">联系电话</td>
    			<td><input type="text" name="contact"  style="width:155px"></td>
    			<td>&nbsp;</td>
    		</tr>
    		<tr height="40">
    			<td colspan="3" align="center"><input type="submit" value=" 保 存 "></td>
    		</tr>
    	</table>
        </form>
      </body>
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 加热介质是液体,换热器壳侧导热系数和总的导热系数怎么算
  • ¥15 想问一下树莓派接上显示屏后出现如图所示画面,是什么问题导致的
  • ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
  • ¥15 cmd cl 0x000007b
  • ¥20 BAPI_PR_CHANGE how to add account assignment information for service line
  • ¥500 火焰左右视图、视差(基于双目相机)
  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败