2分钟入门，3小时学会无代码软件开发案例-菜单软件。

菜单在这种情况下，我们用几分钟开发一个菜单软件，在平板电脑端显示和操作，我们可以添加和维护一个完整的菜单开发和操作演示：
下载开发项目案例——可以从网盘下载案例，导入开发工具，演示相应的操作来学习、开发、应用。
创建新项目
运行tersus开发工具，在Windows系统中选择名为TERSUS可视化编程平台的程序；在Mac上运行Tersus程序。如果是第一次运行程序，会显示一个欢迎页面，展示如何快速开发一个项目。在页面中添加一个按钮，会弹出一个“Hello World”的信息弹出窗口；只有关闭此页面，您才能进入项目开发。注意，如果是WIN10系统，需要以管理员身份打开TERUS软件进行无代码软件开发，否则会弹出如下窗口，提示“Workspace”——开发工具默认的项目文件夹——无法访问(如果正在使用或无法生成，请选择另一个)。
项目：可以用管理员打开，在工具的菜单栏中选择文件-切换工作区，选择一个非系统盘的文件夹，设置为项目文件的新项目。命名为“蔡丹”，新建方式：在弹出的File-New Tersus项目窗口中输入项目名称“蔡丹”，在项目模板中选择“新建移动应用”，点击“完成”，完成新建开发区底层系统显示元素的显示：不同的模板有不同的平台显示块，新的应用模板包括* *和* *三个显示块。它是在移动显示块中开发的：在这个项目中，我们只使用平面显示块，所以我们可以删除两个显示块**和桌面视图* *。删除时，系统会提示您被删除的对象是项目中的唯一对象。是否要同时删除项目文件目录中的文件？可以选择完全删除减少文件冗余的内容，然后保存项目的更新内容：可以点击菜单栏中的保存按钮，或者直接按Ctrl的s快捷键，或者选择菜单中的文件-保存，保存开发操作演示。
平板显示器开发
双击进入数位板侧的显示块。默认情况下，模板中添加了一个主页，并将其重命名为“Menu”。关于主页的介绍，请参考“移动开发组件”一章中的“页面显示主页”一节。命名方式：点击选中的页面，按快捷键F2或右键选择弹出菜单中的“重命名”，会出现一个重命名弹出窗口。在弹出窗口中输入中文名称。最后点击Finish关闭弹出窗口，完成重命名并添加两个新的主页面，命名为Query和Recommendation。如何添加它们：在任意空白处单击右键，在弹出菜单中选择Addd Element – Page。此时可以命名，然后直接进入查询，回车，完成新增主页面。用同样的方法添加推荐的主页。
可以运行查看默认页面的默认设计内容，点击开发工具栏中的运行按钮，然后将本地浏览器屏幕缩小到平板电脑大小。
菜单页面左侧的目录/菜单栏设计
在菜单页面上，左侧的菜单栏应该显示各种类型菜单名称的按钮。点击按钮后，右侧内容区将显示该类别的菜单列表。修改左侧的默认选项1和选项2类别按钮，并添加更多选项。双击组件进入如下位置：菜单页面/内容/左菜单删除“菜单标题”——选中后点击删除按钮。单击“是”确认删除项目目录中添加的内容，以减少项目的冗余内容。双击进入“Init”组件(这是一个常用的行为处理组件，名称缩写)，将字符常量选项1重命名为“冷盘”。重命名方法：点击选择常量组件，按快捷键F2或右键选择弹出菜单中的“重命名”，这时会出现一个重命名弹出窗口。只需在弹出窗口中输入中文名称，最后点击完成关闭弹出窗口，完成重命名。将上述选项2重新命名为“炒菜”。您可以选择凉菜和炒菜常量并拖动到顶部，以添加第三个菜名作为“主食”。如何添加：从开发工具右侧的常量常量组件中点击“文本字符”元素，在“翻炒”下点击放入。当你把它放进去，它就会被命名。你可以直接输入“主食”的名称，按回车键或点击其他任何地方，完成同上。第四道菜加“点心”，第五道菜加“饮料”。参考默认的两个常量，将它们与“Creeate菜单项”的输入元素“Caption”连接，进行值传递处理。点击开发工具右上角的“流量价值转移或流程”元素或按快捷键F2，然后点击“主食”。
保存开发结果，返回本地运行之前项目的浏览器，页面会自动刷新显示最新的设计结果。
注意，在实际的项目开发中，这个菜品类的名称是放在数据库中的，所以可以直接在数据库中查询对应字段的传入值，而不用使用常量来开发操作演示。
菜单列表
当用户点击左侧的菜名时，我们在右侧列表中显示该类别的菜单，双击该元素进入以下位置：菜单页面内容/内容窗格。默认情况下，模板中添加了一个“List List”显示元素，我们用它来显示多个菜单。双击进入列表元素，将列表项1重命名为“菜单项”。如果双击进入“列表列表”，可以有一个图片元素和一个列元素，其中有一个字符显示元素显示标题和细节。我们用它来显示信息，比如菜名。双击元素退出，进入如下位置：菜单页/内容/左菜单/菜单项/，是用户点击菜名时触发的点击事件行为逻辑。开发的位置和之前的菜品设计一样，菜单信息也要数据库保存。查询显示在菜单区后，这里我们还是添加常量来处理菜单信息：在组件中，添加一个按钮的父引用对象来获取按钮的名称(也就是菜名)。如何添加父对象：右键，在弹出的菜单中选择添加祖先效率-菜单项添加一个“分支的值是什么”组件-点击开发工具右侧的流程控制组件，点击后放入开发区或使用快捷键“B”将按钮的父组件中的“标题”与该组件的输入组件连接起来传递值，用来判断输入值是什么样的菜。为不同的菜肴显示不同的菜单。将“Branch的值是多少”这两个默认输出元素重命名为“凉菜”和“炒菜”。根据F2对选中的元素进行重命名，可以添加更多名为“主食”、“零食”、“饮料”的输出元素。实际上我们只开发第一道菜的显示菜单内容，输出元素由快捷键“E”调用。点击右边边框添加添加一个名为“梁”的为其添加一个控件输入元素——选中行为元素，点击右键，在弹出菜单中选择添加元素——控件连接“凉菜”输出元素与控件输入元素——按快捷键“F”调用连接的值传输元素。
“蔡亮”常用行为处理组件，设计单击此名称按钮时右侧显示的菜单信息：双击进入“蔡亮”组件添加内容的父引用对象，首先从组件面板顶部单击“移除删除对象”组件，将控件连接到父引用对象中内容列表下的菜单项，删除旧的菜单信息。注意单行连接，但是删除菜单的所有多个显示对象，添加两个分别名为“花生”和“木耳”的字符常量，添加一个名为“生成显示菜单”的通用行为处理元素，添加一个名为“菜名”的输入元素；添加一个名为“Menu”的输出元素；将“生成显示菜单”修改为复数状态——选中它，右键选择弹出菜单中的“重复”，将“花生”和“木耳”的值连接到“菜名”的输入元素，将“菜单”的输出元素连接到内容的父参照对象中列表下的菜单项。
生成显示菜单中逻辑开发：单击选择菜单的输出组件，然后右键单击在弹出菜单中选择在存储库资源管理器中显示。在开发工具左侧的项目目录中添加了组件对象。选择目录区域中的对象，并将其拖动到开发区的右侧。通过连接值，将拖动的数据类型对象“菜单项”与菜单输出元素连接起来。通过连接值将“菜单名”的输入元素与被拖动的数据类型对象“菜单项”下的Details/Title/连接起来，导入新的菜单名保存开发结果。然后返回给浏览器，浏览器会自动刷新显示最新内容，显示两道菜。
显示菜单图标
为了显示更丰富的菜单列表内容，为每个菜单添加图标，双击进入“生成显示菜单”元素，用输入的菜名生成图片路径信息，传入菜单显示元素中图标的路径值。单击开发工具顶部的搜索查询元素，在弹出窗口中输入Create from Template，单击相应的元素，然后单击OK按钮将其放置在开发区域中。这个组件是由给定的模板生成的字符串结果，然后在其中添加一个名为“biaoti”的输入组件。添加一个字符常量组件-从常量常量组件中选择它，然后在开发区中单击所需位置以再次放入该组件。重命名中的输入值为“images/${biaoti}。png”。这个常量连接到上一步中添加的模板生成的字符元素的输入元素。使用快捷键“B”添加一个“分支的值是什么”元素，将两个输出元素的名称更改为“花生”和“木耳”，添加两个字符常量，分别命名为“华生”和“木耳. png”。将花生和黑木耳输出元素分别连接到华生和muer.png常量，将华生和muer.png常量连接到模板生成字符元素的标体输入元素，将模板生成字符元素的输出元素连接到数据类型对象菜单项下的Thumbnail/。传入的生成图片的路径是项目文件夹中图片的路径。下载“huasheng.png”和“muer.png”的图片，提前放在项目文件夹下的web/images中。注意名称和格式\存储地址。我们需要使用下图所示的开发结果。
保存开发结果，返回浏览器，自动刷新，点击左侧“冷盘”，显示为
开发操作演示
显示的图片大小不一致，过大，需要设置统一大小属性。您可以设置缩略图的样式属性定义大小。这里，我们用最简单快捷的方式设置显示尺寸。双击以输入以下组件位置：内容/内容窗格/列表/菜单项/缩略图。点击选择缩略图图标组件，为其添加属性：可以选择组件，点击右键，在弹出菜单中选择“添加属性”，或者在属性区的右上角为单个属性添加按钮图标。弹出添加属性窗口，在属性名称中输入“html.style ”,点击确定，完成属性添加。开发工具底部的属性区会出现一个名为“html.style”的新属性，样式标签和样式值“height:80px”会相应的输入到共享列中。宽度：80 px；“注意，输入法是英文。上面的处理也可以通过添加两个属性“html.height”和“html.width”来完成。共享列对应于输入样式值“80px”
设置组件样式属性的操作演示
在本地浏览器刷新浏览之前，在菜单标题之外添加一些描述性信息。双击菜单项/external退出Content元素，双击进入Content/left Menu/menuitem//蔡亮/“生成显示菜单”元素添加两个字符常量。名称“配料：花生、醋、糖”和“配料：木耳、辣椒、香菜、醋”。将“分支的值是什么”组件的两个输出组件“花生”和“木耳”连接到新添加的配料常量，然后将配料常量的值连接到Details/Description/
保存开发结果，返回浏览器自动刷新显示最新内容。
开发操作演示
功能扩展
我们开发了主要的功能，但是如果想把它作为一个应用来使用，还需要添加“自我完善”的功能。我们需要开发一个后台管理系统来处理数据库中信息的上传、删除和修改，我们还需要开发另外两个页面内容。