# VisualProgramming **Repository Path**: sysmax123-old/visual-programming ## Basic Information - **Project Name**: VisualProgramming - **Description**: 可视化编程软件 - **Primary Language**: C - **License**: AGPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 0 - **Created**: 2024-02-28 - **Last Updated**: 2024-12-29 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # VisualProgramming # 介绍 #### 简介 ​ VP 应该是现在最简单的一种编程语言，“图形化，自动生成代码（但不用写代码）”是这种编程语言的最大特点。 经过3年的研发，VP技术已经相当成熟、安全。VP专注于为用户提供一套全新且完整的可视化开发体系，基于逻辑可视化和全栈代码自动生成技术，VP面向个人和企业开发者提供一套易用且完善的可视化开发平台，用户只需要通过点击、拖拽和配置完成应用的开发。VP提供无代码和低代码可视化开发能力，帮助用户实现高效的个人应用和企业应用开发，降低技术门槛，大幅提升生产力。 ​ VP系统与其他可视化编程软件相比具备的优点：VP可以通过开源的总线协议可以远程调用单片机上的函数，并且能够实现一些简单的PC界面设计。无论你是想简化通信协议、实现灵活的程序组合，还是需要创建电脑端的控制界面，VP系统都可以为你提供解决方案。 ![VP_Interface](03_Docs/01_Images/VP_Interface.jpg) #### VP特性： VP代表了一种崭新的“生产力工具”，融合了技术和产品领域的巨大创新。用户只需要通过点击、拖拽和配置完成应用流程的开发。VP作为一款为“开发应用”而生的可视化编程工具，将传统编程语言进行“抽象”和“结构化”处理，以实现“更低的学习门槛”、“更快的开发效率”、“更易运营维护”。该系统具有以下特性： - - 完全免费 - 软件可通过可视化拖拽进行流程开发（在上位机上进行二次编程） - 可视化开发的UI组件，包括布局容器、文本、按钮、输入框、图片、富文本等，支持自由调整尺寸和样式，能够完整地还原页面需求； - 支持多种通讯协议与MCU进行通讯：CAN-FD，以太网（开发中），串口（开发中） - MCU应用协议编写工具及代码生成器 - 开源通讯协议和MCU端协议代码，移植简单 - 提供常用的MCU平台demo，开箱即用，目前已支持：STM32H、arduino # 使用说明 #### 软件使用 ​ 以单片机实现一个加法器，上位机获取执行结果并打印为例，说明VP软件工作原理。 1.在上位机里面编辑通信字典，确认函数的输入参数和返回参数 ![VP_ObjectDictionary](03_Docs/01_Images/VP_ObjectDictionary.jpg) 2.在单片机里面编写对应的函数实现 ![VP_Function](03_Docs/01_Images/VP_Function.jpg) 3.根据自己的需要，在上位机里面调用单片机里面的函数 ![VP_Interface](03_Docs/01_Images/VP_Interface.jpg) #### PC软件使用说明： 1.用户流程搭建：[可视化编程软件VP-流程编辑功能_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1vx4y1r7Gg/?buvid=XY04FFD0BE3515DEE42FCCE69A2F69589518F&from_spmid=dt.dt.video.0&is_story_h5=false&mid=SfV2ore30%2F2fxe6l1UtlSA%3D%3D&p=1&plat_id=114&share_from=ugc&share_medium=android&share_plat=android&share_session_id=a3bcec53-7105-4ff7-8030-b0f82e845e08&share_source=WEIXIN&share_tag=s_i&spmid=united.player-video-detail.0.0×tamp=1709647728&unique_k=md5B2aV&up_id=1569725970) ​ 这个软件非常简单易用，无论你是初学者还是经验丰富的工程师，都能轻松上手并快速编写控制流程。通过简单的拖拽操作，你可以自由组合各种功能块，构建出完整的控制流程。 2.对象字典编辑：[可视化编程软件VP-通讯字典编辑功能_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1mJ4m1a7Mx/?buvid=XY04FFD0BE3515DEE42FCCE69A2F69589518F&from_spmid=dt.dt.video.0&is_story_h5=false&mid=SfV2ore30%2F2fxe6l1UtlSA%3D%3D&p=1&plat_id=114&share_from=ugc&share_medium=android&share_plat=android&share_session_id=6fa01435-08b4-46e9-bbcc-87e9e394d541&share_source=WEIXIN&share_tag=s_i&spmid=united.player-video-detail.0.0×tamp=1709647672&unique_k=KZGbSqY&up_id=1569725970) ​ 你可以根据自己的实际需求去编辑通信字典，确保系统与你的设备进行无缝的通信。 3.可视化UI组件：[可视化编程软件VP-可视化UI组件功能_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV12j421m7ex/?buvid=XY04FFD0BE3515DEE42FCCE69A2F69589518F&from_spmid=dt.dt.video.0&is_story_h5=false&mid=SfV2ore30%2F2fxe6l1UtlSA%3D%3D&p=1&plat_id=114&share_from=ugc&share_medium=android&share_plat=android&share_session_id=803966ee-f656-4456-b846-6f00d01117fb&share_source=WEIXIN&share_tag=s_i&spmid=united.player-video-detail.0.0×tamp=1709647570&unique_k=bSwDlnH&up_id=1569725970) ​ 该软件提供了图形界面的编辑功能，使得用户可以直观地设计界面布局，并在生成过程中自动创建相应的使用界面。这大大简化了界面设计的工作量，让你能够更专注于核心的控制逻辑。 #### 效果展示 使用VP软件控制步进电机运动，并进行液面探测展示：[液面探测功能演示＋可视化编程软件_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1fk4y1U7xQ/?buvid=XY04FFD0BE3515DEE42FCCE69A2F69589518F&from_spmid=dt.space-dt.video.0&is_story_h5=false&mid=SfV2ore30%2F2fxe6l1UtlSA%3D%3D&p=1&plat_id=114&share_from=ugc&share_medium=android&share_plat=android&share_session_id=be5fea5d-59ae-4acf-b5c5-8d6283b59cad&share_source=WEIXIN&share_tag=s_i&spmid=united.player-video-detail.0.0×tamp=1709558106&unique_k=Y8pWY1j&up_id=1569725970) #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request