实训三 进销存首页界面制作.docx

《实训三 进销存首页界面制作.docx》由会员分享，可在线阅读，更多相关《实训三 进销存首页界面制作.docx（12页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、实训三 进销存首页界面制作实训目的：完成进销存管理系统首页文件的制作实训内容：良好的用户界面可以增强软件的易用性，使用户对软件有良好的映象。在本系统中，首页文件由4个文件组成，采用框架技术集成。1. 功能菜单页面(menu.aspx)本页面完成系统所需的全部功能菜单，由静态HTML和JS代码组成，全部代码如下： BODY SCROLLBAR-FACE-COLOR: #799ae1; BACKGROUND: #799ae1; MARGIN: 0px; FONT: 12px 宋体; SCROLLBAR-HIGHLIGHT-COLOR: #799ae1; SCROLLBAR-SHADOW-COLOR

2、: #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; VERTI

3、CAL-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: white 1px solid; BACKGROUND: #d6dff7; OVERFLOW: hidden; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px sol

4、id .menu_title .menu_title SPAN FONT-WEIGHT: bold; COLOR: #215dc6; POSITION: relative; TOP: 2px .menu_title2 .menu_title2 SPAN FONT-WEIGHT: bold; COLOR: #428eff; POSITION: relative; TOP: 2px var count=0;/做计数器var limit=new Array();/用于记录当前显示的哪几个菜单var countlimit=1;/同时打开菜单数目，可自定义function expandIt(el) ob

5、j = eval(sub + el);if (obj.style.display = none) obj.style.display = block;/显示子菜单if (countcountlimit) /限制1个limitcount=el;/录入数组count+;else eval(sub + limit0).style.display = none;for (i=0;ilimit.length-1;i+) limiti=limiti+1;/数组去掉头一位，后面的往前挪一位limitlimit.length-1=el;else obj.style.display = none;var j;f

6、or (i=0;ilimit.length;i+) if (limiti=el) j=i;/获取当前点击的菜单在limit数组中的位置for (i=j;ilimit.length-1;i+) limiti=limiti+1;/j以后的数组全部往前挪一位limitlimit.length-1=null;/删除数组最后一位count-; 入库管理产品入库 入库记录查询  产品销售 产品销售 销售记录查询  库存管理 库存查询 库存报警  信息查询 员工信息查询 商品信息查询 供应商信息查询 销售信息查询&nb

7、sp;商品入库查询  基本信息管理 员工信息管理 商品信息管理 供应商信息管理 产品单位管理 产品大类管理 产品小类管理  系统管理 操作员管理  2. 页面顶端文件(top.aspx)本文件的作用是放置一些常用功能的快捷按钮，使客户可以快速打开常用功能，由HTML代码构成。全部代码如下： 无标题页 退出 3. 底部信息文件(bottom.aspx)本文件由HTML代码和JS代码构成，用于显示时间和版权等信息。全部代码如下： 无标题页 tdfont-size:12px;color:#ffffff; function

8、 tick() var hours, minutes, seconds;var intHours, intMinutes, intSeconds;var today;today = new Date();intHours = today.getHours();intMinutes = today.getMinutes();intSeconds = today.getSeconds();if (intHours = 0) hours = 00:; else if (intHours 10) hours = 0 + intHours+:; else hours = intHours + :;if

9、(intMinutes 10) minutes = 0+intMinutes+:; else minutes = intMinutes+:;if (intSeconds 10) seconds = 0+intSeconds+ ; else seconds = intSeconds+ ;timeString = hours+minutes+seconds;Clock.innerHTML = timeString;window.setTimeout(tick();, 1000);window.onload = tick;   程序制作：XXX 4. 首页主文件(default.aspx)本文件由框架构成，用于把上面三个文件集成于一个页面，形成进销存管理系统的首页。如下图所示：全部代码如下：!DOCTYPE html PUBLIC -/W3C/DTD XHTML 1.0 Transitional/EN