什么有助于将输入的数据存储在HTML的后端页面中?

时间:2022-12-08 11:52:47

So I am new to web development and all I've learnt so far is how to write HTML and CSS to make web pages and forms.

所以我是Web开发的新手,到目前为止我学到的是如何编写HTML和CSS来制作网页和表单。

I'm specifically looking for a language that will help me store the data that is input into the form onto a database for easy access later.

我特意寻找一种语言,它可以帮助我将输入到表单中的数据存储到数据库中,以便以后轻松访问。

I think PHP does that, but I was looking for anything JAVA related, and somewhere I could learn how to do it.

我认为PHP可以做到这一点,但我一直在寻找与JAVA相关的东西,而且在某些地方我可以学习如何去做。

So far, I've looked into JavaScript tutorial on W3Schools, but it seems like JS only helps make the front end more dynamic, but doesn't help store the input data anywhere.

到目前为止,我已经研究了W3Schools的JavaScript教程,但似乎JS只能帮助使前端更具动态性,但无助于将输入数据存储在任何地方。

I've also looked into the AngularJS tutorial on CodeSchool and it looks like Angular helps present the forms in a better manner and again, not in storing data anywhere.

我还研究了CodeSchool上的AngularJS教程,看起来Angular有助于以更好的方式呈现表单,而不是在任何地方存储数据。

Once again,

再来一次,

1) What do you use to collect the data input into a HTML form and store it somewhere?

1)您使用什么来将数据输入收集到HTML表单并将其存储在某个地方?

2) I don't need help making the actual form itself.

2)我不需要帮助制作实际的表格本身。

6 个解决方案

#1


1  

Me personally, i use PHP, it allows you to take the data that was inputted and store it in a database. You can also use JavaScript/JQuery with PHP via Ajax that will dynamically fetch and store data.

我个人而言,我使用PHP,它允许您获取输入的数据并将其存储在数据库中。您还可以通过Ajax使用JavaScript / JQuery来动态获取和存储数据。

#2


1  

Any backend lang can do it (python, php, java, ruby, js with node), but each one has it own ways to do it. Even JS at client side can do it, using LocalStorage objects, but it not solve all problems at data storage yet.

任何后端语言都可以做到(python,php,java,ruby,带节点的js),但每个人都有自己的方法来做到这一点。甚至客户端的JS也可以使用LocalStorage对象来完成它,但它还没有解决数据存储方面的所有问题。

#3


1  

Angular is just the client-side. You will need a server, which will handle the requests and store them into a database. I would work with Spring Boot (JAVA) on the server side, and Angular 2 on the client side. Use REST for the communication bewtween them. Its really not hard.

Angular只是客户端。您将需要一个服务器,它将处理请求并将它们存储到数据库中。我会在服务器端使用Spring Boot(JAVA),在客户端使用Angular 2。使用REST进行通信。它真的不难。

#4


1  

Node.js is a fast Javascript runtime combined with a low-level API similar to the standard libraries of many programming languages (file system access, buffers, streams, i/o, etc.).

Node.js是一个快速Javascript运行时,结合了低级API,类似于许多编程语言的标准库(文件系统访问,缓冲区,流,i / o等)。

Angular is a model-view-controller framework for client-side JS development. It can be used with Node.js as a backend, or anything else. Its main feature is 2-way data-binding, and addresses most of the concerns of a single-page web app within the framework.

Angular是用于客户端JS开发的模型 - 视图 - 控制器框架。它可以与Node.js一起用作后端或其他任何东西。它的主要功能是双向数据绑定,并解决了框架内单页Web应用程序的大多数问题。

React is often compared to Angular, because it is a front-end library, but it is not a framework. It is simply the view layer, with a large ecosystem of open-source projects supporting it. The big conceptual difference is a uni-directional data flow, rather than 2-way data binding. You need a lot more besides React to make a full application, but React handles it's use case exceptionally well. React is amazing on the client side, but it’s ability to be rendered on the server side makes it truly special. This is because React uses a virtual DOM instead of the real one, and allows us to render our components to markup. Node.js makes a great backend for React as well, but again, it can work with any backend.

React经常与Angular进行比较,因为它是一个前端库,但它不是一个框架。它只是视图层,具有支持它的大型开源项目生态系统。概念上的巨大差异是单向数据流,而不是双向数据绑定。除了React之外,你还需要更多的东西来制作一个完整的应用程序,但React非常好地处理它的用例。 React在客户端是惊人的,但它在服务器端呈现的能力使它真正特别。这是因为React使用虚拟DOM而不是真实DOM,并允许我们将组件呈现为标记。 Node.js也为React提供了一个很好的后端,但同样,它可以与任何后端一起使用。

The MEAN stack is a popular web development stack made up of MongoDB, Express, AngularJS, and Node.js. MEAN has gained popularity because it allows developers to program in JavaScript on both the client and the server. The MEAN stack enables a perfect harmony of JavaScript Object Notation (JSON) development: MongoDB stores data in a JSON-like format, Express and Node.js facilitate easy JSON query creation, and AngularJS allows the client to seamlessly send and receive JSON documents.

MEAN堆栈是一个流行的Web开发堆栈,由MongoDB,Express,AngularJS和Node.js组成。 MEAN越来越受欢迎,因为它允许开发人员在客户端和服务器上使用JavaScript进行编程。 MEAN堆栈实现了JavaScript Object Notation(JSON)开发的完美协调:MongoDB以类似JSON的格式存储数据,Express和Node.js便于轻松创建JSON查询,AngularJS允许客户端无缝地发送和接收JSON文档。

MEAN is generally used to create browser-based web applications because AngularJS (client-side) and Express (server-side) are both frameworks for web apps. Another compelling use case for MEAN is the development of RESTful API servers. Creating RESTful API servers has become an increasingly important and common development task, as applications increasingly need to gracefully support a variety of end-user devices, such as mobile phones and tablets.

MEAN通常用于创建基于浏览器的Web应用程序,因为AngularJS(客户端)和Express(服务器端)都是Web应用程序的框架。 MEAN的另一个引人注目的用例是RESTful API服务器的开发。创建RESTful API服务器已成为一项越来越重要和常见的开发任务,因为应用程序越来越需要优雅地支持各种终端用户设备,如手机和平板电脑。

This was the overview of all the new booming technologies.. Based on this you can decide what you need and what you want to learn.. Thanks, Hope this overview helps you to decide.

这是所有新兴技术的概述。基于此,您可以决定您需要什么以及您想要学习什么..谢谢,希望这个概述可以帮助您做出决定。

#5


0  

My favorite for Rest Api is Flask(python micro framework) it is build for create Rest Api. and for php falcon has it own micro frame work. if you use nodejs it is easy to communicate between backend and frontend and good with not sql dB like mongo db.

我最喜欢的Rest Api是Flask(python micro framework),它是为了创建Rest Api而构建的。而对于php falcon来说它有自己的微框架工作。如果你使用nodejs,很容易在后端和前端之间进行通信,而不是像mongo db这样的sql dB。

#6


0  

The right answer should be the database or localStorage/sessionStorage.

正确的答案应该是数据库或localStorage / sessionStorage。

The decision in between which answer chose, depends if you want to share the data between Browsers/Computers or if you just want to temporarily store the data for the user so he won't need to fill the form once again.

选择哪个答案之间的决定取决于您是想要在浏览器/计算机之间共享数据,还是只想暂时为用户存储数据,这样他就不需要再次填写表单。

For temporarily storage chose localStorage/sessionStorage (javascript).

对于临时存储选择localStorage / sessionStorage(javascript)。

For other cases chose to store the data in a Database.

对于其他情况,选择将数据存储在数据库中。

#1


1  

Me personally, i use PHP, it allows you to take the data that was inputted and store it in a database. You can also use JavaScript/JQuery with PHP via Ajax that will dynamically fetch and store data.

我个人而言,我使用PHP,它允许您获取输入的数据并将其存储在数据库中。您还可以通过Ajax使用JavaScript / JQuery来动态获取和存储数据。

#2


1  

Any backend lang can do it (python, php, java, ruby, js with node), but each one has it own ways to do it. Even JS at client side can do it, using LocalStorage objects, but it not solve all problems at data storage yet.

任何后端语言都可以做到(python,php,java,ruby,带节点的js),但每个人都有自己的方法来做到这一点。甚至客户端的JS也可以使用LocalStorage对象来完成它,但它还没有解决数据存储方面的所有问题。

#3


1  

Angular is just the client-side. You will need a server, which will handle the requests and store them into a database. I would work with Spring Boot (JAVA) on the server side, and Angular 2 on the client side. Use REST for the communication bewtween them. Its really not hard.

Angular只是客户端。您将需要一个服务器,它将处理请求并将它们存储到数据库中。我会在服务器端使用Spring Boot(JAVA),在客户端使用Angular 2。使用REST进行通信。它真的不难。

#4


1  

Node.js is a fast Javascript runtime combined with a low-level API similar to the standard libraries of many programming languages (file system access, buffers, streams, i/o, etc.).

Node.js是一个快速Javascript运行时,结合了低级API,类似于许多编程语言的标准库(文件系统访问,缓冲区,流,i / o等)。

Angular is a model-view-controller framework for client-side JS development. It can be used with Node.js as a backend, or anything else. Its main feature is 2-way data-binding, and addresses most of the concerns of a single-page web app within the framework.

Angular是用于客户端JS开发的模型 - 视图 - 控制器框架。它可以与Node.js一起用作后端或其他任何东西。它的主要功能是双向数据绑定,并解决了框架内单页Web应用程序的大多数问题。

React is often compared to Angular, because it is a front-end library, but it is not a framework. It is simply the view layer, with a large ecosystem of open-source projects supporting it. The big conceptual difference is a uni-directional data flow, rather than 2-way data binding. You need a lot more besides React to make a full application, but React handles it's use case exceptionally well. React is amazing on the client side, but it’s ability to be rendered on the server side makes it truly special. This is because React uses a virtual DOM instead of the real one, and allows us to render our components to markup. Node.js makes a great backend for React as well, but again, it can work with any backend.

React经常与Angular进行比较,因为它是一个前端库,但它不是一个框架。它只是视图层,具有支持它的大型开源项目生态系统。概念上的巨大差异是单向数据流,而不是双向数据绑定。除了React之外,你还需要更多的东西来制作一个完整的应用程序,但React非常好地处理它的用例。 React在客户端是惊人的,但它在服务器端呈现的能力使它真正特别。这是因为React使用虚拟DOM而不是真实DOM,并允许我们将组件呈现为标记。 Node.js也为React提供了一个很好的后端,但同样,它可以与任何后端一起使用。

The MEAN stack is a popular web development stack made up of MongoDB, Express, AngularJS, and Node.js. MEAN has gained popularity because it allows developers to program in JavaScript on both the client and the server. The MEAN stack enables a perfect harmony of JavaScript Object Notation (JSON) development: MongoDB stores data in a JSON-like format, Express and Node.js facilitate easy JSON query creation, and AngularJS allows the client to seamlessly send and receive JSON documents.

MEAN堆栈是一个流行的Web开发堆栈,由MongoDB,Express,AngularJS和Node.js组成。 MEAN越来越受欢迎,因为它允许开发人员在客户端和服务器上使用JavaScript进行编程。 MEAN堆栈实现了JavaScript Object Notation(JSON)开发的完美协调:MongoDB以类似JSON的格式存储数据,Express和Node.js便于轻松创建JSON查询,AngularJS允许客户端无缝地发送和接收JSON文档。

MEAN is generally used to create browser-based web applications because AngularJS (client-side) and Express (server-side) are both frameworks for web apps. Another compelling use case for MEAN is the development of RESTful API servers. Creating RESTful API servers has become an increasingly important and common development task, as applications increasingly need to gracefully support a variety of end-user devices, such as mobile phones and tablets.

MEAN通常用于创建基于浏览器的Web应用程序,因为AngularJS(客户端)和Express(服务器端)都是Web应用程序的框架。 MEAN的另一个引人注目的用例是RESTful API服务器的开发。创建RESTful API服务器已成为一项越来越重要和常见的开发任务,因为应用程序越来越需要优雅地支持各种终端用户设备,如手机和平板电脑。

This was the overview of all the new booming technologies.. Based on this you can decide what you need and what you want to learn.. Thanks, Hope this overview helps you to decide.

这是所有新兴技术的概述。基于此,您可以决定您需要什么以及您想要学习什么..谢谢,希望这个概述可以帮助您做出决定。

#5


0  

My favorite for Rest Api is Flask(python micro framework) it is build for create Rest Api. and for php falcon has it own micro frame work. if you use nodejs it is easy to communicate between backend and frontend and good with not sql dB like mongo db.

我最喜欢的Rest Api是Flask(python micro framework),它是为了创建Rest Api而构建的。而对于php falcon来说它有自己的微框架工作。如果你使用nodejs,很容易在后端和前端之间进行通信,而不是像mongo db这样的sql dB。

#6


0  

The right answer should be the database or localStorage/sessionStorage.

正确的答案应该是数据库或localStorage / sessionStorage。

The decision in between which answer chose, depends if you want to share the data between Browsers/Computers or if you just want to temporarily store the data for the user so he won't need to fill the form once again.

选择哪个答案之间的决定取决于您是想要在浏览器/计算机之间共享数据,还是只想暂时为用户存储数据,这样他就不需要再次填写表单。

For temporarily storage chose localStorage/sessionStorage (javascript).

对于临时存储选择localStorage / sessionStorage(javascript)。

For other cases chose to store the data in a Database.

对于其他情况,选择将数据存储在数据库中。