如何使用MERN堆栈构建动态单页Web应用程序?

3

我阅读了很多有关使用Express JS(使用ejs、handelbars等)创建动态应用程序的文章,但我希望使用React将我的Web应用程序变得动态且单页。

我的目的是从Express服务器呈现模板并插入动态数据到React单页应用程序中,以使我的应用程序快速。在MERN堆栈中有没有实现这一点的方法?

1个回答

1
当然有一种方法可以做到这一点,这就是MERN的用途:
M:Mongodb用于数据库,您应该npm安装mongoose,mongoose是处理mongodb的很棒的npm库。
E:Expressjs是一个框架,在Nodejs上制作Web应用程序(发送get/post/put/delete等请求和其他许多内容)。
R:Reactjs用于前端,如您所知。
N:正如他们在其网站上提到的,“服务器上的JavaScript”用于后端。
如果您想创建单页应用程序,您只需设置数据库(如果需要),然后使用nodejs和expressjs编写后端代码。完成后,只需使用“yarn start”或“node app.js”启动后端,最后使用“create-react-app”命令打开一个react项目(这是一个npm包,因此您必须首先安装它使用“npm i -g create-react-app”)。完成设置前端后,您可以在react代码中使用axios从后端检索数据,一切都将正常工作。
以下是您可能会有所帮助的一些文章:

如何创建您的第一个 MERN(MongoDB、Express JS、React JS 和 Node JS)堆栈

让我们构建一个完整的堆栈 MongoDB、React、Node 和 Express(MERN)应用程序

MERN 堆栈教程 - 从头开始构建 React CRUD 应用程序 - 第 1 部分

MERN 堆栈教程 - 从头开始构建 React CRUD 应用程序 - 第 2 部分

使用MERN栈构建React CRUD应用程序的教程-从头开始-第3部分

使用MERN栈构建React CRUD应用程序的教程-从头开始-第4部分


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接