基本（ intra-mart Accel Platform的第一个编程） ¶
在本节中， intra-mart Accel Platform引进的发展中， intra-mart e Builder对于Accel Platform通过使用由开发脚本创建一个Hello World intra-mart Accel Platform经验的脚本开发的流程你呢
教程流程
前提条件¶
已安装intra-mart e Builder for Accel Platform 。
安装intra-mart Accel Platform并完成初始设置。
框架基本模块创建一个包含脚本开发框架的环境。请创建开发环境的Resin服务器进行单元测试。
让我们使用intra-mart e Builder for Accel Platform制作Hello World¶
请按照以下步骤创建一个Hello World。
步骤1：创建和配置项目¶
在intra-mart e Builder for Accel Platform上创建模块项目并进行设置。有关如何创建和设置项目的详细信息，请参阅《 in intra-mart e Builder for Accel Platform应用程序开发指南》中的“ 模块项目创建”和“项目设置”。
步骤2：建立输入画面¶
创建一个输入屏幕（input.html）。在项目的src / main / jssp / src /下的helloworld / js /层次结构中创建一个文件夹，在创建的文件夹下创建一个“ input.html”文件，并实现如下。<！-HEAD 标记- > <imart type = “ head” > <title>你好，世界</ title> <script type = “ text / javascript” > $ （ function （） { $ （ '#button' ） 。点击（函数（）{ }）; $（ '#hello_info'）提交（）;}）</ script> </ IMART> <！ - 要显示在屏幕上的标题- > <DIV 类= “ imui-title” > <h1>世界，您好（脚本开发） </ h1> </ div> <！-输入 屏幕- > <div 类= “ imui-form-container-narrow” > <p > <label>请输入名称。 </ label> </ p> <！-设置 表单 在 action中 输入输出结果路径-> <form action = “ helloworld / output” name = form id = “ hello_info“ method = ” post“ > <div> <！-设置文本 框 -> <imart type = ” imuiTextbox“ id = ” name“ name = ” name“ size = ” 10“ > </ imart> < / div> <！-submit button setting- > <imart type = “ imuiButton” value = “ Hello !!” name = “ button” class = “ mt-10” id = “ button” inputType = “ submit” > </ imart> </ form> </ div>注意
将字符代码设置为UTF-8并保存。
步骤3：建立输出画面¶
创建一个输出屏幕（output.html）。在项目的src / main / jssp / src / helloworld / js /下以“ output.html”的名称创建它，并实现如下。<！-HEAD标记-> <imart type =“ head”> <title>你好，世界</ title> <script type =“ text / javascript”>函数back（）{$（'＃back-form' ）.submit（）;}; </ script> </ imart> <！-屏幕上显示的标题-> <div class =“ imui-title”> <h1> Hello，World（脚本开发） </ h1> </ div> <！- 工具栏 （放置一个按钮以返回到上一个屏幕）-> <div class =“ imui-toolbar-wrap”> <div class =“ imui-toolbar-inner” > <ul类=“ imui-list-toolbar”> <li> <！-为“后退”按钮创建图标调用JavaScript 函数 > <a href =“ javascript：back（）;” class = “ imui-toolbar-icon” title =“返回”> <span class =“ im-ui-icon-common-16-back”> </ span> </a> </ li> </ ul> </ div > </ div> <！-输出结果-> <div类=“ imui-form-container-narrow”> <label> <imart类型=“ imuiTextbox” id =“结果” name =“结果” value =名称类=“ imui-text-readonly”只读/> </标签> </ div> <！-“后退”按钮的表格信息设置输入屏幕的路径。 -> <form id =“ back-form” name =“ backForm” action =“ helloworld / input”方法=“ POST”> </ form>注解
intra-mart在intra-mart Accel Platform上运行的HTML文件中描述的标签不应描述<HTML>和<BODY>，并且<HEAD>应该使用<imart type =“ head”>。详细内容详细信息， 详细内容 UI（设计准则） 。注意
将字符代码设置为UTF-8并保存。
步骤4：创建输入屏幕处理¶
实现执行输入屏幕初始化过程的JS文件（input.js）。在项目的src / main / jssp / src / helloworld / js /下以“ input.js”的名称创建它，并实现如下。/ ** *未处理，因为Hello World中没有特殊处理 *如果需要初始化，请在init（）中描述处理。 * / 机能 初始化（要求） { }注意
将字符代码设置为UTF-8并保存。
步骤5：创建输出屏幕处理¶
实现JS文件（output.js），该文件执行输入信息的结果显示过程。在项目的src / main / jssp / src / helloworld / js /下以“ output.js”的名称创建并实现如下。/ ** *输出绑定变量 * / 变种 名; / ** *初始显示 *通行证名称 * / 机能 初始化（要求） { 名 = “你好，” + 要求['名字']; //创建输出结果并存储在绑定变量 }注意
将字符代码设置为UTF-8并保存。
步骤6：创建路由配置文件¶
创建xml（helloworld.xml）进行路由 。在项目的src / main / conf / routing-jssp-config /下创建一个helloworld.xml文件，并描述文件的映射信息，如下所示。将“ welcome-all”设置为authz-default的映射器属性，这是许可的设置。在文件映射（这是URL的设置）中，在path属性中设置两个屏幕的URL，并在page属性中设置两个屏幕的文件路径。<？xml版本=“ 1.0”编码=“ UTF-8”？> <routing-jssp-config xmlns =“宀:. //万维网intra-mart .JP /路由器/路由- JSSP-Config”中 xmlns：xsi =“ http://www.w3.org/2001/XMLSchema-instance” xsi：schemaLocation =“宀:. //万维网intra-mart .JP /路由器/路由- JSSP-配置路由- JSSP-Config.Xsd”> <authz-默认 映射器=“欢迎大家” /> <文件映射 路径=“ / helloworld /输入” 页面=“ / helloworld / js /输入” /> <文件映射 路径=“ / helloworld /输出” 页面=“ / helloworld / js /输出” /> </ routing-jssp-config>注解
路由的设置详细内容关于路由请参考。注意
将字符代码设置为UTF-8并保存。脚本开发示例的创建已完成。根据项目设置，到目前为止创建的源已正确部署到Resin服务器上的文件夹中。迁移到生产环境时，请将创建的项目转换为用户定义的模块或部署源并应用。
注册和屏幕显示¶
步骤1：菜单注册¶
在这里，上面创建的样本已注册到网站地图并实际执行。启动Resin并与Tenant管理员一起登录intra-mart Accel Platform 。登录屏幕的URL是“ http：// <主机>：<PORT> / <CONTEXT_PATH> / login ”。此后，显示“菜单设置”屏幕，并如下设置菜单。
在要在此处创建的新Item信息中输入以下信息
菜单Item名称（日语） JavaScript的Hello World 网址 helloworld /输入 
步骤2：Hello World的运作方式¶
应用设置菜单并执行。您可以从网站地图进行选择，如下图所示。
单击网站地图注册的菜单Item以显示输入屏幕。
在文本框中输入名称，该名称将显示在结果屏幕上。
按下结果屏幕顶部的“返回”图标以返回到输入屏幕。注解
在本教程中，我们检查了以下几点。
