1 、可视化设计器分为：

• 目录树：包含“页面、逻辑、数据、流程”四种可视化设计模块的切换，及其下设计内容管理与树形展示
• 应用信息与操作区域：支持应用的“预览、发布、自定义主题样式”等操作
• 标签页：支持各个编辑页面的灵活切换与关闭
• 画布/操作面板：可视化设计的主要操作区域
• 组件/属性面板：组件页签下提供基础组件和扩展组件，属性页签用于编辑组件的相关信息、事件和样式
• 信息台：用来展示日志问题等应用相关信息

注：在可视化设计器中，拖拽是一项常用的操作，页面组件、逻辑组件、实体等均可拖拽到画布中进行操作

2 、应用开发——预览——发布

codewave 提供应用的全生命周期管理，在整个应用开发过程中，从应用的创建到应用的开发、迭代、上线、运维，都能够通过可视化的方式进行管理。
开发者可通过可视化设计器进行数据模型、逻辑、页面、流程的编辑和权限配置，同时可随时预览应用进行功能测试。
点击开发环境中的预览按钮，等待发布完成后，通过访问信息中的开发环境域名，可查看运行效果。
如果应用有设置权限控制，在第一次访问时，可通过弹窗提示中系统默认生成的超级管理员用户名和密码进行登录。

开发环境和生产环境的访问链接，以及用户名登录密码，均可在应用详情页面中找到。