Elixir中的LiveView是一种基于Phoenix框架的实时Web开发技术,它允许开发者构建动态、实时的Web应用程序,而无需使用JavaScript。 LiveView通过基于WebSocket的长连接实现了服务器端渲染。当一个页面加载时,LiveView会使用Elixir代码来生成HTML并将其发送到客户端。一旦页面加载完成,LiveView会在服务器端维护一个与客户端的WebSo...
使用PETAL(Phoenix、Elixir、TailwindCSS、AlpineJS、LiveView)技术栈构建一个简化版的Instagram Web应用程序 <!--more--> 更好的学习方法是亲自动手构建东西,让我们使用很棒的 PETAL(Phoenix、Elixir、TailwindCSS、AlpineJS、LiveView)堆栈构建一个简化版的 Instagram Web 应用程序,并深入了解函数式的黑暗世界编程和最...
壁立千仞,无欲则刚 « 上一篇 使用Phoenix LiveView 构建 Instagram (6) 下一篇 » 使用Phoenix LiveView 构建 Instagram (8) 引用和评论 在Linux(CentOS、Ubuntu等等)中安装Erlang和Elixir 和光同尘阅读341 0条评论 得票最新 评论支持部分 Markdown 语法:**粗体** _斜体_ [链接](http://example.com) ...
首先,在lib/my_app_web/router.ex文件中,添加一个WebSocket路由: live"/socket", Phoenix.LiveView.Socket AI代码助手复制代码 然后,创建一个LiveView模块来处理WebSocket连接。在lib/my_app_web/live/socket_live.ex文件中,添加如下代码: defmoduleMyAppWeb.SocketLivedousePhoenix.LiveViewdefmount(_params, _session...
LiveView 组件的用法非常简单。需要遵循的主要步骤如下: 安装Phoenix LiveView 库:在 Elixir 应用程序中,LiveView 是作为 Phoenix 框架的一部分提供的。因此,在安装 LiveView 之前,需要安装 Phoenix。 创建LiveView 组件:使用mix phx.gen.live命令生成 LiveView 组件,或手动创建一个新的 LiveView 模块。
也就是说 HEEx 不仅仅只是模板功能上的增强,它对 LiveView 也有非常重大的意义。 另外说点不相关的。模板文件的后缀 html.heex 从命名上看有冗余,因为 .heex 就是 HTML 的模板,不需要再包含 html。具体原因跟 Phoenix 必须依赖模板文件名中的格式有关,不是简单的沿用传统命名风格。在 Phoenix 里边模板和格式是...
Phoenix框架因强大的性能而出名,它能够在一台机器上处理数百万个同步连接。 全栈Elixir Phoenix框架最近引入了LiveView,它允许在Elixir中建立丰富的实时web接口(对比单页应用程序)。不需要JS,也不需要React! LiveView甚至可以负责同步客户端和服务器状态,这意味着我们不必为REST/GraphQL API的开发和维护操心。
前些日志,偶然发现了Phoenix liveview,引起了巨大兴趣。详细了解才发现,Elixir/Phoenix生态已经完善到了如此地步。 看了好些相关的文章,这篇文章和我的感受差不多,记录一下。 为什么是Elixir和Phoenix 假设RoR是你默认的后端技术。为什么会使用新的Elixir和Phoenix框架呢?
一种常见的方法是使用Webpack来构建和管理前端资源,并将其集成到Phoenix项目中。在Phoenix项目中,您可以创建一个assets目录来存放前端资源文件(如JavaScript、CSS、图像等),然后在webpack.config.js中配置Webpack来处理这些文件。 另一种方法是使用Phoenix的LiveView功能,它可以让您编写实时交互的Web应用,而不需要编写大...
Phoenix LiveView: 探索Phoenix框架的LiveView功能,它允许构建实时、交互式的Web应用,减少前端和后端之间的通信负担。 Nerves项目: 了解Nerves项目,这是一个用于构建嵌入式系统的Elixir框架,适用于IoT(物联网)应用。 Property-based测试: 使用PropEr等工具进行属性测试,这是一种测试方法,通过生成随机输入来验证代码的性质...