当前位置:首页 > 科技  > 软件

原来真的可以在 Next.js 中写 PHP 代码?网友的脑洞又大了!

来源: 责编: 时间:2023-11-07 09:14:30 203观看
导读Next.js 14 近期发布,其中一个重大的功能点是 Server Actions 成为稳定版,因其超前和熟悉的开发方式,在社交网络上引起了一阵讨论,应该是下面这张图的内容了。图片有人说这是又回到 PHP 的时代了吗?古话说的好 “人有多大

Next.js 14 近期发布,其中一个重大的功能点是 Server Actions 成为稳定版,因其超前和熟悉的开发方式,在社交网络上引起了一阵讨论,应该是下面这张图的内容了。tbN28资讯网——每日最新资讯28at.com

图片图片tbN28资讯网——每日最新资讯28at.com

有人说这是又回到 PHP 的时代了吗?tbN28资讯网——每日最新资讯28at.com

古话说的好 “人有多大胆,地有多大产”。只要你敢想象,一切就皆有可能。这不,这几天 Github 上出现了一个 https://github.com/bufferhead-code/nextjs-use-php 的项目,它的目的是让你可以在 Next.js 中写 PHP,这是不是真的使 “嘲笑 PHP” -> “理解 PHP” -> “成为 PHP” 成为现实?(注意,这并不是真的!)tbN28资讯网——每日最新资讯28at.com

就像使用 "use server" 一样,在 React Server Component 中用 "use php" 来写 PHP 代码,如下所示:tbN28资讯网——每日最新资讯28at.com

return (    <button        formActinotallow={async () => {            'use php'            (new PDO('mysql:host=localhost:3306;dbname=public', 'root', 'root'))                ->prepare("INSERT INTO Bookmarks (slug) VALUES (?)")                ->execute(array('new'));            }}>        Insert Bookmark    </button>)

还可以在 React Client Component 中这样写:tbN28资讯网——每日最新资讯28at.com

// actions.js'use server'export async function phpHelloWorld() {    'use php'    print "Hello from PHP";}
// page.tsximport { phpHelloWorld } from "../actions";

上述代码,需要在 https://github.com/bufferhead-code/nextjs-use-php 仓库拉取代码并执行以下命令运行:tbN28资讯网——每日最新资讯28at.com

npm installnpm run buildnpm run start

浏览器打开 http://localhost:3000 查看结果。tbN28资讯网——每日最新资讯28at.com

声明:我想说的是你不应该在任何项目中考虑使用它,上述只是作者通过一些脚本手段让这些奇怪的想法成为了一种可能,但你觉得会有实际意义吗?tbN28资讯网——每日最新资讯28at.com

类似这样愚蠢的项目还有 https://github.com/elnardu/react-use-c、https://github.com/elnardu/react-use-rusttbN28资讯网——每日最新资讯28at.com

图片图片tbN28资讯网——每日最新资讯28at.com

Next.js 自从 13 版本以来,带来的 App Router、Server Component、Server Actions、预渲染(流式渲染)等功能,改变了以往传统的前端开发方式,新的开发范式,总会带来一些新的问题思考,这不一定就是坏的。tbN28资讯网——每日最新资讯28at.com

本文链接://www.dmpip.com//www.dmpip.com/showinfo-26-17404-0.html原来真的可以在 Next.js 中写 PHP 代码?网友的脑洞又大了!

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: 订单系统中的数据一致性方案及RocketMQ事务消息详解

下一篇: 蓝绿部署在G行移动办公平台的应用实践

标签:
  • 热门焦点
Top
Baidu
map