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

实训三 进销存首页界面制作 作者： 日期：2 个人收集整理 勿做商业用途实训三 进销存首页界面制作实训目的：完成进销存管理系统首页文件的制作实训内容：良好的用户界面可以增强软件的易用性，使用户对软件有良好的映象.在本系统中，首页文件由4个文件组成,采用框架技术集成。1. 功能菜单页面(menu.aspx）本页面完成系统所需的全部功能菜单,由静态HTML和JS代码组成，全部代码如下： Page Language=”C#” AutoEventWireup=”true” CodeFile=menu。aspx。cs” Inherits=”menu ！DOCTYPE html PUBLIC ”-/W3C/DTD XHTML 1.0 Transitional/EN” ”http:/www。w3。org/TR/xhtml1/DTD/xhtml1transitional.dtd”html xmlns=http：/www。w3。org/1999/xhtml”head id=”Head1” runat=”server title/title STYLE type=text/css” BODY SCROLLBARFACECOLOR： 799ae1; BACKGROUND： #799ae1； MARGIN： 0px; FONT: 12px 宋体; SCROLLBARHIGHLIGHTCOLOR： 799ae1; SCROLLBARSHADOW-COLOR: #799ae1; SCROLLBAR-3DLIGHT-COLOR: 799ae1； SCROLLBARARROWCOLOR: ffffff; SCROLLBARTRACK-COLOR: #aabfec; SCROLLBAR-DARKSHADOWCOLOR： 799ae1 TABLE BORDER-RIGHT: 0px； BORDERTOP： 0px; BORDERLEFT： 0px； BORDERBOTTOM： 0px; height： 12px; TD FONT: 12px 宋体 IMG BORDERRIGHT: 0px； BORDERTOP: 0px; VERTICAL-ALIGN： bottom； BORDER-LEFT: 0px； BORDERBOTTOM： 0px A FONT： 12px 宋体; COLOR： #000000; TEXTDECORATION: none A:hover COLOR： #428eff； TEXTDECORATION： underline 。sec_menu BORDER-RIGHT: white 1px solid; BACKGROUND: d6dff7; OVERFLOW: hidden; BORDER-LEFT： white 1px solid; BORDER-BOTTOM: white 1px solid 。menu_title .menu_title SPAN FONT-WEIGHT： bold； COLOR： 215dc6； POSITION: relative; TOP: 2px .menu_title2 。menu_title2 SPAN FONTWEIGHT： bold; COLOR： 428eff; POSITION: relative； TOP: 2px /STYLEscript type=text/javascript var count=0；/做计数器var limit=new Array(）;/用于记录当前显示的哪几个菜单var countlimit=1；/同时打开菜单数目，可自定义function expandIt(el） obj = 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。length1;i+） limiti=limiti+1;/数组去掉头一位，后面的往前挪一位limitlimit.length1=el;else obj.style.display = none”;var j;for (i=0；ilimit。length；i+) if (limiti=el) j=i;/获取当前点击的菜单在limit数组中的位置for （i=j；i/headbody style= margin:0px； padding：0px； form id=form1” runat=”server” table width=100” cellpadding=0” cellspacing=0” border=0” align=”left”table cellpadding=”0” cellspacing=0 width=”158 align=”centertrtd height=”42 valign=”bottom/td/tr/tabletable cellpadding=”0” cellspacing=0 width=”158 align=”center” style=marginbottom:1px;tr入库管理/td/trtrtable cellpadding=0 cellspacing=”0” align=”center” width=150trtd height=10”td height=20 align=”center”产品入库tr/td/trtd height=20 align=center”a href=”buy_search。aspx” target=mainbr /入库记录查询/a /td/tr/tabletd height=”10”/tr tr td align=center” class=”menu_title” onMouseOver=”this。className=menu_title2；” onMouseOut=”this。className=menu_title；” id=main2 onclick=expandIt（2) style=background-image： url(images/admin_left_2.gif）” height=”25” 产品销售/span/td td height=20” align=center”/trtd height=5”/td/trtd height=”20” align=centera href=sell_search。aspx” target=”main销售记录查询/anbsp；/td/tr/tabletable cellpadding=0” cellspacing=0 align=center width=”135”td height=”10/td/tr/td /tr /table table align=center cellpadding=”0 cellspacing=0 style=”width: 158px” style=”marginbottom:1px； tr td height=”25” align=center” style=”background-image: url(images/admin_left_2。gif）” class=”menu_title” onMouseOver=this。className=menu_title2；” onMouseOut=”this.className=menu_title；” id=main3 onclick=expandIt(3) 库存管理/span/td /tr table cellpadding=”0 cellspacing=”0” align=”center” width=”150trtd height=10”/td/trtrimg align=”absmiddle” src=”images/ico/ico05。gif” border=0br /库存查询/anbsp;/trtrtd height=”5”/tdtd height=20 align=”centera href=”product_warning.aspx” target=main”img align=absmiddle” src=”images/ico/ico06。gif border=0br /库存报警/a ；/td/tr/table tr /td /table /tr tr td height=”25 align=”center” style=backgroundimage： url(images/admin_left_2。gif）” class=menu_title” onMouseOver=”this.className=menu_title2；” onMouseOut=”this.className=menu_title； id=main4 onclick=expandIt（4） 信息查询/span /td tr td id=sub4 class =”sec_menu” style=display:none； td height=”10/td/trtd height=20” align=center”a href=worker_Search。aspx” target=mainimg align=”absmiddle” src=”images/ico/ico37.gif” border=”0”br /员工信息查询 ；trtd height=”5”td height=20 align=”center”img align=absmiddle” src=”images/ico/ico37。gif border=0”br /商品信息查询 ；/trtr/tdtrtd height=”20” align=”center”br /供应商信息查询/a /td/trtrtd height=”5”tr销售信息查询/anbsp;/td/trtrtrtd height=20 align=”center”a href=”buy_Search。aspx target=mainimg align=absmiddle” src=”images/ico/ico37。gif” border=”0”商品入库查询/anbsp；/td/tr table align=”center” cellpadding=0 cellspacing=0” style=width： 158px； marginbottom:1px;” tr 基本信息管理/span /tr tr td id=sub5 class=”sec_menu” style=display:none; table align=center cellpadding=”0” cellspacing=”0” style=”width: 150px” /td/trtrtd height=20” align=center”a href=”worker。aspx” target=”mainimg align=absmiddle” src=”images/ico/ico11。gif” border=0员工信息管理 ；/trtrtd height=5trtd height=20” align=center”a href=”shangpin.aspx” target=mainimg align=absmiddle src=”images/ico/ico11。gif border=0”商品信息管理/a ；/td/trtrtd height=”5”trtd height=”20” align=”center”a href=gongyingshang.aspx target=mainimg align=absmiddle src=images/ico/ico11.gif border=0br /供应商信息管理/anbsp；/td/trtr/trtr ；/tr/tr产品大类管理/anbsp；/td/trtd height=20 align=”center”a href=smallClass。aspx” target=”mainbr /产品小类管理/a  /table /td /table tr 系统管理/span /tr /td/trtrtd height=”20” align=”center”img align=absmiddle” src=images/ico/ico05。gif border=”0 /table/tr/table/body/html2. 页面顶端文件(top.aspx）本文件的作用是放置一些常用功能的快捷按钮，使客户可以快速打开常用功能，由HTML代码构成。全部代码如下： Page Language=C# AutoEventWireup=”true CodeFile=top.aspx.cs” Inherits=top !DOCTYPE html PUBLIC /W3C/DTD XHTML 1.0 Transitional/EN http：/www.w3。org/TR/xhtml1/DTD/xhtml1transitional.dtd” title无标题页/headbody style=” backgroundcolor:799ae1;margin:0px； paddingtop:5px；” form id=form1” runat=server” TD valign=bottom width=95 a href=buy.aspx target=main”/TD a href=product_search.aspx” target=main”TD valign=”bottom” width=95 a href=sell.aspx target=main”/a/TD img src=”images/ico/button8.jpg border=”0”/a a href=login。aspx?action=quit target=”main”b退出/b/a/td /TR /form3. 底部信息文件(bottom.aspx)本文件由HTML代码和JS代码构成，用于显示时间和版权等信息.全部代码如下：html xmlns=”http:/www。w3。org/1999/xhtmlhead runat=”server 无标题页 tdfont-size:12px；color：#ffffff； /style !-function 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 (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;/-/script/headbody style= background-color:#799ae1; margin：0px； padding：0px;” form id=”form1” runat=server” div