## 有界面工程特点 有界面工程的特点是创建时自带了网页界面模板可以直接使用,有网页设计经验的可以自己设计或修改网页界面,通过网页的交互元素如按钮等触发执行中文伪代码,伪代码里有"**界面.接口{}**"代码块.对于程序执行过程中的信息输出可以通过"IDE交互"命令库进行,对于程序的暂停和继续或各项程序参数设置可以在网页界面里添加再通过JS与"界面.接口{}"里的函数传送参数.因为有界面可以灵活的交互,所以通常用于需要人工控制过程的开始/暂停/结束的程序,或需要设置比较多运行参数的复杂界面程序. ## 操作步骤 有窗口工程和无窗口的创建过程一样,只不过工程文件夹里多了"layui"文件夹和"界面源码.html",可以供用户使用网页来设计交互界面.默认创建的界面模板中已经有了"开始/测试/停止"三个网页按钮,只需要在"伪代码"里添加编辑相应的逻辑伪代码即可.有网页设计经验的朋友也可以根据layui前端框架自行设计需要的网页界面. 1. 左侧面板中切换到"工程"选项页 2. 点击"新建工程"按钮 3. 在弹出的新建工程对话框中选择"**有界面工程**",修改工程保存的路径,然后点击"创建"按钮 4. 创建成功后,"工程"页里的"目标工程文件夹:"路径会显示保存路径,IDE底部也会显示保存路径,右侧"伪代码"选项页会自动加载此工程文件夹里的"伪代码.txt"文件的内容. 5. **右侧"界面预览"选项页会自动加载此工程文件夹里的"界面源码.html"文件,这里只能预览界面,点击是没有交互效果的,网页按钮等元素与IDE的交互效果要点运行后在右下角弹出的界面窗里点击才能生效.** 6. 点击"工程"页里的"运行"按钮,可以看到右下角弹出了一个界面窗,里面的界面正是界面预览窗里加载的"界面源码.html",点击界面里的"开始/测试/停止"等按钮可以体验到伪代码运行的效果. ## 伪代码 有界面工程的默认伪代码模板如下,可以随意修改后运行测试效果: ``` /* 多行注释: 1.有界面工程示例伪代码 2.代码可以通过IDE交互进行输出提示 3.界面预览和运行将会自动加载"界面源码.html"文件 */ IDE交互.日志输出("正在运行有界面示例"); 界面窗.设置是否置顶(真); 界面窗.设置宽高(260,180); //函数名不要使用系统关键字,如"如果"/"执行"/"导入"等词 定义 开始 = 函数(){ IDE交互.日志输出("点击了开始按钮") } 定义 停止 = 函数(){ IDE交互.日志输出("点击了停止按钮") } 定义 测试A = 函数(文本参数){ IDE交互.信息框(1,"测试A函数被调用了,传进来的参数是:"+文本参数) //演示计次循环语句 计次循环(i=1;10;1){ //演示如果语句 如果(i==8){ IDE交互.日志输出("i=8,跳出循环"); 跳出循环; } //演示如果否则语句 如果(i<5){ IDE交互.日志输出("i="+i,"i小于5"); }否则{ IDE交互.日志输出("i="+i,"i大于等于5"); } //演示选择判断语句 选择(i){ 判断 1 { IDE交互.日志输出("i="+i,"演示选择判断语句里判断到i为1"); } 判断 2 { IDE交互.日志输出("i="+i,"演示选择判断语句里判断到i为2"); } 否则 { IDE交互.日志输出("i="+i,"演示选择判断语句里判断到i不是1也不是2"); } } } //演示迭代循环语句 定义 数据表 = {a=1;b=2;c=3}; 迭代循环(键名,键值 在 数据表){ IDE交互.日志输出("迭代循环:","键名="+键名,"键值="+键值); } } //在界面接口里写响应网页界面控件事件的函数 //注意:界面接口里不能使用中文函数名,不然网页JS那边调用不了,可以把中文名的函数写在界面接口外面,然后调用在界面接口的英文或拼音函数里调用 界面.接口 = { start = 函数(){ //点击示例界面中的开始按钮时,会通过js代码external.start()调用此界面.接口start函数 开始() } stop = 函数(){ //点击示例界面中的开始按钮时,会通过js代码external.stop()调用此界面.接口stop函数 停止() } test = 函数(文本参数){ //点击示例界面中的开始按钮时,会通过js代码external.test()调用此界面.接口test函数 测试A(文本参数);//调用界面.接口前面定义的函数 } } ```