{"id":61623,"date":"2024-10-13T12:26:40","date_gmt":"2024-10-13T04:26:40","guid":{"rendered":"https:\/\/server.hk\/cnblog\/61623\/"},"modified":"2024-10-13T12:26:40","modified_gmt":"2024-10-13T04:26:40","slug":"html%e5%a6%82%e4%bd%95%e5%af%a6%e7%8f%be%e7%99%bb%e9%8c%84%e8%a8%bb%e5%86%8a%e5%8a%9f%e8%83%bd%e4%b8%a6%e9%80%a3%e6%8e%a5%e6%95%b8%e6%93%9a%e5%ba%ab-html%e7%99%bb%e9%8c%84%e8%a8%bb%e5%86%8a%e6%95%b8","status":"publish","type":"post","link":"https:\/\/server.hk\/cnblog\/61623\/","title":{"rendered":"HTML\u5982\u4f55\u5be6\u73fe\u767b\u9304\u8a3b\u518a\u529f\u80fd\u4e26\u9023\u63a5\u6578\u64da\u5eab (html\u767b\u9304\u8a3b\u518a\u6578\u64da\u5eab)"},"content":{"rendered":"<h1 id=\"html%e5%a6%82%e4%bd%95%e5%af%a6%e7%8f%be%e7%99%bb%e9%8c%84%e8%a8%bb%e5%86%8a%e5%8a%9f%e8%83%bd%e4%b8%a6%e9%80%a3%e6%8e%a5%e6%95%b8%e6%93%9a%e5%ba%ab-VKEPQaqWrQ\">HTML\u5982\u4f55\u5be6\u73fe\u767b\u9304\u8a3b\u518a\u529f\u80fd\u4e26\u9023\u63a5\u6578\u64da\u5eab<\/h1>\n<p>\u5728\u7576\u4eca\u7684\u7db2\u7d61\u74b0\u5883\u4e2d\uff0c\u767b\u9304\u548c\u8a3b\u518a\u529f\u80fd\u662f\u5e7e\u4e4e\u6240\u6709\u7db2\u7ad9\u7684\u57fa\u672c\u7d44\u6210\u90e8\u5206\u3002\u9019\u4e9b\u529f\u80fd\u4e0d\u50c5\u80fd\u5920\u4fdd\u8b77\u7528\u6236\u7684\u6578\u64da\uff0c\u9084\u80fd\u63d0\u4f9b\u500b\u6027\u5316\u7684\u7528\u6236\u9ad4\u9a57\u3002\u672c\u6587\u5c07\u4ecb\u7d39\u5982\u4f55\u4f7f\u7528HTML\u5be6\u73fe\u767b\u9304\u548c\u8a3b\u518a\u529f\u80fd\uff0c\u4e26\u9023\u63a5\u5230\u6578\u64da\u5eab\u3002<\/p>\n<h2 id=\"%e5%9f%ba%e6%9c%ac%e6%a6%82%e5%bf%b5-VKEPQaqWrQ\">\u57fa\u672c\u6982\u5ff5<\/h2>\n<p>\u5728\u958b\u59cb\u4e4b\u524d\uff0c\u6211\u5011\u9700\u8981\u4e86\u89e3\u5e7e\u500b\u57fa\u672c\u6982\u5ff5\uff1a<\/p>\n<ul>\n<li><strong>HTML<\/strong>\uff1a\u8d85\u6587\u672c\u6a19\u8a18\u8a9e\u8a00\uff0c\u7528\u65bc\u5275\u5efa\u7db2\u9801\u7684\u7d50\u69cb\u3002<\/li>\n<li><strong>\u6578\u64da\u5eab<\/strong>\uff1a\u7528\u65bc\u5b58\u5132\u7528\u6236\u4fe1\u606f\u7684\u7cfb\u7d71\uff0c\u5e38\u898b\u7684\u6709MySQL\u3001PostgreSQL\u7b49\u3002<\/li>\n<li><strong>\u5f8c\u7aef\u8a9e\u8a00<\/strong>\uff1a\u7528\u65bc\u8655\u7406\u7528\u6236\u8acb\u6c42\u548c\u6578\u64da\u5eab\u4ea4\u4e92\u7684\u8a9e\u8a00\uff0c\u5982PHP\u3001Python\u7b49\u3002<\/li>\n<\/ul>\n<h2 id=\"%e5%89%b5%e5%bb%ba%e8%a8%bb%e5%86%8a%e8%a1%a8%e5%96%ae-VKEPQaqWrQ\">\u5275\u5efa\u8a3b\u518a\u8868\u55ae<\/h2>\n<p>\u9996\u5148\uff0c\u6211\u5011\u9700\u8981\u5275\u5efa\u4e00\u500b\u8a3b\u518a\u8868\u55ae\uff0c\u8b93\u7528\u6236\u53ef\u4ee5\u8f38\u5165\u4ed6\u5011\u7684\u57fa\u672c\u4fe1\u606f\u3002\u4ee5\u4e0b\u662f\u4f7f\u7528HTML\u5275\u5efa\u7684\u7c21\u55ae\u8a3b\u518a\u8868\u55ae\u793a\u4f8b\uff1a<\/p>\n<pre><code>&lt;form action=\"register.php\" method=\"post\"&gt;\n    &lt;label for=\"username\"&gt;\u7528\u6236\u540d:&lt;\/label&gt;\n    &lt;input type=\"text\" id=\"username\" name=\"username\" required&gt;&lt;br&gt;\n    \n    &lt;label for=\"password\"&gt;\u5bc6\u78bc:&lt;\/label&gt;\n    &lt;input type=\"password\" id=\"password\" name=\"password\" required&gt;&lt;br&gt;\n    \n    &lt;input type=\"submit\" value=\"\u8a3b\u518a\"&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<h2 id=\"%e5%89%b5%e5%bb%ba%e7%99%bb%e9%8c%84%e8%a1%a8%e5%96%ae-VKEPQaqWrQ\">\u5275\u5efa\u767b\u9304\u8868\u55ae<\/h2>\n<p>\u63a5\u4e0b\u4f86\uff0c\u6211\u5011\u9700\u8981\u5275\u5efa\u4e00\u500b\u767b\u9304\u8868\u55ae\uff0c\u8b93\u7528\u6236\u53ef\u4ee5\u8f38\u5165\u4ed6\u5011\u7684\u767b\u9304\u4fe1\u606f\u3002\u4ee5\u4e0b\u662f\u767b\u9304\u8868\u55ae\u7684HTML\u793a\u4f8b\uff1a<\/p>\n<pre><code>&lt;form action=\"login.php\" method=\"post\"&gt;\n    &lt;label for=\"username\"&gt;\u7528\u6236\u540d:&lt;\/label&gt;\n    &lt;input type=\"text\" id=\"username\" name=\"username\" required&gt;&lt;br&gt;\n    \n    &lt;label for=\"password\"&gt;\u5bc6\u78bc:&lt;\/label&gt;\n    &lt;input type=\"password\" id=\"password\" name=\"password\" required&gt;&lt;br&gt;\n    \n    &lt;input type=\"submit\" value=\"\u767b\u9304\"&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<h2 id=\"%e5%be%8c%e7%ab%af%e8%99%95%e7%90%86-VKEPQaqWrQ\">\u5f8c\u7aef\u8655\u7406<\/h2>\n<p>\u5728\u7528\u6236\u63d0\u4ea4\u8a3b\u518a\u6216\u767b\u9304\u8868\u55ae\u5f8c\uff0c\u6211\u5011\u9700\u8981\u4f7f\u7528\u5f8c\u7aef\u8a9e\u8a00\u4f86\u8655\u7406\u9019\u4e9b\u8acb\u6c42\u3002\u4ee5\u4e0b\u662f\u4f7f\u7528PHP\u9023\u63a5MySQL\u6578\u64da\u5eab\u7684\u57fa\u672c\u793a\u4f8b\uff1a<\/p>\n<pre><code>&lt;?php\n\/\/ \u9023\u63a5\u5230\u6578\u64da\u5eab\n$servername = \"localhost\";\n$username = \"root\";\n$password = \"\";\n$dbname = \"user_database\";\n\n$conn = new mysqli($servername, $username, $password, $dbname);\n\n\/\/ \u6aa2\u67e5\u9023\u63a5\nif ($conn-&gt;connect_error) {\n    die(\"\u9023\u63a5\u5931\u6557: \" . $conn-&gt;connect_error);\n}\n\n\/\/ \u8a3b\u518a\u7528\u6236\nif ($_SERVER[\"REQUEST_METHOD\"] == \"POST\" &amp;&amp; isset($_POST['username']) &amp;&amp; isset($_POST['password'])) {\n    $user = $_POST['username'];\n    $pass = password_hash($_POST['password'], PASSWORD_DEFAULT); \/\/ \u5bc6\u78bc\u52a0\u5bc6\n\n    $sql = \"INSERT INTO users (username, password) VALUES ('$user', '$pass')\";\n    if ($conn-&gt;query($sql) === TRUE) {\n        echo \"\u8a3b\u518a\u6210\u529f\";\n    } else {\n        echo \"\u932f\u8aa4: \" . $sql . \"&lt;br&gt;\" . $conn-&gt;error;\n    }\n}\n\n\/\/ \u767b\u9304\u7528\u6236\nif ($_SERVER[\"REQUEST_METHOD\"] == \"POST\" &amp;&amp; isset($_POST['username']) &amp;&amp; isset($_POST['password'])) {\n    $user = $_POST['username'];\n    $pass = $_POST['password'];\n\n    $sql = \"SELECT password FROM users WHERE username='$user'\";\n    $result = $conn-&gt;query($sql);\n\n    if ($result-&gt;num_rows &gt; 0) {\n        $row = $result-&gt;fetch_assoc();\n        if (password_verify($pass, $row['password'])) {\n            echo \"\u767b\u9304\u6210\u529f\";\n        } else {\n            echo \"\u5bc6\u78bc\u932f\u8aa4\";\n        }\n    } else {\n        echo \"\u7528\u6236\u4e0d\u5b58\u5728\";\n    }\n}\n\n$conn-&gt;close();\n?&gt;<\/code><\/pre>\n<h2 id=\"%e5%ae%89%e5%85%a8%e6%80%a7%e8%80%83%e9%87%8f-VKEPQaqWrQ\">\u5b89\u5168\u6027\u8003\u91cf<\/h2>\n<p>\u5728\u5be6\u73fe\u767b\u9304\u548c\u8a3b\u518a\u529f\u80fd\u6642\uff0c\u5b89\u5168\u6027\u662f\u81f3\u95dc\u91cd\u8981\u7684\u3002\u4ee5\u4e0b\u662f\u4e00\u4e9b\u5efa\u8b70\uff1a<\/p>\n<ul>\n<li>\u4f7f\u7528HTTPS\u5354\u8b70\u4f86\u52a0\u5bc6\u6578\u64da\u50b3\u8f38\u3002<\/li>\n<li>\u5c0d\u7528\u6236\u5bc6\u78bc\u9032\u884c\u52a0\u5bc6\u5b58\u5132\uff0c\u907f\u514d\u660e\u6587\u5b58\u5132\u3002<\/li>\n<li>\u5be6\u65bd\u9632\u6b62SQL\u6ce8\u5165\u7684\u63aa\u65bd\uff0c\u5982\u4f7f\u7528\u9810\u8655\u7406\u8a9e\u53e5\u3002<\/li>\n<\/ul>\n<h2 id=\"%e7%b8%bd%e7%b5%90-VKEPQaqWrQ\">\u7e3d\u7d50<\/h2>\n<p>\u672c\u6587\u4ecb\u7d39\u4e86\u5982\u4f55\u4f7f\u7528HTML\u5275\u5efa\u767b\u9304\u548c\u8a3b\u518a\u529f\u80fd\uff0c\u4e26\u901a\u904ePHP\u9023\u63a5\u5230MySQL\u6578\u64da\u5eab\u3002\u9019\u4e9b\u57fa\u672c\u7684\u529f\u80fd\u662f\u69cb\u5efa\u4efb\u4f55\u7db2\u7ad9\u7684\u57fa\u790e\uff0c\u4e26\u4e14\u5728\u5be6\u969b\u61c9\u7528\u4e2d\u9700\u8981\u8003\u616e\u5b89\u5168\u6027\u548c\u6578\u64da\u4fdd\u8b77\u3002\u5982\u679c\u60a8\u9700\u8981\u66f4\u9ad8\u6548\u7684\u89e3\u6c7a\u65b9\u6848\uff0c\u8003\u616e\u4f7f\u7528<a href=\"https:\/\/server.hk\">\u9999\u6e2fVPS<\/a>\u6216\u5176\u4ed6\u96f2\u670d\u52d9\u4f86\u652f\u6301\u60a8\u7684\u7db2\u7ad9\u904b\u884c\u3002\u9019\u6a23\u4e0d\u50c5\u80fd\u63d0\u9ad8\u6027\u80fd\uff0c\u9084\u80fd\u78ba\u4fdd\u6578\u64da\u7684\u5b89\u5168\u6027\u548c\u7a69\u5b9a\u6027\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5b78\u7fd2\u5982\u4f55\u4f7f\u7528HTML\u5be6\u73fe\u767b\u9304\u548c\u8a3b\u518a\u529f\u80fd\uff0c\u4e26\u9023\u63a5\u6578\u64da\u5eab\uff0c\u8f15\u9b06\u7ba1\u7406\u7528\u6236\u6578\u64da\u548c\u9a57\u8b49\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101],"tags":[],"class_list":["post-61623","post","type-post","status-publish","format-standard","hentry","category-database"],"_links":{"self":[{"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/posts\/61623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/comments?post=61623"}],"version-history":[{"count":1,"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/posts\/61623\/revisions"}],"predecessor-version":[{"id":61624,"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/posts\/61623\/revisions\/61624"}],"wp:attachment":[{"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/media?parent=61623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/categories?post=61623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/tags?post=61623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}