客户端与服务器端
Javascript:它位于用户的浏览器中。因此,您想在用户浏览器中移动的任何内容都将使用 JavaScript 完成。这是“客户端”
PHP:服务器上的这个站点,因此从用户的浏览器中获取输入并返回响应(通常是 HTML,但也可以是 JSON 或 Javascript 读取的 XML。)。这是“服务器端”。
图书馆
jQuery:这是一组为 Javascript 编写的函数,以使其更容易。因此,它在用户的浏览器中运行,让您更轻松地编写在屏幕上移动的位。
您会获得类似的库来帮助您编写 PHP(通常称为“框架”),并且还有许多其他用于 javascript 的库。
从哪儿开始
- 编写您想要的 HTML 页面。第一次保持简单。
- 然后编写一些javascript(可能使用jQuery)来移动菜单。谷歌“jquery menu dropdown”或类似的,你会找到一个你可以定制的解决方案。
- 然后编写一些 PHP,为您提供您在“1”中编写的 HTML。
- 然后决定当您单击 HTML 中的链接时会发生什么,并重复该过程(编写 HTML,合并 Javascript 以使其移动,编写 PHP 以提供 HTML)
- 然后找出 HTML 的哪些部分是常见的或结构化的,并且应该来自数据库。
如果不为您编写它(在这种情况下您将永远无法学习),最好一次开始一点,并随着您知识的增长而构建。当您遇到需要解决的特定问题时,会在网络上存储大量示例。
在评论“[how to] 可以选择和添加单个/多个规范(来自另一个表)而无需在每次添加规范时保存整个表单”:
与 AJAX 一起成长
您要问的是 AJAX - 这是您让 Javascript 与服务器对话的地方,并让 javascript 根据结果在页面上移动位。jQuery 可能是最简单的(并且可能有最好的 ajax文档/示例,以及移动 DOM)。
基本上:您有一个在 JavaScript 中捕获的“事件”,例如
/// Using jQuery to trap a button click
$().ready( function() {
$("#ButtonID").click( function(e) {
e.preventDefault();
alert('Button Clicked');
});
});
然后您在该事件中构建一个 AJAX 调用(还可以查看get或post,因为语法更简单,您只需获得更少的控制权)。AJAX 将向您的 PHP 服务器发送一个请求,您可以让 PHP 返回 HTML,您可以使用下面链接的 DOM 操作函数(例如之前、html 等)替换/插入 HTML,或者,当您变得更高级时,您将发回 JSON,这是一种您可以更轻松地在 JavaScript 中操作的数据结构,以规定所需的操作。
如上所述,无需实际为您编写它,最好的起点是阅读文档并尝试一下。谷歌“jquery AJAX PHP table example”或类似的,你会在某处找到一个例子。