书签 分享 收藏 举报 版权申诉 / 31

类型个人作品基于条码的物资管理系统的前台设计与实现.docx

  • 文档编号:3877299
  • 上传时间:2022-11-26
  • 格式:DOCX
  • 页数:31
  • 大小:2.54MB

部门名称

${depart.orgName}

部门编号

${depart.orgCode}

部门类型

${depart.extends1}

......

4.3.2查询部门的详细信息

查询部门的信息,包括查看,修改和删除部门的详细信息,点击右侧的“详细”超链接,将得到部门的详细信息,如图4-6所示:

图4-6部门详细信息

部分代码如下:

……

functionshowDetail(deptId){

vardialogId=RndNum(5);

url="${ctx}/department/detail/?

id="+deptId;

varapi=window.lhgdialog({

id:

"deptDetail"+dialogId,

title:

'部门详细信息',

width:

260,

height:

290,

……

4.3.3部门新增

点击部门新增时,将可以填入新部门的基本信息,然后保存成功后,会在部门查询那里显示,如图4-7、4-8、4-9和4-10所示:

图4-7部门新增界面

图4-8部门新增时填入的详细信息

图4-9部门新增时保存成功

图4-10新增的部门会在部门查询里显示

部分代码如下:

……

functiondeptSave(){

if($("#editForm").validationEngine('validate')){

$.ajax({

type:

"POST",

url:

"${ctx}/department/deptAdd/",

data:

$("#editForm").serialize(),

success:

function(msg){

if(msg=='true'){

alert("保存成功");

window.location="${ctx}/department/searchDepart/";

}else{

alert("信息保存失败!

");

}

},

error:

function(XMLHttpRequest,textStatus,errorThrown,data){

alert("连接超时!

");

……

4.3.4部门的员工列表查看:

点击部门员工时,就可以查看各个部门里的员工的信息,如图4-11所示:

图4-11部门员工列表

部分代码如下:

……

员工部门列表

……

4.4货品模块

4.4.1新增货品

新增货品时,必须填写商品的相关信息才能保存成功,否则会提示“此处不能为空”,保存成功后,就会立即跳到货品查询界面,以便显示新增的货品,如图4-12、4-13和4-14所示:

图4-12货品新增界面

图4-13货品新增时填写的信息

图4-14货品新增保存成功

部分代码实现如下:

……

functioncleanEmpty(){

$("#goodsAddQuantity").val("");

$("#goodsAddPrice").val("");

$("#goodsLoaction").val("");

$("#goodsAddDesc").val("");

}

functiongoodsInputSave(){

if($("#editForm").validationEngine('validate')){

$.ajax({

type:

"POST",

url:

"${ctx}/goods/addInput/",

data:

$("#editForm").serialize(),

success:

function(msg){

if(msg=='true'){

alert("保存成功");

window.location="${ctx}/goodsInput/inputList/";

}else{

alert("信息保存失败!

");

}

},

error:

function(XMLHttpRequest,textStatus,errorThrown,data){

alert("连接超时!

");

……

4.4.2查询普通物品

点击“货品管理”下的“普通货品”就可以查询普通货品,还可以对普通货品进行修改、操作、入库、出库等操作,可以通过查询条件直接查询某一货品,还可以查看货品的详细信息,如图4-15和4-16所示:

图4-15普通货品查询界面

图4-16货品详细信息界面

部分代码如下:

……

includefile="/headers.jsp"%>

100%;"class="table2">

货品条码:

${goodsInfo.goodsCode}

货品名称

……

4.4.3查询高级货品

击“货品管理”下的“高级货品”就可以查询高级货品,还可以对高级货品进行修改、操作、入库、出库等操作,可以通过查询条件直接查询某一货品,还可以查看货品的详细信息,如图4-17和4-18所示:

图4-17高级货品查询界面

图4-18货品详细信息界面

代码省略。

4.4.4货品的入库操作

在货品查询界面下找到货品时,点击“入库”,就可以填写入库的基本信息,如图4-19所示:

图4-19入库货品基本信息

部分代码如下:

……

95%;">

货品条码

货品名称

hidden"id="goodsId"name="goodsId"value="${goo

配套讲稿:

如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
个人 作品 基于 条码 物资 管理 系统 前台 设计 实现
提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:个人作品基于条码的物资管理系统的前台设计与实现.docx
链接地址:https://www.bdocx.com/doc/3877299.html
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

经营许可证编号:鄂ICP备2022015515号-1

收起
展开