如何在javascript中创建待办事项列表

时间:2016-02-16 05:04:38

标签: javascript jquery html css javascript-objects

我想知道如何创建待办事项列表,而不是编码我需要方法

,如何分析问题以及如何将其映射到编码?我只想

如何使用javascript处理任何类型的现实世界问题。

如何/在什么/哪里开始编码?

1 个答案:

答案 0 :(得分:3)

您的项目将包含以下内容:
- HTML
- javascript
- PHP
- MySQL(可选)

需要考虑的事项:

(1)在哪里存储清单?选项包括:PHP文本文件或MySQL数据库。数据库是最好的主意,并且可能最容易编码,所有条件都相同。 当然,如果您不需要在线提供待办事项列表,您还可以选择在每个用户的浏览器中将列表存储在localstorage中。然后就不需要PHP或MySQL,它们都在Web服务器上运行。如果你这样做是为了学习网络编程,但你没有访问网络托管帐户,那么下载xampp并在你自己的计算机上设置一个合适的网络服务器 - 提示:HTML文件去了在c:\ xampp \ htdocs中,您可以通过在浏览器地址栏中输入localhost(没有其他内容)来查看网站

(2)HTML。您将需要两件事:(a)显示已完成的待办事项列表,以及(b)将新项目添加到列表中的能力。

(3)显示当前列表。从数据库(或文件)中获取列表值并读入数组(数组类似于列车,其中每个boxcar是包含数据的变量名称)。然后,循环遍历数组以创建HTML显示当前列表。

(4)为列表创建HTML后,添加一些HTML(可能是带标签的按钮)以允许创建新的列表项。

(5)按下按钮时,显示包含相应字段的表单,以允许用户添加新的待办事项列表项。请注意,这不需要是HTML <form> - 您可以使用DIV和输入字段,然后使用jQuery读取字段值,使用AJAX将数据值粘贴到数据库中。

有用的简单例子是AJAX:

AJAX request callback using jQuery