车辆派遣管理系统-07-驾驶员信息管理

今日完成任务：驾驶员信息管理及页面设计

核心代码：见下列插入的代码

遇到的问题：无

解决的方法：无

 

功能模块：驾驶员信息管理

需要角色：管理员（其他角色不能操作）

数据加载：驾驶员信息列表

数据验证：非空验证、电话验证、身份证验证

列表分页：AJAX分页查询

业务描述：

公司派遣车辆必须要有驾驶员来开车，需要进行驾驶员信息的管理

管理员登录以后才可以进行驾驶员信息的管理，点击左侧“档案管理”下的“驾驶员信息管理”，在右侧主体区域加载驾驶员信息的子页面，并ajax加载所有的驾驶员信息资料，点击列表上面的“加号状图标”可以打开驾驶员添加窗口，在驾驶员添加窗口完成驾驶员信息的登记操作，点击列表后的“修改”按钮可以修改驾驶员信息，点击列表后的“删除”按钮可以删除驾驶员信息，点击删除弹窗的“是”即可完成删除。

视频演示地址：https://www.bilibili.com/video/BV1wA411Y77J/

图文演示：

驾驶员信息列表

驾驶员信息登记

驾驶员信息修改

驾驶员信息删除

驾驶员信息管理子页面html代码：

<table class="table1" width='100%' cellspacing="0" border='0'>
	<tr align="left">
		<td width="5%"><img id="xz" src="img/xz1.jpg" width="25px"/></td>
		<td width="5%">编号</td>
		<td width="6%">姓名</td>
		<td width="15%">身份证号</td>
		<td width="10%">联系电话</td>
		<td width="18%">联系地址</td>
		<td width="10%">驾证有效期</td>
		<td width="10%">上岗证有效期</td>
		<td width="6%">状态</td>
		<td width="">管理操作</td>
	</tr>
</table>
<table class="list" width='100%' cellspacing="0">
	
</table>
<p class="pageManager">
	<span><input type="hidden" name="rows" value="10"/></span>
	<b >
	<button onclick="first()">首页</button>
	<button onclick="prev()">上一页</button>
	<button onclick="next()">下一页</button>
	<button onclick="last()">尾页</button>
	&nbsp;
	第
	<select name="toNumPage" onchange="changeNumPage()">
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
	</select>
	页
	&nbsp;
	共
	<span></span>
	页
	</b>
</p>
<div class="addPageDiv">
	<div class="addPage">
		<h2>登记驾驶员信息<span><sup onclick="closeAddPageDiv()">×</sup></span></h2>
		<form>
		<table>
			<tr>
				<td align="right">驾驶员姓名：</td>
				<td>
		  			<input type="text" name="jsyxm" placeholder="例：方大福"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">身份证号：</td>
				<td>
		  			<input type="text" name="sfzh"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">联系电话：</td>
				<td>
		  			<input type="text" name="lxdh"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">联系地址：</td>
				<td>
		  			<input type="text" name="lxdz"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">驾证有效期：</td>
				<td>
		  			<input type="text" name="jzyxq"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">上岗证有效期：</td>
				<td>
		  			<input type="text" name="sgzyxq"/><br/>
				</td>
			</tr>
		</table>
  		</form>
		<p>
			<span class="bc" onclick="add()">保存</span>
			<span onclick="closeAddPageDiv()">取消</span>
		</p>
	</div>
</div>
<div class="updatePageDiv">
	<div class="updatePage">
		<h2>更新驾驶员信息<span><sup onclick="closeUpdatePageDiv()">×</sup></span></h2>
		<form>
		<table>
			<tr>
				<td align="right">驾驶员姓名：</td>
				<td>
		  			<input type="hidden" name="jsybh"/>
		  			<input type="text" name="jsyxm"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">身份证号：</td>
				<td>
		  			<input type="text" name="sfzh"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">联系电话：</td>
				<td>
		  			<input type="text" name="lxdh"/><br/>
				</td>
			</tr>
			<tr>
				<td align="right">联系地址&#x