如何连接后端和前端
How to connect backend and frontend
我是前端编程的新手,所以请多多包涵。在学校里,我们学习了后端编程语言,例如 Java、C#、Python、C 和一些 C++。作为一种爱好,我自己尝试学习前端,所以我开始使用 Vue、JavaScript、HTML 和 CSS。在学校里,我们通常 运行 我们的代码在终端(用于后端编程),例如我们做了一个 bubblesort 算法,然后我们提供一些用户输入(通过终端),然后调用 bubblesort 对输入进行排序。问题是当我在后端编写程序并想为其创建一个网站时,如何将后端连接到前端?让我们以一个简单的 webpge 为例,我编写了一个程序,使用 bubblesort 对我的数字进行排序,然后我希望能够让用户在网站中写入一个数组,然后单击“排序”按钮。当he/she点击它时,我的后端bubblesort函数应该被调用等等。我在 google 上搜索过,但我只能找到其他提供网站制作服务的网站,我想从头开始编程后端和前端并将它们连接在一起。有办法吗?如果是,每种语言都有自己的方式还是有通用的方式?我的意思是,也许我用 Java 为一个网站编写后端,但另一个网站我用 Python 编写后端。那么如何连接后端和前端有什么区别吗?
提前致谢。
您尝试实现的最常用方法是使用 HTTP 方法,
我建议你尝试做一个 REST 架构,你的后端将是一个单一的 Web 服务,它响应从你的前端发出的 HTTP 请求。
例如:您的前端向您的后端发送一个 POST 请求您的后端将处理冒泡排序函数并向您的前端发回响应。
尝试谷歌搜索有关 REST 体系结构的文档,您会发现很多信息,如果您使用的是 java 或 python,则可以使用 [=28= 轻松实现 REST API ] Java 的启动框架或 Python.
的 Flask
在 this guide 之后,您可以在 java 中创建一个简单的 REST API,然后您只需从前端向 API 发出 HTTP 请求即可已创建。
尝试 MVC 或 ASP.NET,我遇到了同样的问题,我知道两者,但不知道在哪里将它们结合起来。直到我遇到 MVC。
它加入了完美的同步化,你有前端部分(视图)和它的控制器,这是你的后端。在 Visual Studio.
上搜索并开始试用
问题比较模糊
现在有多种前端连接后端的方式。让我们来看看。但首先让我们回顾一下。
前端:指客户端。用户与之互动的UI。
示例框架:ReactJS(JS/TS)、VueJS、Angular等
后端:指服务器端工作,如身份验证、数据获取等
示例框架:NodeJs(JS/TS)、Django、ASP.NET 等
HTML、CSS和JS是网站的基石。随着时间的推移,我们得到了 Sprint(Java)、asp.net(c#)、django(python) 等框架。它们可能在构建语言上有所不同。但它们都遵循相同的模式。一些常见的设计架构是:
- 模型–视图–视图模型 (MVVM)
- 模型-视图-控制器 (MVC)
- 3 层架构
要了解 MVC 和 MVVM 的差异,请检查此 answer
现在,开发人员根据项目选择其中的任何一种模式。但这只是可以使用任何框架实现的架构。
前端和后端如何通信是另一回事。假设你我都负责创建一个学校管理系统。
您选择了Angular(前端)和asp.net(后端)。另一方面,我选择了 ReactJS(前端)和 Nodejs(后端)。我们都可以实现相同的目标。但是有不同的语言。
API vs Templating:这是我们可以让我们的应用程序在前端和后端之间建立通信的两种不同方式。
- 模板化:
A template engine enables you to use static template files in your application. At runtime, the template engine replaces variables in a template file with actual values, and transforms the template into an HTML file sent to the client. This approach makes it easier to design an HTML page.
- API: API代表应用程序编程接口,它是一种软件中介,允许两个应用程序相互对话。
假设您学校门户中的用户输入他的姓名和密码并点击登录。这将向后端发送 post 请求,您编写的后端将检查用户是否真实。如果身份验证成功,后端将发送一条消息,用户将导航到门户的仪表板。
为了更好地了解何时选择模板与 API,请参阅此
现在谈谈您提供的示例,即冒泡排序。您实际上不需要后端并开发 API 来显示排序后的数据。通常像电子商务一样处理身份验证、授权、受保护数据等的网站需要后端。
那是说您可以为这样的项目提供后端。您必须将数据发送到服务器端,服务器端将对数组进行排序并将排序后的结果发回。
请参阅 API/Templating 部分以选择您喜欢的方法。希望您对如何使用您的应用程序有很好的理解。
我是前端编程的新手,所以请多多包涵。在学校里,我们学习了后端编程语言,例如 Java、C#、Python、C 和一些 C++。作为一种爱好,我自己尝试学习前端,所以我开始使用 Vue、JavaScript、HTML 和 CSS。在学校里,我们通常 运行 我们的代码在终端(用于后端编程),例如我们做了一个 bubblesort 算法,然后我们提供一些用户输入(通过终端),然后调用 bubblesort 对输入进行排序。问题是当我在后端编写程序并想为其创建一个网站时,如何将后端连接到前端?让我们以一个简单的 webpge 为例,我编写了一个程序,使用 bubblesort 对我的数字进行排序,然后我希望能够让用户在网站中写入一个数组,然后单击“排序”按钮。当he/she点击它时,我的后端bubblesort函数应该被调用等等。我在 google 上搜索过,但我只能找到其他提供网站制作服务的网站,我想从头开始编程后端和前端并将它们连接在一起。有办法吗?如果是,每种语言都有自己的方式还是有通用的方式?我的意思是,也许我用 Java 为一个网站编写后端,但另一个网站我用 Python 编写后端。那么如何连接后端和前端有什么区别吗? 提前致谢。
您尝试实现的最常用方法是使用 HTTP 方法, 我建议你尝试做一个 REST 架构,你的后端将是一个单一的 Web 服务,它响应从你的前端发出的 HTTP 请求。
例如:您的前端向您的后端发送一个 POST 请求您的后端将处理冒泡排序函数并向您的前端发回响应。
尝试谷歌搜索有关 REST 体系结构的文档,您会发现很多信息,如果您使用的是 java 或 python,则可以使用 [=28= 轻松实现 REST API ] Java 的启动框架或 Python.
的 Flask在 this guide 之后,您可以在 java 中创建一个简单的 REST API,然后您只需从前端向 API 发出 HTTP 请求即可已创建。
尝试 MVC 或 ASP.NET,我遇到了同样的问题,我知道两者,但不知道在哪里将它们结合起来。直到我遇到 MVC。
它加入了完美的同步化,你有前端部分(视图)和它的控制器,这是你的后端。在 Visual Studio.
上搜索并开始试用问题比较模糊
现在有多种前端连接后端的方式。让我们来看看。但首先让我们回顾一下。
前端:指客户端。用户与之互动的UI。
示例框架:ReactJS(JS/TS)、VueJS、Angular等
后端:指服务器端工作,如身份验证、数据获取等
示例框架:NodeJs(JS/TS)、Django、ASP.NET 等
HTML、CSS和JS是网站的基石。随着时间的推移,我们得到了 Sprint(Java)、asp.net(c#)、django(python) 等框架。它们可能在构建语言上有所不同。但它们都遵循相同的模式。一些常见的设计架构是:
- 模型–视图–视图模型 (MVVM)
- 模型-视图-控制器 (MVC)
- 3 层架构
要了解 MVC 和 MVVM 的差异,请检查此 answer
现在,开发人员根据项目选择其中的任何一种模式。但这只是可以使用任何框架实现的架构。
前端和后端如何通信是另一回事。假设你我都负责创建一个学校管理系统。
您选择了Angular(前端)和asp.net(后端)。另一方面,我选择了 ReactJS(前端)和 Nodejs(后端)。我们都可以实现相同的目标。但是有不同的语言。
API vs Templating:这是我们可以让我们的应用程序在前端和后端之间建立通信的两种不同方式。
- 模板化:
A template engine enables you to use static template files in your application. At runtime, the template engine replaces variables in a template file with actual values, and transforms the template into an HTML file sent to the client. This approach makes it easier to design an HTML page.
- API: API代表应用程序编程接口,它是一种软件中介,允许两个应用程序相互对话。 假设您学校门户中的用户输入他的姓名和密码并点击登录。这将向后端发送 post 请求,您编写的后端将检查用户是否真实。如果身份验证成功,后端将发送一条消息,用户将导航到门户的仪表板。
为了更好地了解何时选择模板与 API,请参阅此
现在谈谈您提供的示例,即冒泡排序。您实际上不需要后端并开发 API 来显示排序后的数据。通常像电子商务一样处理身份验证、授权、受保护数据等的网站需要后端。
那是说您可以为这样的项目提供后端。您必须将数据发送到服务器端,服务器端将对数组进行排序并将排序后的结果发回。
请参阅 API/Templating 部分以选择您喜欢的方法。希望您对如何使用您的应用程序有很好的理解。