花生肉泥 Blog

EOS创建Helloworld

2015/07/23 Share
1、打开EOS Studio 软件

uploaded!

2、创建项目

选择[文件/新建/EOS项目]菜单,系统弹出”新建EOS项目”向导。
选择创建”空项目”,点击<下一步>按钮,弹出”新建EOS项目”界面,如下图所示。

uploaded!

uploaded!
配置项目信息。
将”项目名称”修改为”helloworld”,其他的参数不需要修改。
单击<完成>按钮。
系统返回EOS开发透视图,创建的项目显示在”资源管理器”视图中,如下图所示。

uploaded!
uploaded!

3、创建构建包

打开”创建构件包”向导。
选中”helloworld”项目,单击鼠标右键,选择[创建/构件包]快捷菜单项。
系统弹出”新建构件包”界面,如下图所示。

uploaded!
修改配置信息。
将”构件包名”修改为”com.primeton.helloworld”,此时”显示名称”将和”构件包名”保持一致。
单击<完成>按钮。
系统返回EOS开发透视图,创建的构件包列在”资源管理器”视图中,如下图所示。

uploaded!

4、创建页面流

创建页面流文件。
在资源管理器视图中展开”展现”节点,选中页面流,单击鼠标右键,选择[创建/页面流]快捷菜单项,系统弹出”创建页面流”向导。将文件名修改为”helloworld”,如下图所示。

uploaded!
uploaded!
单击<完成>按钮。
系统返回EOS开发透视图,新创建的页面流文件已经被页面流编辑器打开,如下图所示。

uploaded!

在”选用板”视图中,单击”逻辑流”图元并拖入编辑器中,双击”逻辑流”的显示名称,改为”helloworld”,操作如下图所示
在”选用板”视图中,单击”视图”图元并拖入编辑器中,双击”视图”的显示名称,改为”helloworld”,操作如下图所示。
在”选用板”视图中,单击”连接线”图元并拖入编辑器中,将编辑器中的图元依次连接起来。单击 按钮或者使用快捷键”Ctrl+S”,保存此页面流文件。如下图所示

uploaded!

5、创建逻辑流

创建逻辑构件。
在资源管理器视图中,选中”构件”节点,单击鼠标右键,选择[创建/逻辑构件]快捷菜单项,系统弹出”创建逻辑构件”向导。将文件名修改为”helloworld”,单击”完成”按钮,如下图所示。

uploaded!
uploaded!
创建逻辑流文件。
在资源管理器视图中,选中已经创建的”helloworld.componentType”文件,单击鼠标右键,选择[创建/逻辑流]快捷菜单项,系统弹出”创建逻辑流”向导。将文件名修改为”helloworld”,单击<完成>按钮。新建的逻辑流文件已经被逻辑流编辑器打开,如下图所示。
在”选用板”视图中,单击”赋值”图元并拖入编辑器中。操作如下图所示。

uploaded!

双击”赋值”图元,系统弹出”设置对话框”,在编辑参数列表中增加一个”test”变量,并赋值”Hello World!”,右值类别选择”常量”,操作如下图所示。

uploaded!
单击<确定>按钮,完成配置。
双击”helloworld.bizx”文件中的空白区域,系统弹出”设置对话框”,在参数配置表中为”helloworld.bizx”逻辑流设置返回值”test”,设置如下图所示。

uploaded!
在”选用板”视图中,单击”连接线”图元并拖入编辑器中,将编辑器中的图元依次连接起来。单击保存 按钮或者使用快捷键”Ctrl+S”,保存此逻辑流文件。如下图所示。

uploaded!
打开页面流文件”helloworld.flowx”,双击其中的”helloworld.逻辑流”,系统弹出”设置对话框”,如下图所示。

uploaded!
为逻辑流指定实现。
单击”浏览”按钮,系统弹出”选择一个逻辑流”的选择对话框,选择”helloworld.bizx”这个逻辑流,点击<确定>按钮,如下图所示。

uploaded!
设置逻辑流的返回值的值为”test”,设置如下图所示。

uploaded!

单击工具栏上的保存按钮或者使用快捷键”Ctrl+S”,保存页面流”helloworld.flowx”文件。

6、创建JSP页面

创建JSP文件。
在资源管理器视图中,选中”页面资源”节点,单击鼠标右键,选择[创建/JSP文件]快捷菜单项,系统弹出”创建JSP页面”向导,将文件名修改为”helloworld”,单击<完成>按钮。

uploaded!

编辑文件内容。
编辑后,helloworld.jsp文件内容如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<%@page pageEncoding="UTF-8"%>
<%@include file="/common/common.jsp"%>
<%@include file="/common/skins/skin0/component.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Hello World!</title>
</head>
<body>
<div align="center">
<h1><font color="blue">
<b:write property="test"/>
</font>
</h1>
</div>
</body>
</html>

打开页面流文件”helloworld.flowx”,双击”helloworld”页面图元,系统弹出”设置对话框”,如下图所示。
uploaded!
为”helloworld”页面图元指定Jsp页面。
单击”浏览”按钮,系统弹出一个”选择Jsp”的选择对话框,选择”helloworld.jsp”这个Jsp页面,点击<确定>按钮,如下图所示。

uploaded!

单击工具栏上的按钮,保存页面流”helloworld.flowx”文件。至此完成了”hello world”示例的开发,页面流文件如图下所示。

uploaded!

7、启动服务器

单击工具栏上的按钮,启动服务器。

uploaded!

8、运行

选择页面流的URL。
在资源管理器的视图中,选中”helloworld.flowx”文件,单击鼠标右键,选择[复制URL]快捷菜单项。

uploaded!
打开浏览器,在地址栏中粘贴”helloworld.flowx”的URL,若该项目运行正常,显示页面。页面如下图所示。

uploaded!

CATALOG
  1. 1. 1、打开EOS Studio 软件
  2. 2. 2、创建项目
  3. 3. 3、创建构建包
  4. 4. 4、创建页面流
  5. 5. 5、创建逻辑流
  6. 6. 6、创建JSP页面
  7. 7. 7、启动服务器
  8. 8. 8、运行