EDT使用入门

最新推荐文章于 2025-07-22 13:14:04 发布
原创 最新推荐文章于 2025-07-22 13:14:04 发布 · 9.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#应用服务器 #服务器 #javascript #properties #tomcat #浏览器

本教程详细介绍了如何使用EDT开发和部署EGL项目，涵盖从搭建环境、创建HelloWorld项目，到代码检查、调试、部署到Web项目及生成WAR文件的全过程。通过此教程，读者将学会EGL的基本操作并掌握EGLWeb Developer Tools的使用。

EDT使用入门

本教程主要介绍如何在EDT(EGL开发工具)中开发和部署一个简单的EGL项目。项目范例将展示如何使用EGL创建Web2.0应用和Web服务，如何调试和部署EGL代码。

下面为本课正文：

1、简介

这个简单的HelloWorld应用程序展示了一些EGL基本但是非常强大的功能和工具。在这个教程里，你将学习安装和使用EDT(EGLWeb Developer Tools), 创建一个新的范例项目，在可视化编辑器(VisualEditor)中打开并且预览Web2.0应用(在EGL里也叫RichUI应用)效果，调用、运行Web服务，在程序中设置断点用来调试，将应用程序部署到一个Eclipse动态Web项目，从而部署在一个服务器上，或者是生成一个.war包用来部署在JEE应用服务器上。

这个程序会提示用户输入他们的名字，并且在弹出对话框中显示。


步骤：

  1. 搭建环境

  2. 创建范例项目

  3. 检查代码(Examiningthe code)

  4. 调试程序

  5. 部署程序

2、搭建环境

按照下载页中的说明下载安装EGLWeb开发工具(EDT)。也可以选择安装到现有的Eclipse中，或者是下载单独的安装包。

3、创建范例项目

  1. 在EDT中，点击Window> Open Perspective > Other > EGL，打开EGL透视图(perspective)：


  1. 在工具栏上点击NewEGL project启动EGL项目新建向导：


  1. 在项目名称一栏中，填入“myfirstproject“。

  2. 在项目模板列表中，选择“HelloWorld (example)”。在创建新项目的时候，您可以选择下面列表中其他模板，包括Web2.0 client application with service模板支持端到端(end-to-end)的、基于JavaScript和Java应用程序的开发：


  1. 点击Finish创建新的工程。EDT自动导入包含基本HTML控件(Widgets)和Dojo控件(Dojo？)的两个项目。在ProjectExplorer 视图中：


  1. 在ProjectExplore 视图中，右击选择myfirstproject，选择Properties> EGL Complier。注意到项目已经设置为能够同时支持生成JavaScript和Java：


  1. 在ProjectExplorer中展开myfirstproject节点，查看新项目的内容。然后展开EGLSource文件夹，能看到已经创建了3个包：


4、检查代码

  1. 展开samples.client包，双击HelloWorldView.egl，在EGLRich UI可视化编辑器中打开：

  1. Design标签提供了一个真正的WYSIWYG(所见即所得)的编辑器，用来可视化的创建EGLRich UIhandler部件。在这个标签页里，可以从Palette视图中拖拽、放置控件，在Properties视图中更改控件属性设置，并且能够在Outline视图中看到一个handler的大纲。在设计区中点击不同的控件，观察Properties视图和Outline视图的变化。

  2. 点击可视化编辑器左下角Source标签，跳转到HelloWorldView的EGL源代码编辑器：

  1. 在源代码中，注意package声明(与EGL源文件的位置匹配)，import声明(说明了该程序需要其他包里的程序的支持)，RUIHandler声明(HelloWorldView)定义了在初始化时显示的UI组件(initialUI= [configPanel])，在构造时调用的方法(onConstructionFunction= start)，还有显示在浏览器状态栏上的标题(titile= “Hello World”)。

  2. 在这个handler中定义了多个控件，包括nameField(定义了一个文本框用于输入姓名)和goButton(能够点击的按钮，在被点击时调用goButton_onClick方法)：

  1. 找到goButton_onClick方法。这个方法在Go按钮被点击的时候被调用，它将负责调用HellloWorldService中的sayHello方法(在这个例子中，这个service将接收用户输入的姓名并且返回一个“Hello“的字符串——在后面将看到这个service的代码)：

  1. 点击Preview标签切换到实时运行模式的handler(EGL代码将自动生成JavaScript并且在Preview浏览器中展示出来)：


  1. 这是一个真实运行的程序，在Name栏中输入名字(比如“JohnSmith”)，按回车键。几秒钟后能够看到名字出现在一个新的对话框中：

  1. 点击Preview标签页工具栏上的Previewin External Browser按钮，在系统默认的外部浏览器中加载handler：

  1. 关闭浏览器窗口，回到开发工作台，从ProjectExplorer视图中展开samples.server包，双击HelloWorldService.egl文件，在EGL代码编辑器中打开：

  1. HelloWorldService是一个EGLservice，只有一个叫做sayHello的方法。这个方法接收一个字符串参数，在前面加上“Hello,“，在最后加上“!“并且返回这个字符串(这个就是之前Gobutton onClick事件所调用的方法)：

5、调试程序

EGL工具通过Eclipse调试器支持客户端(浏览器)和服务器端的程序调试。需要注意的是调试的是EGL代码，而不是生成的代码(JavaScript或者Java)。

  1. 在工作台中点击HelloWorldView.egl标签来打开编辑器(如果这个文件不是已经打开过的，从ProjectExplorer视图中打开)。

  2. 切换到Source标签(tab)，向下滚动，找到goButton_onClick方法，双击含有call声明的一行左侧的边缘区域来增加一个断点：

  1. 能看到有一个蓝色的圆圈(颜色可能会随不同平台变化)出现，表示在这一行代码已经设置了一个断点。

  2. 在工作台中点击HelloWorldService.egl标签来打开编辑器(如果这个文件不是已经打开过的，从ProjectExplorer视图中打开)。

  3. 在声明return的一行增加一个断点(双击编辑器左侧的边缘)：

在UI代码和service代码中都设置了断点后，现在开始调试这个程序。

  1. 在ProjectExplorer视图中，选择HelloWorldView.egl，右击，并且选择DebugAs > EGL Rich UI Application来在外部浏览器中加载这个handler：

  1. 在Enteryour name文本框中输入一个名字并且点击Go按钮。

  2. 因为在goButton_onClick方法中的call语句所在行定义了断点，会有弹出窗口提示你转换到EclipseDebug透视图(这时浏览器窗口也被停止响应，等待程序恢复)：

  1. 在Debug透视图中，能够看到HelloWorldView在48行被中止，同时在代码编辑器中能够看到包含断点的一行被高亮显示了：


  1. Debug透视图提供了很多工具能够跟踪或是跳过方法，检查变量的值，等等。点击Debug透视图工具栏上的Resume按钮，继续执行代码(将要调用HelloWorldService服务)：

  1. 因为在HelloWorldService中的sayHello方法中定义了断点，调试器将马上显示到达另一个断点，在servicecode中显示：

  1. Variables视图中显示了当前范围内的变量。展开sayHello节点，显示这个方法范围内的变量。

  2. 在列表中选择name变量(这是在这个方法中定义的唯一参数)，视图中显示出了之前在Enteryour name文本框中输入的名字：

  1. 再次点击Resume按钮，继续执行service代码。

  2. 切换回浏览器窗口，会发现弹出对话框中显示出了输入的名字。

6、部署应用

当你确认应用程序能够正常工作后，就可以在本地Java应用服务器(比如ApacheTomcat)上运行它，之后把它导出生成一个标准的JavaWeb 压缩文件(JavaWeb Archive file, WAR)，并且部署在一个远程应用服务器上。

在为工作区配置Tomcat服务器之前，应当先在机器上下载安装(或解压缩)Tomcat。下载链接和教程，请访问ApacheTomcat 7.0 下载页。

下面将介绍如何在本地配置Tomcat服务器运行环境：

  1. 点击Windows> Preferences > Server > RuntimeEnvironment。如果没有配置过运行环境，显示的列表将为空：

  1. 点击Add按钮，打开NewServer Runtime Environment向导。

  2. 在列表中选择Apache> Apache Tomcat v7.0：

  1. 点击Next，显示TomcatServer配置界面：

  1. 点击Browse按钮，找到ApacheTomcat 7的安装(或解压缩)目录：

  1. 点击OK。

  2. 点击Finish添加新的运行环境。它将显示在当前工作区的运行环境列表中：

  1. 点击OK关闭首选项对话框。

现在已经为你的工作区配置好了Tomcat运行环境，下一个步骤是将范例项目部署到一个标准的动态Web项目。当有了这个动态项目之后，就可以导出一个WAR文件，或者在本地Tomcat服务器上运行。

7、将HelloWorld应用部署到一个Web项目

  1. 在ProjectExplorer视图中，在EGLSource文件夹中打开myfirstproject.egldd。一个部署描述符包含部署的很多方面，包括哪个RichUI handler部件生成HTML文件，将部署入哪个web项目，等等。

  1. 在Overview标签中点击DeploymentTarget部分的New...按钮，创建一个新的web项目。

  2. 在ProjectName框内，输入“helloworld”，从Targetruntime列表中选择ApacheTomcat v7.0(如果需要的话)，同时在Dynamicweb module version列表中选择2.5(暂时不支持3.0版本)：

  1. 点击Finish创建项目。

  2. 现在可以从Targetproject框中选择新建的helloworldweb项目：

  1. 点击File> Save保存部署描述文件。

  2. 在ProjectExplorer视图中，右键点击部署描述文件(刚才保存的myfirstproject.egldd文件)，点击DeployEGL Descriptor：

  1. 部署操作将生成文件，并且拷贝到目标web项目中(这个过程将需要几分钟时间)：

  1. 在部署过程完成之后，在ProjectExplorer中展开helloworld项目，能看到部署好的东西：

  1. 为在本地ApacheTomcat 7上部署和运行应用，右击选择HelloWorldView.html(这是HelloWorldViewhandler生成的HTML文件)，选择RunAs > Run on Server：

  1. 尽管已经配置好了Tomcat7的运行环境，但是还需要创建一个服务器实例。从列表中选择Tomcatv7.0 Server：

  1. 点击Next，配置哪个Web应用将被部署到这个服务器实例。确认helloworld在Configured列表中：

  1. 点击Finish创建服务器实例，并且将helloworldweb应用发布到实例上。

  2. 新的服务器实例将显示在Server视图中，同时也能在右下角看到到发布操作的状态：

  1. 在Web应用发布到服务器后，将出现一个新的浏览窗口，显示服务器上部署好的HelloWorldView.html：

  1. 这个应用能够像开发时一样正常工作。

8、将应用导出为能够安装在独立应用服务器上的WAR文件

1.在ProjectExplorer视图中选择helloworld项目，右击，选择Export> WAR file：


2.在Webproject框中，helloworld将被选中。为将要创建的WAR文件输入一个路径和名称，比如c:\temp\helloworld.war：


3.点击Finish，创建WAR文件。现在可以将这个文件部署到远程的应用服务器了。


 下一篇：Visual Edit教程之创建一个登陆页面


LaTex 入门
cocoonyang的专栏
01-22 33万+
LaTex简介 TeX 是由Donald Knuth创造的基于底层编程语言的电子排版系统[1](TEX是Honeywell公司在1980年为其Text Executive文本处理系统注册的商标，它与 TeX是两回事)。TeX能够对文档的排版进行非常精细的操作，可以生成十分精美的文档。TeX系统生成的是DVI(Device Independent)文件。 LaTex是由Leslie Lampo...
jquery-easyui-EDT-1.4-build1-附带各种主题
11-27
这个文件可能是对整个压缩包内容的详细介绍，包括如何使用 EasyUI、如何应用主题、如何进行开发调试等信息，对于初学者来说是很好的入门指南。 7. **jquery-easyui-1.4** 这是 jQuery EasyUI 的核心库文件，包含...
edt解密工具
05-20
解密工具
EDT文档，安装配置文件
07-10
E地通安装配置文档，安全有效的配置异地访问。
edt 微软部署工具
06-24
Microsoft 开发了快速部署工具 (EDT) 来帮助我们的经销商和系统组装商合作伙伴快速、轻松和正确地在 PC 中部署 Windows 7 和 Windows Server 2008 产品。获得自定义和部署 Windows 8 的 Windows Server 2012 的帮助，请使用 Windows 评估和部署工具包 (Windows ADK)。
2024 运维故障案例经验_运维工程师故障案例
2401_85957046的博客
08-20 894
庆幸当年运气比较好。看到 数据库安装到/data/mysql 目录 方向旁边有些乱起一个什么mysql5.89乱七八糟文件 ，你觉得没用 直接 rm -rf 删除 ， 现在是清爽了，， 一会 发现业务无非登录全部报错500 无法连接数据库？2、在工作中，运维人员经常需要跟运营人员打交道，请问运营人员是做什么工作的?6、Squid、Varinsh和Nginx有什么区别，工作中你怎么选择?5、LVS、Nginx、HAproxy有什么区别?7、Tomcat和Resin有什么区别，工作中你怎么选择?
EDT部署功能介绍
云计算?
03-20 263
EDT部署功能介绍 当你在开发EDT Web前段程序的时候，你需要接触到EDT部署操作，从而将生成好的RUIHandler和Service的目标代码部署复制到目标Web程序中。和大家所熟知的部署到应用程序服务器上不同，EDT的部署操作是将生成好的Java/JavaScript/HTML文件拷贝到目标程序，从而在运行时环节脱离EGL语言。同事，EGL中的Service所必须的绑定配置文件等也将...
gestion_edt
02-21
Gestion-Emploi-Du-Temps 使用后端（Spring Boot）和前端...入门 我的要求 为了构建和运行应用程序，您需要： 怎么跑 Vue.js NPM运行服务 怎么跑 Vue.js NPM运行服务 截屏 致谢 特别感谢我们使用的任何人的代码
3、使用 Jython 和 Swing 开发图形应用程序的入门指南
最新发布
android的专栏
07-22 35
本文详细介绍了如何使用 Jython 和 Swing 开发图形应用程序，涵盖窗口创建、组件添加、布局管理、脚本运行方式、方法弃用处理、线程安全实现以及事件响应机制。通过多个示例代码，帮助开发者快速入门并掌握 Swing 在 Jython 环境下的开发技巧，适用于希望构建灵活、强大图形界面的开发人员。
edt破解資源
11-26
edt工具利器 你值得擁有 專門解封包附檔名edt
DFT EDT 压缩解压缩模块详解
11-06
DFT EDT手册 压缩解压缩原理及流程的详细讲解 EDT的产生流程，EDT在design中的插入流程
WinEdt打开.tex文件显示error reading错误
诚朴勇毅
11-27 3659
在WinEdt中，【File】-【Open】（或使用快捷键Ctrl+O），在弹出的打开对话框中，右下角【文件名】右侧有一个打开扩展名方式，默认是default(是因为.tex文件中包含了utf-8字符，而在打开的时候并没有指明utf-8打开方式。再选择相应的.tex文件打开即可。)形式，点击下三角号，选择UTF-8(
CTEX中使用winEdt排版编辑插入图片.eps应用排版举例
qq_18937049的博客
06-02 4565
在使用WinEdt进行排版编辑的时候，可以对文档格式排版等灵活快速排版，并实现pdf的文档的生成。本文将举例说明在WinEdt中，插入图片的方法的排版举例应用。
Hello Triangle：OpenGL ES 2.0 版的“Hello world”
x13945的专栏
08-17 1570
Hello Triangle：OpenGL ES 2.0 版的“Hello world”Hello TriangleOpenGL ES 20 版的Hello world 准备工作 具体实现 创建一个简单的顶点和片段着色器 编译和装载着色器 创建项目对象链接着色器 设定窗口和清除缓冲区 装载几何图像绘制基元 后缓冲区显示 结果本文的文字大部分都是从《OpenGL ES 2.0 编程向导》中摘抄而来，特
第一章：Getting Started
weixin_44954910的博客
03-22 2390
scan channels可以被看作虚拟scan chains因为，从tester的角度来说，它们的操作与传统的scan chains相同，因此能够应用传统scan patterns的任意tester，可以应用压缩patterns。默认EDT逻辑包含组合逻辑和flip-flops。定义参数，例如scan channels和lockup cells插入的数量，工具会基于指定的参数、内部扫描链的数量、最长扫描连的长度以及每个链中第一个和最后一个扫描单元的时钟，自动确定EDT hardware的内部结构。
第三章：Scan Chain Synthesis
weixin_44954910的博客
03-27 1681
对于带有扫描选项的ATEs，channels的数量通常是固定的，只有扫描链的数量是可以变化的。在某些情况下，chip package而不是tester限制了channels的数量，因此scan insertion和综合是压缩ATPG流程中重要的一部分。在生成EDT逻辑之前可以使用Tessent Scan或其他scan insertion产品在设计中插入scan chain电路，也可以在扫描链插入之前插入EDT逻辑。
【SOC 芯片设计 DFT 学习专栏 -- Scan chain 和 SDFFs及 EDT】
CodingCos的博客
03-12 2231
SDFFs是DFT中用于构建扫描链的基本单元，支持功能模式和测试模式的切换，显著提高芯片的可测试性。EDT是一种高效的测试压缩技术，通过减少测试数据量和测试时间，适应大规模芯片的测试需求。两者的结合为SoC设计提供了高效、可靠的测试解决方案，是现代芯片设计中不可或缺的技术123。
android学习13——android egl hello world
wzw88486969的专栏
01-04 548
from:http://www.cnblogs.com/zhouyang209117/p/5415486.html 通常情况下我们使用GLSurfaceview来实现opengl渲染.GLSurfaceview实现上是对SurfaceView和EGL的封装.为了从本质上理解渲染流程,使用EGL和SurfaceView来写一个Demo. 首先要封装一个EGLHelper用来操作EGL.下
Java Swing 中事件分发线程（EDT）及其任务队列的基本框架
心比天高的专栏
11-11 296
Java Swing 中事件分发线程（EDT）及其任务队列的基本框架。edt.invokeLater(() -> System.out.println("任务1执行"));edt.invokeLater(() -> System.out.println("任务2执行"));// 如果没有任务，线程可以短暂休息。// 从队列中取出下一个任务。// 将任务添加到队列中。// 创建并启动事件分发线程。// 添加任务到事件分发线程。// 停止事件分发线程。
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值