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



我读了很多关于使用express js(ejs、handelbars等(创建动态应用程序的文章,但我希望我的web应用程序通过使用react是动态的、单页的。

我的目的是从express服务器中呈现模板并插入动态数据,以响应单页应用程序,使我的应用程序快速运行,有什么方法可以用MERN堆栈做到这一点吗?

当然有一种方法可以做到这一点,这就是MERN的用途:

M:Mongodb是用于数据库的,您应该npm安装mongoose,mongoose是一个很好的npm库,用于处理mongodb

E: Expressjs是一个制作web应用程序的框架(发送获取/发布/放置/删除。。请求和许多其他内容(

R: Reactjs为您的前端,正如您所知

N: Nodejs,正如他们在网站上提到的那样上的javascript后端的服务器

如果你想创建一个单页应用程序,你所要做的就是设置你的数据库(如果你需要的话(,然后使用nodejs和expressjs对你的后端进行编码,完成后使用yarn startnode-app.js对后端进行午休,最后使用create-active-app命令打开一个react项目(这是一个npm包,所以你必须首先使用npm i-g create react app安装它(一旦完成了前端设置,你就可以在react代码中使用axios从备份中检索数据。一切都会好起来的。

以下是一些可能对您有所帮助的文章:

如何创建您的第一个MERN(MongoDB、ExpressJS、ReactJS和NodeJS(堆栈

让我们构建一个全栈MongoDB、React、Node和Express(MERN(应用

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

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

MERN堆栈教程-从头到尾构建React CRUD应用程序-第3部分

MERN堆栈教程-从头到尾构建React CRUD应用程序-第4部分

最新更新