實訓(xùn)進銷存首頁界面制作_第1頁
實訓(xùn)進銷存首頁界面制作_第2頁
實訓(xùn)進銷存首頁界面制作_第3頁
已閱讀5頁,還剩8頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認(rèn)領(lǐng)

文檔簡介

1、實訓(xùn)三進銷存首頁界面制作實訓(xùn)目的:完成進銷存管理系統(tǒng)首頁文件的制作實訓(xùn)內(nèi)容:良好的用戶界面可以增強軟件的易用性,使用戶對軟件有良好的映象。 在本系統(tǒng)中,首頁文件由4個文件組成,采用框架技術(shù)集成。1.功能菜單頁面(menu.aspx)本頁面完成系統(tǒng)所需的全部功能菜單,由靜態(tài) HTML和JS代碼組成,全部 代碼如下:<%Page Language="C#" AutoEventWireup ="true" CodeFile ="menu.aspx.es" In herits ="me nu" %> <!

2、 DOCTYPEtml PUBLIC"-/W3C/DTD XHTML 1.0 Transitional/EN""/TR/xhtml1/DTD/xhtml1-tra nsitio nal.dtd"> <html xml ns ="/1999/xhtml"><head id ="Head1" runat ="server"><title ></title ><STYLEtype

3、 ="text/ess">BODY SCROLLBAR-FACE-CQLOR99ae1; BACKGROUN#799ae1; MARGIN 0px; FONT 12px 宋體;SCROLLBAR-HIGHLIGHT-COLOR99ae1;SCROLLBAR-SHADOW-CQLQR9ae1; SCROLLBAR-3DLIGHT-CO:LOR99ae1; SCROLLBAR-ARROW-COLff ; SCROLLBAR-TRACK-COLORabfec;SCROLLBAR-DARKSHADOW-CG#lZO9ae1 TABLE BORDER-RIGHTOpx; BOR

4、DER-TOPDpx; BORDER-LEFTOpx; BORDER-BOTTOMdx;height : 12px;TD FONT 12px 宋體IMG BORDER-RIGHTOpx; BORDER-TOPDpx; VERTICAL-ALIGN bottom; BORDER-LEFTOpx; BORDER-BOTTOMdx A FONT 12px 宋體;COLOR #000000; TEXT-DECORATIONione A:hover COLQR #428eff ; TEXT-DECORATIONinderline .see_menu BORDER-RIGHTwhite 1px solid

5、 ; BACKGROU N#d6dff7 ; OVERFLO Whidden; BORDER-LEFTwhite 1px solid ; BORDER-BOTTOMiite 1px solid .menu _title relative ; TOP 2px </ STYL>.me nu _title relative ; TOPSPAN FONT-WEIGHTbold ;2px .me nu_title2 .menu_title2 SPAN FONT-WEIGHTbold ;COLQR #215dc6; POSITIONCOLOR#428eff ; POSITION<scri

6、pt type ="text/javascript">var count=0; / 做計數(shù)器var limit= newArray(); / 用于記錄當(dāng)前顯示的哪幾個菜單 var countlimit=1; / 同時打開菜單數(shù)目,可自定義 function expandIt(el) obj = eval( "sub" + el);if (obj.style.display = "none" ) obj.style.display = "block" ;/ 顯示子菜單 if (count<countlim

7、it) / 限制 1個 limitcount=el; / 錄入數(shù)組 count+;else eval( "sub" + limit0).style.display = "none" ;/ 數(shù)組去掉/ 獲取當(dāng)前點/j 以后的數(shù)組for (i=0;i<limit.length-1;i+) limiti=limiti+1; 頭一位,后面的往前挪一位limitlimit.length-1=el;else obj.style.display = "none" ;var j;for (i=0;i<limit.length;i+) if

8、 (limiti=el) j=i; 擊的菜單在 limit 數(shù)組中的位置for (i=j;i<limit.length-1;i+) limiti=limiti+1; 全部往前挪一位limitlimit.length-1= null ;/ 刪除數(shù)組最后一位 count-;</ script ></ head><body style =" margin: 0px; padding : 0px; "> <form id ="form1" runat ="server"><table

9、 width ="100%" cellpadding ="0" cellspacing ="0" border ="0" align ="left"><tr ><td height ="25"><table cellpadding ="0" cellspacing ="0" width ="158" align ="center"> <tr >

10、<td height ="42" valign ="bottom"> <img align ="absmiddle" src ="images/title.gif" width ="158" height ="38"></td></tr ></table ><table cellpadding ="0" cellspacing ="0" width ="158&

11、quot; align ="center"style="margin-bottom :1px;"><tr ><td align ="center" height ="25" class ="menu_title"onMouseOve=r "this.className='menu_title2'"onMouseOu=t "this.className='menu_title'" background

12、="images/admin_left_1.gif" id =main1 onclick =expandIt(1)><span>入庫管理 </ span></td></tr > <tr ><td id=sub1 style ="display :none" class ="sec_menu" >align<table cellpadding ="0" cellspacing ="0" ="center&

13、quot; width ="150">align<tr ><td height ="10"></ td></tr ><tr ><td height ="20"="center">< a href ="buy.aspx" target ="main"><img align ="absmiddle"src="images/ico/ico01.gif&quo

14、t; border ="0">< br /> 產(chǎn)品入庫 </ a>&nbsp;alignalign</td></tr ><tr ><td height ="5"></ td></tr ><tr ><td height ="20"="center">< a href ="buy_search.aspx" target ="main">

15、<img="absmiddle"src ="images/ico/ico02.gif"border ="0">< br /> 入庫記錄查詢 </a>&nbsp; </td> </tr ></table ><table cellpadding ="0" cellspacing ="0" align ="center" width ="135"><tr >&

16、lt;td height ="10"></ td></tr ></table ></td></tr ></ table ><table align ="center" cellpadding ="0" cellspacing ="0" width ="158" style =" margin-bottom : 1px; "><tr ><td align ="c

17、enter" class ="menu_title" onMouseOver="this.className='menu_title2'" onMouseOu=t "this.className='menu_title'"id =main2 onclick =expandIt(2) style =" background-image : url('images/admin_left_2.gif')" height ="25" >&l

18、t;span>產(chǎn)品銷售 v/span>v/td ></tr > vtr >vtd id=sub2 class ="sec_menu" style ="display : none; "> vtable cellpadding ="0" cellspacing ="0" align ="center" width ="150">vtr >vtd height ="10">v/ td>v/tr

19、> vtr >vtd height ="20" align ="center">v ahref ="sell.aspx" target ="main">vimg align ="absmiddle" src="images/ico/ico03.gif" border ="0">v br /> 產(chǎn)品銷售 v/a>&nbsp;v/td>v/tr >vtr >vtd height ="

20、5">v/ td>v/tr > vtr >vtd height ="20" align ="center">v a href ="sell_search.aspx" target ="main">vimg align ="absmiddle" src="images/ico/ico04.gif" border ="0">v br /> 銷售記錄查詢 v/a>&nbsp;v/td>

21、v/tr >v/table >vtable cellpadding ="0" cellspacing ="0" align ="center"width ="135">vtr >vtd height ="10">v/ td> v/tr > v/table >v/td>v/tr > v/table ><table align ="center" cellpadding ="0" cell

22、spacing ="0" style =" width : 158px" style ="margin-bottom:1px;"><tr ><td height ="25" align ="center" style =" background-image :url('images/admin_left_2.gif')" class ="menu_title onMouseOver="this.className=&

23、#39;menu_title2'" onMouseOu=t "this.className='menu_title'"id =main3 onclick =expandIt(3)><span>庫存管理 v/span>v/td ></tr > vtr >vtd id ="sub3" class ="sec_menu" style ="display :none;"> vtable cellpadding ="0"

24、; cellspacing ="0" align ="center"width ="150">vtr >vtd height ="10">v/ td>v/tr >vtr >vtd height ="20" align ="center">v ahref ="product_Search.aspx" target ="main">vimg align ="absmiddle&quo

25、t; src="images/ico/ico05.gif" border ="0">v br /> 庫存查詢 v/a>&nbsp;v/td>v/tr >vtr >vtd height ="5">v/ td>v/tr >vtr >vtd height ="20" align ="center">v ahref ="product_warning.aspx" target ="main"

26、>vimg align ="absmiddle"src="images/ico/ico06.gif"border ="0">v brv/td>v/a>&nbsp;v/tr >v/table >vtable cellpadding ="0" cellspacing ="1" style ="width :100%">vtr >vtdheight ="5">v/td>v/tr > v/t

27、able > v/td> v/tr ></ table ><table align ="center" cellpadding ="0" cellspacing ="0" style =" width : 158px; margin-bottom : 1px; "><tr ><td height ="25" align ="center" style =" background-image : url(&#

28、39;images/admin_left_2.gif')" class ="menu_title" onMouseOver="this.className='menu_title2'" onMouseOu=t "this.className='menu_title'"id =main4 onclick =expandIt(4)><span>信息查詢 v/span> </td>v/tr > vtr >vtd id ="sub4&q

29、uot; class ="sec_menu" style ="display : none; "> vtable cellpadding ="0" cellspacing ="0" align ="center" width ="150">vtr >vtd height ="10">v/ td>v/tr > vtr >vtd height ="20" align ="center&qu

30、ot;>v a href ="worker_Search.aspx" target ="main">vimg align ="absmiddle" src="images/ico/ico37.gif" border ="0">v br /> 員工信息查詢 v/a>&nbsp;v/td>v/tr >vtr >vtd height ="5">v/ td>v/tr >vtr >vtd height =&

31、quot;20" align ="center">v a href ="shangpin_search.aspx" target ="main">vimg align ="absmiddle" src="images/ico/ico37.gif" border ="0">v br /> 商品信息查詢 v/a>&nbsp;v/td>v/tr >vtr >vtd height ="5">v

32、/ td>v/tr >vtr >vtd height ="20" align ="center">v ahref ="gongyingshang_Search.aspx" target ="main">vimg align ="absmiddle" src="images/ico/ico37.gif" border ="0">v br /> 供應(yīng)商信息查詢 v/a>&nbsp;v/td>v/tr

33、 >vtr >vtd height ="5">v/ td>v/tr >vtr >vtd height ="20" align ="center">v ahref ="sell_search.aspx" target ="main">< img align ="absmiddle" src ="images/ico/ico37.gif"border ="0">< br /&

34、gt; 銷售信息查詢 </ a>&nbsp;</td></tr ><tr ><td height ="5"></ td ></ tr ><tr ><td height ="20" align ="center">< a href ="buy_Search.aspx" target ="main">< img align ="absmiddle"

35、 src ="images/ico/ico37.gif"border ="0">< br /> 商品入庫查詢 </ a>&nbsp;</td></tr ></ table > </td></tr ></ table ><table align ="center" cellpadding ="0" cellspacing ="0" style =" width : 158p

36、x; margin-bottom : 1px; "><tr ><td height ="25" align ="center" style =" background-image : url('images/admin_left_2.gif')" class ="menu_title" onMouseOver="this.className='menu_title2'" onMouseOu=t "this.classNa

37、me='menu_title'"id =main5 onclick =expandIt(5)>vtr >vtd<span>基本信息管理v/span>v/td> </tr >id="sub5" class ="sec_menu" style ="display :none;"> vtable align ="center" cellpadding ="0" cellspacing ="0" styl

38、e ="width : 150px">height ="10">v/ td>height ="20" align ="center">v a="main">vimg align ="absmiddle"border ="0">v br /> 員工信息管理 v/a>&nbsp; v/td>vtr > vtd v/tr > vtr > vtdhref ="worker.a

39、spx" target src="images/ico/ico11.gif"v/tr > vtr >vtd height ="5">v/ td>v/tr >vtr >vtd height ="20" align ="center">v ahref ="shangpin.aspx" target ="main">vimg align ="absmiddle" src="images/ico/

40、ico11.gif" border ="0">v br /> 商品信息管理 v/a>&nbsp;</tr ><tr ><td<tr ><tdhref ="gongyingshang.aspx"src ="images/ico/ico11.gif"</tr > <tr ><td <tr ><td href ="danwei.aspx" target src ="images/i

41、co/ico11.gif"</td>height ="5"></ td ></ tr > height ="20" align ="center">< atarget ="main">< img align ="absmiddle"border ="0">< br /> 供應(yīng)商信息管理 </ a>&nbsp; </td>height ="5&

42、quot;></ td ></ tr > height ="20" align ="center">< a="main">< img align ="absmiddle"border ="0">< br /> 產(chǎn)品單位管理 </ a>&nbsp; </td></tr > <tr ><td height ="5"></ td >

43、</ tr ><tr ><td height ="20" align ="center">< a href ="bigClass.aspx" target ="main">< img align ="absmiddle" src ="images/ico/ico11.gif"border ="0">< br /> 產(chǎn)品大類管理 </ a>&nbsp;</td&

44、gt;</tr ><tr ><td height ="5"></ td ></ tr ><tr ><td height ="20" align ="center">< a href ="smallClass.aspx" target ="main">< img align ="absmiddle" src ="images/ico/ico11.gif"bo

45、rder ="0">< br /> 產(chǎn)品小類管理 </ a>&nbsp;</td></tr ></ table > </td> </tr ></ table > <table align ="center" cellpadding ="0" cellspacing ="0" style =" width : 158px; margin-bottom : 1px; "><

46、tr ><td height ="25" align ="center" style =" background-image : url('images/admin_left_2.gif')" style ="background-image: url('images/admin_left_2.gif')" class ="menu_title" onMouseOver="this.className='menu_title2'

47、;" onMouseOu=t "this.className='menu_title'"id =main6 onclick =expandIt(6)><span>系統(tǒng)管理 v/span>v/td >v/tr ><tr ><td class ="sec_menu" id ="sub6" style =" display : none;"> vtable align ="center" cellpadding =&

48、quot;0" cellspacing ="0" style ="width : 150px"><tr ><td height ="10"></ td ></tr ><tr ><td height ="20" align ="center">< a href ="admin.aspx" target ="main">< img align ="

49、;absmiddle" src ="images/ico/ico05.gif"border ="0">< br /> 操作員管理 </ a>&nbsp;</td></tr ></table ></td></tr ></ table ></ td ></tr ></ table ></ form ></body></ html >2. 頁面頂端文件(top.aspx)

50、本文件的作用是放置一些常用功能的快捷按鈕,使客戶可以快速打開常用功 能,由HTM代碼構(gòu)成。全部代碼如下:<%Page Language="C#" AutoEventWireup ="true" CodeFile ="top.aspx.cs" Inherits ="top" %><! DOCTYPEtml PUBLIC"-/W3C/DTD XHTML 1.0 Transitional/EN""/TR/xhtml1/DTD/xhtml1-t

51、ra nsitio nal.dtd"><html xml ns ="/1999/xhtml"><head runat ="server"><title >無標(biāo)題頁 </title ></ head><body style =" background-color : #799ae1; margin: 0px; padding-top : 5px;"> <form id ="form1" run

52、 at ="server">vTABLEcellSpacing =0 cellPadding =0 width ="100%" border =0 top ="0"><TR><TD width ="160" height =5> </TD><TD valign ="bottom" width ="95"><a href ="buy.aspx" target ="main"

53、>< img src ="images/ico/button 1.jpg"border ="0"></ a></TD><TD valign ="bottom" width ="95"><a href ="product_search.aspx" target ="main">< img src ="images/ico/button2.jpg"border ="0"

54、></ a></TD><TD valign ="bottom" width ="95"><a href ="sell.aspx" target ="main">< img src ="images/ico/button3.jpg"border ="0"></ a></TD><TD valign ="bottom" width ="95">

55、;<a href ="product_warning.aspx"target ="main">< imgsrc ="images/ico/button4.jpg"border ="0"></ a></TD><TD valign ="bottom" width ="*"><a href ="desk.aspx" target ="main">< imgsrc =

56、"images/ico/button8.jpg"border ="0"></ a></TD><td > <a href ="login.aspx?action=quit" target ="main"><b> 退出 </ b></a></td >v/TFX/TABL匡</ form ></body></ html >3. 底部信息文件(bottom.aspx)本文件由HTM代碼和

57、JS代碼構(gòu)成,用于顯示時間和版權(quán)等信息。全部代碼如 下:<%PageLanguage="C#" AutoEventWireup ="true" CodeFile ="bottom.aspx.cs" Inherits ="bottom" %> <! DOCTYPEtml PUBLIC"-/W3C/DTD XHTML 1.0 Transitional/EN""/TR/xhtml1/DTD/xhtml1-tra nsitio nal.dtd&

58、quot;> <html xml ns ="/1999/xhtml"> <head runat ="server"><title >無標(biāo)題頁 </title ><style >td font-size : 12px; color : #ffffff ; </ style ><script language ="JavaScript"><!- function tick() var hours, minutes

59、, seconds; var intHours, intMinutes, intSeconds; var today;today = newDate(); intHours = today.getHours(); intMinutes = today.getMinutes(); intSeconds = today.getSeconds();if (intHours = 0) hours = "00:" ; else if (intHours < 10) hours = "0" + intHours+ ":" ; else ho

60、urs = intHours + ":" ;if (intMinutes < 10) minutes = "0" +intMinutes+ ":" ; else minutes = intMinutes+ ":" ;if (intSeconds < 10) seconds = "0" +intSeconds+ " " ; else seconds = intSeconds+ " " ;timeString = hours+minutes+sec

61、onds; Clock.innerHTML = timeString; window.setTimeout( "tick();" , 1000);window.onload = tick;/-></ script ></ head><body style =" background-color : #799ae1; margin: 0px; padding : 0px; "> <form id ="form1" runat ="server">vdiv ><table alig n ="left" cellpaddi ng ="0" cellspaci ng ="0" width ="100%&qu

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論