XMLUI：现代网络开发的简化之道，让每个人都能创建精美应用

XMLUI：复兴Web开发的VB时代 在1990年代中期，即使不是顶级程序员，也能通过Visual Basic创建功能强大的软件。当时的开发者可以利用大量现成的组件，将它们组合起来构建应用程序。而现在，尽管Web组件已经有了很大的发展，但依然没有达到当年Visual Basic的便利程度。React虽然主导了现代Web组件生态系统，但对于非专业开发者来说，使用React和CSS依然是一种挑战。为了解决这一问题，最近宣布了一个名为XMLUI的新项目，旨在将Visual Basic的组件化模型引入现代Web开发。 项目概述 XMLUI通过封装React和CSS，提供了一套可以用XML标记组合的组件。这样，解决方案构建者可以更轻松地使用这些组件，而不需要深入理解React或CSS。 核心功能 组件化：XMLUI提供了包括按钮、表格、数据源等在内的丰富组件库。用户可以通过简短的XML标记来组合这些组件，构建应用程序。 反应式编程：XMLUI实现了类似React的数据绑定，使得应用程序能够响应数据变化，例如选择不同的地铁线路时，自动更新对应站点的信息。 主题：XMLUI内置了一套默认主题，无需编写CSS即可实现良好的界面效果。用户还可以通过定义主题变量来切换不同的风格，简化了样式调整的过程。 脚本支持：尽管XMLUI主要强调声明式编程，但在需要时，可以插入简单的JavaScript片段来处理复杂的逻辑。 扩展性：XMLUI允许开发者创建自定义组件，例如包装流行的Tiptap编辑器，用于Markdown文档的表格编辑。 示例应用 以一个检查伦敦地铁线路状态的小应用程序为例，以下是其核心代码： ```xml ``` 这段代码展示了如何使用几个简单的XML标记来构建一个动态响应的选择框和表格。 用户定义的组件 XMLUI不仅提供了基础组件，还允许用户定义自己的组件。例如，下面是一个用于显示地铁站点的自定义组件TubeStops的定义： ```xml {$props.line} ``` 这个组件可以很灵活地被复用，只需要修改传入的线路名称即可。 反应式编程 XMLUI中的反应式编程是通过数据绑定实现的。例如，当选择框的值发生变化时，相关的数据源会自动重新获取数据，表格也会随之更新。这种模式类似于电子表格中的公式：更改一个单元格的值，其他依赖于该单元格的公式会自动计算出新的结果。 主题系统 XMLUI的主题系统使得应用程序看起来更加美观，而无需深入了解CSS。每个组件都提供了一系列主题变量，如文本颜色、背景颜色、边距等，用户可以通过自定义这些变量来改变整体风格。例如，下面是定义一个按钮在鼠标悬停时背景颜色的变化： xml backgroundColor-Button-primary-solid--hover 主题不仅可以控制颜色，还可以影响布局设置，使得应用程序在不同设备上都有良好的表现。 脚本与AI协作 虽然XMLUI强调声明式编程，但仍然支持简单的JavaScript脚本，用于处理更复杂的逻辑。同时，XMLUI与大型语言模型（LLM）结合使用，可以大大简化开发过程。通过一个名为MCP（Model Context Protocol）的服务，开发者可以指导LLM助手，使其更好地理解和编写适用于XMLUI的代码。 部署与内容管理 XMLUI的应用程序部署非常简单，只需要几行HTML代码即可运行。对于更复杂的需求，XMLUI还提供了一个测试服务器，支持本地部署、SQLite集成和CORS代理等功能。此外，XMLUI还适用于内容管理系统（CMS），使得非前端专家也能轻松管理和维护网站内容。 行业评价与公司背景 XMLUI项目的发起人Gent Hito是一家名为/n software的创始人，该公司致力于简化网络通信和数据访问。Gent提到，作为后端开发者，在尝试构建简单的业务界面时遇到了许多困难和挫败感。XMLUI旨在解决这些问题，使其团队能够独立完成用户界面的开发。 业内专家认为，XMLUI是一个有潜力的项目，它为非专业开发者提供了更加友好的Web开发工具。随着AI技术的发展，XMLUI的AI助手功能将进一步提升开发效率和用户体验。如果你曾经怀念Visual Basic时代的便捷，不妨试试XMLUI，也许会有意想不到的惊喜。