nodejs和php如何作为前后端搭配使用，php项目怎么去使用ant design?

Question

之前对nodejs了解较少，最近发现了ant design，感觉做的好丰富且漂亮，特别想在项目中使用ant design前端ui，就又去研究了一下nodejs。

感觉nodejs和apache一样是一个web服务，可以向浏览器动态(js程序形式)的输出视图内容。不知道这样理解对不对。

那么如题，在php项目中想使用ant design这样基于nodejs的ui，应该以怎样的思路去实现呢，还是说，想用这个前端ui就应该全站都用nodejs去实现呢?

小弟水平不高，请各位朋友参谋指点，先谢谢大家了。

Answer 1

首先，Ant Design 是基于 React 的组件库，其本身和 NodeJS 一点关系都没有

使用的话有这种方式

• React 客户端渲染

• 后端 + V8 服务端渲染(SSR)

• NodeJS 服务端渲染

稍微解释下 NodeJS 服务端渲染
NodeJS 是和 PHP 一样的概念，属于服务端编程语言
NodeJS 相对于 PHP 的优势在于本身就是 JavaScript，可以直接处理 React 之类的库
而如果使用 PHP 的话则需要使用 V8 引擎将结果计算成字符串再吐出到浏览器

然而如果使用 NodeJS 渲染，服务端本身是 PHP 的就要重写

或者 NodeJS 只处理 View 层，将业务逻辑层放在 PHP，类似一种“双后端”的概念

Answer 2

前后端分开,PHP(java等语言)写后台代码,提供接口.前端最终的表现形式就是html和js,css,然后调用后台接口完成交互.

antd是一套ui框架,至于怎么把antd使用起来,这就需要搭建另外一套前端开发环境,类似PHP开发需要搭建PHP环境,java开发需要安装jdk一样.前端开发环境就是基于nodejs的.nodejs相当于编译器,将react,es6,sass/less模块编译成html,js和css.

这样说应该比较好理解的吧.

antd是基于react的ui,所以要使用antd的话就要使用react.题主可以先了解下react,以及webpack相关开发环境,可以使用create-react-app搭建开发环境.

react生态圈比较大,一口吃下比较难,题主慢慢来吧.

Answer 3

像 JavaScript 一样，React 和 Antd 可以直接在浏览器端运行，在客户端渲染。虽然服务器端渲染功能需要nodejs，但是服务器端渲染不是必需的，它的使用是为方便 SEO，提升首屏渲染速度等。

Answer 4

可以一点点的 使用 从css 引入就可以用 到js 到react模块化开发。反正我现在是这么用的，一上来就从全局理解太难，毕竟是又封装了一遍react。