JDeveloper 界面主要区域及功能介绍

转自:http://www.oracle.com/technetwork/cn/articles/adf/jdeveloper-interface-area-features-1620640-zhs.html

作者:徐晋

打开 JDeveloper 后,其主界面显示如下所示,在同一个 IDE 中可以开发各类应用而无需安装额外插件:

图表 1 JDeveloper 开发界面在 1024x768 分辨率下

Application Navigator是一个树状层级结构的浏览器窗体。它用层级结构来表示开发构建之间的父子关系,如图所示:

该窗体被分为四个可以折叠/打开的区域:Projects Panel,Application Resource Panel,Data Controls Panel,Recently Opened Files Panel。

Project 分页用户可以在 Project Panel 中创建、浏览、编辑应用和项目文件。

  • Application(应用)是浏览树的根节点,可以通过顶部的下拉框来选择不同的应用工作空间(Application Workspace)


    用户也可以单击右侧按钮来关闭一个应用,如下图所示:

  • Project (项目)是 Application 的子节点,通常一个 Application 可以有多个 Project。对于 Fusion Web Application,通常会有两个 Project。一个为 Model 用于组织业务服务相关的代码和组件(如数据库定义,ORM 实现),另一个为 ViewController 用于开发和定义 MVC 相关的代码(如页面, ADF TaskFlow,HTML/CSS/JS 等)

    • 项目工具条,如下图所示,提供了快捷按钮用于浏览项目属性(Project Properties),刷新项目文件树,设定项目文件显示的过滤条件以及显示的选项(比如 java package 独立为节点显示的 Level 等)

Application Resource 分页提供了对应用相关的连接的定义以及应用相关配置文件的管理。 “Connection”节点可以管理,和当前应用所管理的连接,比如数据库连接。在该窗体中可以查看数据库的各类对象的定义并浏览数据或执行SQL查询。“Descriptor”节点包含了和当前应用所相关的设置文件,如adf-config.xml 用于设置ADF框架的元数据服务(MDS)或框架相关的全局设置选项。该节点中也包含了部署描述符如 weblogic-application.xml。开发人员可以在该 panel 右键添加新的文件。

Data Controls 分页该 Panel 中显示了当前应用可使用的所有 Data Control。 开发人员可以将在该区域中显示的 Data Control 拖放到页面中或一个TaskFlow中来自动生成页面和数据控件之间的绑定(具体实现在 Data Binding 相关章节中介绍)。在下图所示例子中,DepartmentView1 是一个 ADF ViewObject 查询结果集合对象,可以将其拖放到页面上展现为一个 af:table 组件,以表格的形式展现该集合的数据。右图中,还可以看到该 ViewObject 还有 Operations 元素,可以拖放到页面上作为一个 UI Button,并定义该 Button 在用户按下后会执行该 Operation。

  • Recently Open Files Panel该 Panel 中列表显示最近编辑的文件。

结构窗格(Structure Window)是一个自动打开的在屏幕左下角的窗口。 该窗口以树结构展现了当前编辑的文件的结构。如下图所示展现的是一个 jsf 页面的结构树:

该树中展现了JSF页面的层次结构,组件之间的上下级关系。用户可以在该窗口中拖拽组件并将组件放置到不同的树节点上,拖放的结果会在 JSF 页面的源码以及 Editor 中同步更新。

组件托盘(Component Palette)包含了可以拖放到页面中显示的 UI 组件。组件托盘根据组件分类将组件展现在不同的页中,开发人员可通过顶部下拉框来选择使用不同类型的组件,比如 ADF UI 组件、JSF 标准 UI 组件、HTML 标签等。如图 2 所示。在每一个组件分页中,JDeveloper 将组件进行进一步的分类,并显示在不同的窗格里面。如图 3 所示,ADF Faces 的页面组件被分为 General Controls, Text and Selection, Data Views, Menus and Toolbars, Layout 以及 Operations。用户可以切换不同的窗格来选取不同的组件。

图 2 图 3

Tips:有时会发现把组件拖放到页面上会比较难以准确定位,在这种情况下,可以在 Structure Window中单击选中准备拖放组件的父节点,然后单击组件托盘中的组件来将组件定位到JSF页面中。也可以直接从组件托盘中,拖放组件到结构树上来完成同样的事情。


我的组件(My Components)在组件托盘中,有一个比较特殊的组件页叫做“My Components”该页中包含以下三部分:

  • Favorites当开发人员选择一个组件并右键选择“Add to Favorites”时,该组件就会被显示在 My Components 中的 Favorites 窗格中,以便于快速选取。
  • Code Snippets在页面编辑器中以 source 的方式编辑一个文件时,可以将一段 Java 代码或者 JSF 的 XML 或者任何其他源文件代码片段,拖放到该区域并给予命名。以便重复使用。
  • Recently Used该窗格列出最近使用的UI组件。

属性编辑器(Property Inspector)属性编辑器默认在右下方显示(如下图所示)。


开发人员当前选中的 UI 组件或者某个对象会在该窗格内显示其所有的属性(property)。开发人员可以在该窗格中编辑这些属性的值。开发人员可以单击该窗格工具栏的第一个按钮(上图红色标记)来设定该窗格在鼠标移动到其上时自动最大化以方便编辑。

日志窗口(Log Window)日志窗格默认显示在底部中央位置(如下图)。该窗格显示和操作相关的日志,比如在内置的 WebLogic 服务器中运行应用的标准输出等。程序运行过程中发生的任何错误或者异常信息可以从该窗格直接链接到相关的源文件。邮件菜单运行用户保存、清楚或者控制是否让日志信息自动换行。

代码编辑器(Code Editor)JDeveloper 支持在 Code Editor 中编辑不同的 Plain Text 文件,如 Java 代码、JSP/JSF 页面代码、XML、Javascripts、CSS、HTML 等。双击一个文件即可打开 Code Editor 进行编辑。Code Editor 一般有多种编辑模式,不同的文件类型可能支持不同的类型。比如下图中对 TaskFlow 的编辑可以支持流程图编辑、源代码编辑以及概览编辑等不同的方式。代码编辑器具有一般 IDE 的基本功能如:代码提示、快速 Java Doc 等。以下主要介绍其不同之处。

Code Editor 选项配置Code Editor 可以设置其字体、语法显示颜色、undo 行为、tab 键空格数量等选项。通过(Tools | Preference)可以进入IDE的选项配置。如图表 4 所示。 Code Editor 中也支持标准的 Windows Ctrl+C, Ctrl+V 的方式进行复制粘贴。

图表 4 Code Editor

Tips: JDeveloper支持 Extended Paste功能,选择菜单(Edit | Extended Paste)或者快捷键Crtl+Shift+V的方式在剪贴板历史中选择需要粘贴的内容。

自动补全标签和代码Code Editor 能自动补全 XML 标签或者 Java 代码。例如在开发人员编写JSP源代码时,代码编辑器会在开发人员输入结束标签的开始时将结束标签自动补全(如补全</table>标签当起始标签为<table>时)。在Java代码编辑中也有相同的功能,你可以在输入一个变量名前几个字母后,通过快捷键 Ctrl+Shift+Space 来补全该变量名。

代码模板代码模板功能可以帮助程序员快速书写一些常用的代码。比如程序员可以在 Java 代码中输入 sop 然后通过快捷键Ctrl+回车来使编辑器生产 System.out.println(); 的代码。程序员可以查看、编辑、定义所有的代码模板(Tool | Preference|Code Editor| Code Templates)如下图所示。


Tips:可以单击源代码编辑的左边槽格中的右键菜单中的“Toggle Line Numbers”来显示源代码的行号。

面包屑(Breadcrumbs)在编辑器的底部会有一个 Breadcrumbs “面包屑”功能(如下图),该功能显示了当前编辑的对象在整个文档中的完整路径。程序员可以单击该面包屑上的任何一个节点来选中并切换当前编辑的对象。程序员也可以将鼠标放置到面包屑的两端来使其滚动。该功能在一行中显示了文档的结构化层次,类似于文件系统的文件路径。

Import 助手在编辑 Java 代码时,如有一个 Class 没有被 Import,编辑器会在该 Class 下方显示波浪线表示需要 Import。等待几秒钟后,会有一个弹出窗口(如图 5)提示程序员可以通过快捷键 Alt+Enter 来编辑 Import 的代码。输入 Alt+Enter 后系统将会弹出一个对话框并列出所有和当前使用 Class 相同名称的 Import 列表(如图 6)。程序员可以选择其中之一,编辑器会自动创建 Import 代码。需要 Import 的类要保证其在项目的类路径中,不然 Import 助手无法找到。此外,在 JDeveloper 中不同的编辑窗口复制粘贴 Java 代码时,编辑器会自动将相关的 Import 也一起粘贴。

图 5 图 6

IDE Encoding在做多语言应用开发时,通常会使用 UTF-8 作为字符集。在 IDE 中必须选择使用该字符集以保证 Java 代码和其他资源文件会显示正确的文字。程序员可以在(Tool | Preference | Environment | Encoding)来配置IDE全局的编码。
Note: 在每个 Project 的 Properties 选项中,程序员需要设定 Compiler 的 Encoding 符合项目所需要的标准。

外部工具(External Tools)在 JDeveloper 中程序员可以配置外部工具来辅助开发。程序员可以选择菜单(Tools | External Tools) 来打开配置窗口。单击“Find”按钮来寻找外部工具。JDeveloper 自带了五个外部工具,如右图所示分别为 Explore Directory、Notepad、Mozilla Firefox, Internet Explorer、Word。程序员也可以单击“New” 添加自己的外部程序并编辑相关的参数。 程序员选择一个或者多个外部工具,单击“ok”确认。确认后,外部工具就被添加在工具条以及右键菜单中。程序员可以通过这些工具打开外部的程序进行编辑(NotePad, Word)、浏览(Mozilla FireFox, Internet Explorer)或者文件操作(Explore Directory会打开当前选中文件所在的文件夹以便用户进行文件管理)。

调试器(Debugger)JDeveloper 提供了非常完整的调试功能。程序员可以使用 Debugger 来调试Java, JSP Tags, ADF Faces 和 JSF 请求生命周期以及 Javascript。调试器帮助程序员定位并跟踪代码的执行顺序,更深入的理解代码的执行逻辑。在执行 Debug 前首先确认在 Project 属性设置中开启了 Full Debug Info (Application|Project|Properties双击 Project 节点可以直接打开)。在 JDeveloper 中可以以 Debug 模式来运行程序,启动后 JDeveloper 会显示如下界面:


图表 7 Debugger 界面


调试器提供了多个窗口显示不同的调试信息,程序员可以在菜单(View|Debugger)选择需要打开的窗口:


这些窗口分别提供以下功能:

  • Breakpoints该窗口列出了所有程序员设定的断点或者系统默认的断点。在该窗口中程序员可以设置断点的抛出条件、分组等属性。
  • Classes该窗口显示了会被调试器跟踪的包和类。可以通过右键菜单启动或者取消这些包的断点。
  • Data该窗口显示所有和当前执行范围内的所有变量、常量和参数的值。
  • Heap显示应用所使用堆栈的情况,帮助用户寻找内存泄漏。
  • Monitors该窗口跟踪线程间的数据同步。例如,你可以使用这个窗口来确定哪个线程正在等待其他线程的数据,并确定是否有死锁发生。
  • SmartData该窗口显示和当前执行代码行相近的代码中使用到的变量、常量、和参数值。 Smart Data 窗口内的值别Data窗口中的范围更小,因为它只包含和当前跟踪代码行相临近的代码中的值。
  • Stack该窗口显示当前代码调用的堆栈。
  • Threads该窗口显示所有线程的信息。如果是一个 Web 应用则该窗口可以显示内嵌 WebLogic 服务器的所有线程状态信息。
  • Watches该窗口可以显示程序员所定义的表达式的值。表达式可以包含程序内变量或者其他数据。表达式可以包含运算符。
  • EL Evaluator该窗口用于显示程序员设定的EL表达式的值。
  • ADF Structure用树状层级结构显示了 JSF 页面在服务器端生成的对象树。并且该窗口右上角 ADF Lifecycle Breakpoints 中可以设定断点对 ADF 请求生命周期各个阶段设定断点。
  • ADF Data该窗口显示了和 ADF Faces 在服务器各个 Memory Scope 中的变量及其值以及当前页面绑定容器中设定的数据控件(Data Control)、绑定(Binding)的数据。该窗口通常和 ADF Structure 窗口配合使用。
  • Inspector该窗口需要通过右键菜单在代码编辑器、Watches 窗口、Data 窗口或者 Smart Data 窗口中选择一个变量后打开。该窗口可以打开多个,专门用于跟踪一个变量的值。

在调试进行过程中,程序员可以在图表8中的调试工具条中选择 step over (执行下一行代码)、 step into(执行代码或者进入调用的方法)、step out (返回调用该方法的代码)、step to end of method (跳到当前方法结尾或者下一个断点处)或者resume(继续执行到下一个断点)。

JSP/JSF/HTML可视化编辑器(Visual Editor)提供了一个可视化的页面编辑器。程序员可以通过拖放页面组件的方式来定义一个 JSF/JSP/HTML 页面。通过可视化编辑器做的修改会自动立即同步到页面的源代码。当程序员双击一个页面文件时,JDeveloper 默认会打开 Visual Editor 来编辑该文件。在编辑器左上角下拉框中可以选取显示当前页面的分辨率、默认值为 800x600。

建模和图形编辑器(Modelers and Diagrammers)

JDeveloper 11g 支持下列 UML 建模工具:

  • 类图
  • 活动图
  • 用例图
  • 序列图

JDeveloper 支持下列非 UML 建模工具

  • XML 编辑器
  • JSF 导航 TaskFlow 编辑器
  • Struts Page Flow 编辑器

建模工具详见 JDeveloper 帮助文档,本书中就不详细介绍了。

数据库浏览器(Database Navigator)程序员可以再 Application Navigator 中的资源分页或者 IDE 连接分页中维护数据库连接。但这两个工具的功能并不够强大。JDeveloper 提供了另外一个工具数据库浏览器来支持数据库相关的开发。程序员可以通过菜单(View| Database Navigator)打开该工具(如图所示)。该工具支持程序员浏览或者编辑数据库对象及其数据。要使用该工具,首先需要新建一个 IDE 的数据库连接,程序员需要提供用户名、密码以及数据库服务器的连接参数来定义一个数据库连接。数据库对象以树状结构分类显示,程序员可以双击一个对象将其显示在编辑器区域。在编辑器区域程序员可以浏览器数据、增加新的数据库记录查看对象相关信息以及创建该对象所使用的 SQL 等。

SQL Worksheet
在数据库浏览器中选中一个节点右键菜单中可以打开一个 SQL 工作单。在该工作单中可以定义 SQL 预计并执行查看结果。

Database Documentation
在数据库浏览器中选中一个连接,并打开右键菜单中的Generate DB Doc。JDeveloper 会生成一个基于 Html 的应用,并打开浏览器访问该应用的index.html 页面。该应用会展现当前数据库 schema 的对象和详细信息,如下图所示。


徐晋
甲骨文高级销售顾问
个人技术网站: http://blog.csdn.net/genexujin
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值