使用php、mysql和jquery创建带有用户登录和用户特定列表的todo列表_Php_Jquery_Mysql

使用php、mysql和jquery创建带有用户登录和用户特定列表的todo列表

php jquery mysql

使用php、mysql和jquery创建带有用户登录和用户特定列表的todo列表,php,jquery,mysql,Php,Jquery,Mysql,基本上，我拥有的是一个系统，在这个系统中，用户登录并进入一个页面，显示他们正在从事的项目。项目通过具有组名、到期日、描述和关联类来定义。目前，代码可以让用户登录。将用户带到一个带有表的页面，在那里他们可以输入创建新行的数据，该新行插入了所有数据，但数据永远不会添加到数据库中。我不太清楚如何前进；数据库设计和存储用户输入到数据库中的变量，以便用户下次登录时，能够看到添加到表中的所有项数据库表：用户：ID（int）（primarykey）（AI）、用户名（VARCHAR）、密码（VARCHAR）

基本上，我拥有的是一个系统，在这个系统中，用户登录并进入一个页面，显示他们正在从事的项目。项目通过具有组名、到期日、描述和关联类来定义。目前，代码可以让用户登录。将用户带到一个带有表的页面，在那里他们可以输入创建新行的数据，该新行插入了所有数据，但数据永远不会添加到数据库中。我不太清楚如何前进；数据库设计和存储用户输入到数据库中的变量，以便用户下次登录时，能够看到添加到表中的所有项

数据库表：

用户：ID（int）（primarykey）（AI）、用户名（VARCHAR）、密码（VARCHAR）

组：ID（Int）（primarykey）（AI），name（VARCHAR）

截止日期：ID（INT）（主键）（AI），到期日（日期）

描述：ID（int）（primarykey（AI）、name（varchar）

类：ID（int）（primarykey）（AI），name（varchar）

index.php

<?php
session_start();
?>
<!DOCTYPE html >
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>index.php</title>
        <link rel="stylesheet" type="text/css" href="index.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript" src="index.js"></script>
    </head>
    <body>
        <h1>OneProject</h1>
        <a href="index.php">Home</a>-<a href="register.php">Register</a>-<a href="login.php">Login</a>-<a href="logout.php">Logout</a><hr />
        <?php
        if (isset($_SESSION['name'])) {
            ?>
            <TABLE  BORDER="4" WIDTH="30%" CELLPADDING="4" CELLSPACING="3">
                <tr>
                    <th colspan="6"><h2>Projects</h2></th>
        </tr>
        <tr>
            <th>group</th>
            <th>class</th>
            <th>due date</th>
            <th>description</th>
            <th></th>
        </tr>
        <tr>
            <td><input type="text" id="group" /></td>
            <td><input type="text" id="class" /></td>
            <td><input type="date" id="duedate" /></td>
            <td><input type ="text" id="description" /></td>
            <th><image src="green-plus-sign-hi-png.png" alt="" height="10" width="10" id="add"></th>
        </tr>
    </table>
    <?php
} else {
    header('Location: login.php');
}
?>
</body>
</html>


index.php
一个项目
---
项目
组
班
到期日
描述

index.js

$(document).ready(function() {
    $("#add").click(function() {
        var group=document.getElementById("group");
        var myClass= document.getElementById("class");
        var duedate=document.getElementById("duedate");
        var descrip=document.getElementById("description");
       $("table tr:last").after("<tr><td>"+group.value+"</td><td>"+myClass.value+"</td><td id='late'>"+duedate.value+"</td><td>"+descrip.value+"</td><td><image src='1659484_orig.png' id='delete' height='10' width= '10'>");
    });
    $("table").on("click","#delete", function(){
        $("#delete").closest("tr").remove();
    });
});

$（文档）.ready（函数（）{
$（“#添加”）。单击（函数（）{
var group=document.getElementById（“组”）；
var myClass=document.getElementById（“类”）；
var duedate=document.getElementById（“duedate”）；
var descripp=document.getElementById（“说明”）；
$（“表tr:last”）。在（“+group.value+”“+myClass.value+”“+duedate.value+”“+descripp.value+”）之后；
});
$（“表”）。在（“单击”，“删除”，函数（）上）{
$（“#删除”）.closest（“tr”）.remove（）；
});
});

在我看来，您需要在该领域多学习一些。请查看tptcat链接

然而，如果你想以身作则，你在网上有很多很好的教程，比如

这个
或
或

但对我来说，我没有尝试将PHP、MYSQL、CSS、HTML和jquery混合在一起

首先，尝试只学习PHP和MYSQL

例如

这里有很多工作需要做，我建议你回到学习PHP的基础上，可能还有SQL和JavaScript。了解每种语言的功能，它们擅长的地方以及你不能使用它们的地方。关于上面的内容：首先，你没有

标签，这也意味着你实际上没有

发布
输入中任何位置输入的数据，当您进行设置时，您需要实际插入项目进入数据库。您还需要编写代码来检索登录用户的记录。还有更多内容，但正如我所说的，您应该回到基础。对于PHP，可以从这里开始：，这里：。我认为这本Ben Forta书籍对于SQL来说也相当不错：