界面设计(struts)

原创 2004年09月24日 10:22:00

以下是我个人开发的一个订单管理程序的订单录入介面. (开发平台jdk1.4+tomcat5.0+sql2000+struts1.1)主要使用了javascript(子父窗口控制,弹出新窗口,子父窗口之间传值).

以下是具体步骤.

第一步:主档添加介面(如图1)

当点击客户代号右边的按钮时.将弹出一个子窗口,然后点击子窗口中的"选择"链接.所选的客户资料将传递到父窗口表单中.

以下是javascript代码.

1.子父窗口传值.

<script language="JavaScript">
function popup()
{
window.opener.document.all["test"].value='mytest'; //在子窗口设置父窗口表单元素的值.
window.close() //关闭子窗口.
}
</script>

<a href="#" onClick="javascript:popup()">选择</a> //调用代码.

2.弹出新窗口

<script language="JavaScript">
function winopen(url,title)
{
window.open(url,title,"toolbar=no,directories=no,menubar=no,scrollbars=yes,width=600,height=300");
}

</script>

//--调用代码.

<a href="#" onClick="javascript:winopen('order_formlistAction.do?action=add&nid=123456','add')">添加明细</a>

 

r_sale1.gif
图(1)
 
r_sale2.gif
图(2)

第二步: 添加明细资料(如图3)

当主档资料输入完成.点击"添加"按钮后. 进入(图3)所示介面.这里主要有二个状态改变. "添加"按钮自动变成"修改". 显示明细资料介面.这里用了一个内框来显示明细资料.

1.使用内框代码.

<iframe src="order_formlistAction.do?action=view&nid=123456" name="com" id="com" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0" align="center" scrolling="yes"></iframe>

2.控制内框是否显示的代码

我们这里使用struts提供的<logic:equal> 标签. 主要判断sale1ActionForm的action属性的值.如果action的值等于edit就显示内框.

<logic:equal name="sale1ActionForm" property="action" scope="request" value="edit">

<!--在这里加入内框代码-->

</logic:equal>

r_sale4.gif
图(3)

第三步:明细资料管理(如图4)

点击"添加明细" 还是弹出一个子窗口. 这是一个明细添加介面.主要是录入订单的产品资料.在这里. 还是通过点击产品代码右边的按钮来弹出产品资料的"子窗口".从吕选择要添加的产品. 当输入完一笔资料后.按"添加"后.将自动关闭子窗口. 并刷新父窗口.

1.刷新父窗口代码.

<script language="JavaScript" type="text/JavaScript">
window.opener.location.reload(); //刷新父窗口
window.close(); //关闭子窗口.
</script>

 

r_sale5.gif
图(4)

第四步: 完成输入介面(如图5)

在这里放了一个"完成"按钮. 点击即可导向其它介面.

r_sale6.gif
图(5)
 
 
 

Android开发----音乐播放器(界面设计)

转眼也沦为“大四狗”的行列当中去,本来打算在暑假的时候找一个实习,结果学校临时安排了“暑期实训”    原本计划好的安排全部被打乱了,哎~~~也只能跟着学校的脚步“摩擦摩擦”了    暑期实训我选...
  • u011318165
  • u011318165
  • 2015年08月01日 16:08
  • 1008

VB的界面设计~ 值得一看

      用户界面是一个应用程序最重要的部分,它是最直接的现实世界。对用户而言,界面就是应用程序,它们感觉不到幕后正在执行的代码。不论花多少时间和精力来编制和优化代码,应用程序的可用性仍然依赖于界面...
  • lfsfxy9
  • lfsfxy9
  • 2009年07月30日 08:32
  • 841

C# wpf界面设计基本知识

菜单的生成 Grid> Menu Height="23" Name="menu1" Width="200" HorizontalAlignment ="Left" >            ...
  • cbacq
  • cbacq
  • 2013年08月08日 09:38
  • 1913

界面设计中的一些心得

1.怎么使设计的界面看起来比较新?比较美观?渐变的运用:多用一些比较鲜艳夺目的颜色向白色做渐变,或者向比它淡,或者比它深的颜色做渐变,这是一个大的主体,最"亮"的点,也就是界面的最重要的部分(也可以称...
  • xiaocaiblog
  • xiaocaiblog
  • 2006年12月11日 10:13
  • 559

iOS8界面设计详解(AutoLayout与Size Class)

一、Size Class         iOS8和iPhone6发布已经过去蛮久了,广大的果粉终于迎来了大屏iPhone,再也不用纠结为大屏买三星舍苹果了…但是对于iOS开发人员来说,迎来了和And...
  • yinhaide
  • yinhaide
  • 2015年03月30日 16:58
  • 1348

Java 界面设计

作为一个 Java 程序员,从论坛上感受到使用 Java 开发程序的人越来多,心中不免欣慰。但是,同样是从论坛中,看到多数人提到 Java 就以为是网络开发——不是这样的,Java 也可以开发应用程序...
  • s1491695565
  • s1491695565
  • 2013年11月23日 10:38
  • 2052

C++ 界面设计须知

C++做界面 1. 如果程序的界面不是太复杂,用 SDK 或 MFC 开发都行。 2. 如果程序对界面的美观要求比较高并且改动比较多,用客户端引擎来做比较好,可以参考C#中的WPF编程。 3. ...
  • CL18652469346
  • CL18652469346
  • 2017年02月20日 17:17
  • 1684

浅谈:winform界面设计

winform客户端设计
  • lianlekai
  • lianlekai
  • 2015年08月20日 16:00
  • 11913

WinForm界面设计教程

http://www.cnblogs.com/wuhuacong/archive/2012/05/10/2494957.html
  • suixufeng
  • suixufeng
  • 2012年05月11日 16:36
  • 3962

干货!我开发 Android 是如何界面设计的

随着 Android 5.0 的面世,Google 也带来了全新的设计规范 Material Design 。第一次看到 Material Design 的应用,简直是太好看了,有没有!下面呢,我将主...
  • JerryWu145
  • JerryWu145
  • 2016年10月23日 12:09
  • 1177
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:界面设计(struts)
举报原因:
原因补充:

(最多只允许输入30个字)