实训三 进销存首页界面制作.docx
《实训三 进销存首页界面制作.docx》由会员分享，可在线阅读，更多相关《实训三 进销存首页界面制作.docx（16页珍藏版）》请在冰豆网上搜索。
实训三进销存首页界面制作
实训三进销存首页界面制作
实训目的：
完成进销存管理系统首页文件的制作
实训内容：
良好的用户界面可以增强软件的易用性，使用户对软件有良好的映象。
在本系统中，首页文件由4个文件组成，采用框架技术集成。
1.功能菜单页面（menu.aspx）
本页面完成系统所需的全部功能菜单，由静态HTML和JS代码组成，全部代码如下：
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile=""Inherits="menu"%>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/xhtml1/DTD/xhtml1-transitional.dtd">
BODY{SCROLLBAR-FACE-COLOR:
#799ae1;BACKGROUND:
#799ae1;MARGIN:
0px;FONT:
12px宋体;SCROLLBAR-HIGHLIGHT-COLOR:
#799ae1;SCROLLBAR-SHADOW-COLOR:
#799ae1;SCROLLBAR-3DLIGHT-COLOR:
#799ae1;SCROLLBAR-ARROW-COLOR:
#ffffff;SCROLLBAR-TRACK-COLOR:
#aabfec;SCROLLBAR-DARKSHADOW-COLOR:
#799ae1}
TABLE{BORDER-RIGHT:
0px;BORDER-TOP:
0px;BORDER-LEFT:
0px;BORDER-BOTTOM:
0px;
height:
12px;
}
TD{FONT:
12px宋体}
IMG{BORDER-RIGHT:
0px;BORDER-TOP:
0px;VERTICAL-ALIGN:
bottom;BORDER-LEFT:
0px;BORDER-BOTTOM:
0px}
A{FONT:
12px宋体;COLOR:
#000000;TEXT-DECORATION:
none}
A:
hover{COLOR:
#428eff;TEXT-DECORATION:
underline}
.sec_menu{BORDER-RIGHT:
white1pxsolid;BACKGROUND:
#d6dff7;OVERFLOW:
hidden;BORDER-LEFT:
white1pxsolid;BORDER-BOTTOM:
white1pxsolid}
.menu_title{}
.menu_titleSPAN{FONT-WEIGHT:
bold;COLOR:
#215dc6;POSITION:
relative;TOP:
2px}
.menu_title2{}
.menu_title2SPAN{FONT-WEIGHT:
bold;COLOR:
#428eff;POSITION:
relative;TOP:
2px}
varcount=0;//做计数器
varlimit=newArray（）;//用于记录当前显示的哪几个菜单
varcountlimit=1;//同时打开菜单数目，可自定义
functionexpandIt（el）{
obj=eval（"sub"+el）;
if（=="none"）{
="block";//显示子菜单
if（countlimit[count]=el;//录入数组
count++;
}
else{
eval（"sub"+limit[0]）.style.display="none";
for（i=0;ilimit[limit.length-1]=el;
}
}
else{
="none";
varj;
for（i=0;ifor（i=j;ilimit[limit.length-1]=null;//删除数组最后一位
count--;
}
}
0px;padding:
0px;">
|
1px;">
（1）>
入库管理
|
none"class="sec_menu">
|
|
产品入库
|
|
入库记录查询
|
|
|
1px;">
id=main2onclick=expandIt
（2）style="background-image:
url（'images/admin_left_2.gif'）"height="25">
产品销售
|
none;">
|
|
产品销售
|
|
销售记录查询
|
|
158px"style="margin-bottom:
1px;">
url（'images/admin_left_2.gif'）"class="menu_title"onMouseOver="this.className='menu_title2';"onMouseOut="this.className='menu_title';"
id=main3onclick=expandIt（3）>
库存管理
|
none;">
|
|
库存查询
|
|
库存报警
|
100%">
|
158px;margin-bottom:
1px;">
url（'images/admin_left_2.gif'）"class="menu_title"onMouseOver="this.className='menu_title2';"onMouseOut="this.className='menu_title';"
id=main4onclick=expandIt（4）>
信息查询
|
none;">
|
|
员工信息查询
|
|
商品信息查询
|
|
供应商信息查询
|
|
销售信息查询
|
|
商品入库查询
|
158px;margin-bottom:
1px;">
url（'images/admin_left_2.gif'）"class="menu_title"onMouseOver="this.className='menu_title2';"onMouseOut="this.className='menu_title';"
id=main5onclick=expandIt（5）>
基本信息管理
|
none;">
150px">
|
员工信息管理
|
|
|
商品信息管理
|
|
供应商信息管理
|
|
产品单位管理
|
|
产品大类管理
|
|
展开阅读全文
相关搜索
|