表单可视化

概述

在项目文件列表中，找到需要预览的 HTML 表单文件，右键点击该文件，在弹出的菜单中选择【VJSP编辑模式】选项，系统会自动打开表单前端预览窗口，实时展示表单的页面样式、交互效果及字段布局，便于开发者快速调整表单设计。

顶部功能区

1. 撤销：点击撤销上一步操作。

2. 保存：点击保存当前表单设置。

3. 项目：点击打开项目。

4. 窗体：点击打开窗体。

5. 运行：点击自动保存当前页面设置，并查看当前设置效果。

6. 脚本生成：点击脚本生成，进入脚本生成页面，可进行脚本设置。

7. 清空：点击清空，清空当前页面所有布局设置。

8. 格式化：可对“代码编辑器”、“脚本编辑器”、“样式编辑”中代码进行格式化。

9. 帮助：点击进入帮助文档。

右侧功能区

1.工具箱

在工具箱内选择工具，拖动工具至设计器内，编辑表单页面样式页面。

2.属性设置

点击设计器内组件，右侧打开属性页面，可设置组件属性。

3.事件

点击右侧工具箱底部【事件】标签，设置控件事件。

4.样式

点击右侧工具箱底部【样式】标签，设置控件样式。

底部功能区

1. 设计器：实时展示表单页面样式，并做出修改。

2. 代码编辑器：点击可打开表单代码编辑器。

3. 脚本编辑器：点击可打开表单脚本编辑器。

4. 样式编辑：点击打开表单样式编辑。

5. 标签：点击查看表单标签，可查看表单的标签，并进行修改、删除操作。