Container容器控件的使用、Hbox与Vbox布局管理器的使用、以及AjaxAction前后台事件响应、浏览器debug

1.由于有前后台交互功能,需要在Spring上下文中注册一个用于提供服务的bean,对于这个bean使用Spring提供的@Component标注,如果
需要使用@Component注解,需要在项目中WebContent->WEB-INF->dorado-home目录下的app-context.xml文件中增加一个配置,配置如
下:
<context:component-scan base-package="com.bstek.dorado.sample"/>

2.Container是一个容器控件,作为容器型的控件,我们可以在内部加入多个子控件。控件之间的布局关系由Container本身的Layout特
性决定。

3.AjaxAaction控件的service属性中设置的值,我们称之为服务定位表达式,在Dorado7中服务定位表达式是用来描述服务的查找方式,
即Dorado7通过服务定位表达式来查找到具体服务,以便于对服务进行调用。

[email protected]标记是Dorado7专门提供的标注,用于定义可暴露服务,根据这个规则Dorado7会将这个方法自动注册在
ExposedServiceManager中,其中服务名为:systemInfoService,服务表达式
为:systemInfoService#getSystemInfo。服务名就是SystemInfoService.java在BeanFactory中注册的bean的id,annotation机制会
自动将Ajax的S自动转换为小写字母。

5.通常在项目中我们对js脚本进行调试有以下2种方式:
alert调试法
首先是最原始也是最简单的使用alert,在页面中需要输出需要的变量的地方加上alert函数,将变量弹出显示:
alert方式虽然简单,但是调试繁琐,假如需要监视的变量过多的话,会弹出大量的弹出框,用户体验相当不好。目前alert调试方式我们不推荐使用

浏览器调试工具法
其次是使用浏览器的调试工具,Chrome,IE以及FireFox都自带浏览器调试工具,特别是FireFox还有调试插件FireBug,下面以Chrome浏览器
的调试工具为例对js进行调试。
打开Chrome浏览器,在浏览器中输入:http://localhost:8080/standardlesson/com.bstek.dorado.sample.standardlesson.junior.system
.SystemInfo.d
在页面加载完成后,使用【F12】快捷键打开Chrome调试工具,
切换到【Sources】页,在130行用【鼠标左键】打上断点,然后点击页面中的【获取系统信息】按钮后,页面执行到断点处暂停
我们可以选择使用快捷键【F8】继续js代码执行或者跳到下一个断点处,也可以使用快捷键【F10】逐过程,即跳过该语句中的方法、表达式等,
快捷键【F11】逐语句调试,即单步调试,会跳入方法、表达式,进行逐语句的跟踪调试。除了快捷键我们也可以使用上图中的按钮。
点击【F10】,执行下一句js代码,鼠标双击选中info并悬停片刻,可以看到info中包含的变量
我们可以看到res中包含3个变量,如果需要添加监视,点击鼠标右键在弹出菜单中选择【Add to Watch】,添加监视
在右侧的【Watch Expressions】监视区中可以监控res中的变量:
此调试方法功能强大且方便快捷,但是需要对View视图输出到页面的源码比较熟悉,毕竟找到具体的js并打上断点还是需要花费一番功夫。
(强烈推荐)Debugger关键字调试法
接下来给大家介绍一种调试方法,方便快捷,不需要在View输出的页面中寻找需要调试的js,这个也是我们强烈推荐大家的调试方式。
我们在需要调试的js中加入debugger关键字
打开Chrome页面加载页面并使用【F12】快捷键打开调试工具后,点击页面中的【获取系统信息】按钮,我们发现断点自动停止在debugger关
键字处:
接下来调试跟方法二一致,我们发现此方法的好处在于不用在页面上打断点,且更加方便快捷。

6.本章节知识点主要有Container容器控件的使用、Hbox与Vbox布局管理器的使用、以及AjaxAction前后台事件响应。

Container容器控件的使用、Hbox与Vbox布局管理器的使用、以及AjaxAction前后台事件响应、浏览器debug,布布扣,bubuko.com

时间: 2024-10-12 13:09:54

Container容器控件的使用、Hbox与Vbox布局管理器的使用、以及AjaxAction前后台事件响应、浏览器debug的相关文章

JavaSE学习55:GUI编程之布局管理器

一布局管理器概述 Java语言中,提供了布局管理器类的对象可以管理. 管理Component对象在Container对象中的布局,不必直接设置Component对象位置和大小.每个Container对象 都有一个布局管理器对象,当容器需要对某个组件进行特定或判断其大小尺寸时,就会调用其对应的布局管理器,调 用Container对象的setLayout()方法改变其布局管理器对象. AWT提供了5种布局管理器,分别为: FlowLayout布局管理器 BorderLayout布局管理器 GridL

java边界布局管理器

public class BorderLayoutPosition extends JFrame{        String[] border={BorderLayout.CENTER,BorderLayout.NORTH,BorderLayout.SOUTH,BorderLayout.EAST,BorderLayout.WEST};    String[] names={"center Button","north Button","south But

【Java Swing探索之路系列】之三:Java Swing布局管理器组件

作者:郭嘉 邮箱:[email protected] 博客:http://blog.csdn.net/allenwells github:https://github.com/AllenWell 一 BorderLayout BorderLayout是一种简单的布局策略,可以将其看作一个组件.它把容器分为东.南.西.北.中5个区域,每个组件将占据某个区域.而 这5个区域分别被命名为NORTH, WEST, EAST, CENTER, SOUTH,它们都被定义为静态 常量.静态常量可以直接引用,如

Java布局管理器组件

Java布局管理器组件 所谓布局管理器,就是为容器内的组件提供若干布局策略,每个容器都拥有某种默认布局管理器,用于负责其内部组件的排列.目前开发中,常用的布局管理器有BorderLayout.FlowLayout.GridLayout.GridBagLayout.CardLayout.BoxLayout.SpringLayout.GroupLayout等: 布局管理器种类 BorderLayout FlowLayout GridLayout GridBagLayout CardLayout Bo

Java 的swing.GroupLayout布局管理器的使用方法和实例(转)

GroupLayout 是一个 LayoutManager,它将组件按层次分组,以决定它们在 Container 中的位置.GroupLayout 主要供生成器使用,但也可以手工编码.分组由 Group 类的实例来完成.GroupLayout 支持两种组.串行组 (sequential group) 按顺序一个接一个地放置其子元素.并行组 (parallel group) 能够以四种方式对齐其子元素. 每个组可以包含任意数量的元素,其中元素有 Group.Component 或间隙 (gap).

Java FlowLayout、BorderLayout、GridLayout、GridBagLayout、CardLayout布局管理器

作者:卿笃军 原文地址:http://blog.csdn.net/qingdujun/article/details/40985027 一.FlowLayout布局管理器 FlowLayout() 构造一个新的 FlowLayout,它是居中对齐的,默认的水平和垂直间隙是 5 个单位. FlowLayout(int align) 构造一个新的 FlowLayout,它具有指定的对齐方式,默认的水平和垂直间隙是 5 个单位. FlowLayout(int align, int hgap, int

Java布局管理器setLayout()

Java布局管理器setLayout() 1.FlowLayout public FlowLayout(int align,int hgap,int vgap) 创建一个新的流布局管理器,具有指定的对齐方式以及指定的水平和垂直间隙. 对齐参数的值必须是以下之一:FlowLayout.LEFT.FlowLayout.RIGHT.FlowLayout.CENTER.FlowLayout.LEADING 或 FlowLayout.TRAILING. 参数: align - 对齐值 hgap - 组件之

AWT布局管理器

布局管理器 容器内可以存放各种组件,而组件的位置和大小是由容器内的布局管理器来决定的.在AWT中为我们提供了以下5种布局管理器: ①   FlowLayout 流式布局管理器 ②   BorderLayout 边界布局管理器 ③   GridLayout 网格布局管理器 ④   CradLayout 卡片布局管理器 ⑤   GridBagLayout 网格包布局管理器 容器中组件的布局通常由布局管理器控制.每个Container(比如一个Panel或一个Frame)都有一个与他相关的缺省布局管理

卡片布局管理器(CardLayout)

1.作用: 卡片布局管理器是管理器的一种,卡片布局能够让多个组件共享同一个显示空间,共享空间的组件之间的关系就像一叠牌,组件叠在一起,初始时显示该空间中第一个添加的组件,通过CardLayout类提供的方法可以切换该空间中显示的组件. 2.CardLayout的常用构造方法: void   first(Container    parent)               翻转到指定容器的第一张卡片 void   next(Container   parent)               翻转到