今日完成任务:车辆信息管理及页面设计
核心代码:见下列插入的代码
遇到的问题:无
解决的方法:无
功能模块:车辆信息管理
需要角色:管理员(其他角色不能操作)
数据加载:车辆信息列表
数据验证:非空验证、是否存在同名车牌验证
列表分页:AJAX分页查询
业务描述:
公司想要派遣车辆必须要先登记车辆的信息,有车辆才可以进行派车管理
管理员登录以后才可以进行车辆信息的管理,点击左侧“档案管理”下的“车辆信息管理”,在右侧主体区域加载车辆信息的子页面,并ajax加载所有的车辆信息资料,点击列表上面的“加号状图标”可以打开车辆添加窗口,在车辆添加窗口完成车辆信息的登记操作,点击列表后的“修改”按钮可以修改车辆信息,无论添加还是修改都会验证车牌号码是否已存在,不能重复添加,点击列表后的“删除”按钮可以删除车辆信息,点击删除弹窗的“是”即可完成删除。
视频演示地址:https://www.bilibili.com/video/BV1p5411a71G/
图文演示:
车辆信息列表
车辆信息登记
车辆信息修改
车辆信息删除
车辆信息管理子页面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="8%">车辆编号</td>
<td width="12%">车牌号码</td>
<td width="15%">登记时间</td>
<td width="10%">座位数</td>
<td width="12%">厂牌型号</td>
<td width="12%">车架号码</td>
<td width="8%">状态</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>
第
<select name="toNumPage" onchange="changeNumPage()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
页
共
<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="cphm" placeholder="例:豫K55555"/><br/>
</td>
</tr>
<tr>
<td align="right">座位数:</td>
<td>
<input type="text" name="zws"/><br/>
</td>
</tr>
<tr>
<td align="right">厂牌型号:</td>
<td>
<input type="text" name="cpxh"/><br/>
</td>
</tr>
<tr>
<td align="right">车架号码:</td>
<td>
<input type="text" name="cjhm"/><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="clbh"/>
<input type="text" name="cphm"/><br/>
</td>
</tr>
<tr>
<td align="right">登记时间:</td>
<td>
<input type="text" name="djsj" readonly="readonly"/><br/>
</td>
</tr>
<tr>
<td align="right">座位数:</td>
<td>
&