{"id":62427,"date":"2024-10-13T18:53:18","date_gmt":"2024-10-13T10:53:18","guid":{"rendered":"https:\/\/server.hk\/cnblog\/62427\/"},"modified":"2024-10-13T18:53:18","modified_gmt":"2024-10-13T10:53:18","slug":"html%e5%a6%82%e4%bd%95%e5%af%a6%e7%8f%be%e8%88%87%e6%95%b8%e6%93%9a%e5%ba%ab%e7%9a%84%e9%80%a3%e6%8e%a5%ef%bc%9f-html%e5%8f%af%e4%bb%a5%e9%8f%88%e6%8e%a5%e6%95%b8%e6%93%9a%e5%ba%ab%e5%97%8e","status":"publish","type":"post","link":"https:\/\/server.hk\/cnblog\/62427\/","title":{"rendered":"HTML\u5982\u4f55\u5be6\u73fe\u8207\u6578\u64da\u5eab\u7684\u9023\u63a5\uff1f (html\u53ef\u4ee5\u93c8\u63a5\u6578\u64da\u5eab\u55ce)"},"content":{"rendered":"<h1 id=\"html%e5%a6%82%e4%bd%95%e5%af%a6%e7%8f%be%e8%88%87%e6%95%b8%e6%93%9a%e5%ba%ab%e7%9a%84%e9%80%a3%e6%8e%a5%ef%bc%9f-BohvglEdne\">HTML\u5982\u4f55\u5be6\u73fe\u8207\u6578\u64da\u5eab\u7684\u9023\u63a5\uff1f<\/h1>\n<p>\u5728\u7db2\u9801\u958b\u767c\u4e2d\uff0cHTML\uff08\u8d85\u6587\u672c\u6a19\u8a18\u8a9e\u8a00\uff09\u4e3b\u8981\u7528\u65bc\u7d50\u69cb\u5316\u7db2\u9801\u5167\u5bb9\uff0c\u4f46\u5b83\u672c\u8eab\u4e26\u4e0d\u5177\u5099\u76f4\u63a5\u8207\u6578\u64da\u5eab\u9023\u63a5\u7684\u80fd\u529b\u3002\u8981\u5be6\u73feHTML\u8207\u6578\u64da\u5eab\u7684\u9023\u63a5\uff0c\u901a\u5e38\u9700\u8981\u501f\u52a9\u5176\u4ed6\u6280\u8853\uff0c\u5982JavaScript\u3001PHP\u3001Python\u7b49\u5f8c\u7aef\u8a9e\u8a00\uff0c\u4e26\u901a\u904eAPI\u6216\u4f3a\u670d\u5668\u7aef\u8173\u672c\u4f86\u9032\u884c\u6578\u64da\u4ea4\u4e92\u3002<\/p>\n<h2 id=\"html%e7%9a%84%e8%a7%92%e8%89%b2-BohvglEdne\">HTML\u7684\u89d2\u8272<\/h2>\n<p>HTML\u7684\u4e3b\u8981\u529f\u80fd\u662f\u5b9a\u7fa9\u7db2\u9801\u7684\u7d50\u69cb\u548c\u5167\u5bb9\u3002\u5b83\u53ef\u4ee5\u7528\u4f86\u986f\u793a\u6587\u672c\u3001\u5716\u50cf\u3001\u8868\u55ae\u7b49\u5143\u7d20\uff0c\u4f46\u7121\u6cd5\u76f4\u63a5\u8655\u7406\u6578\u64da\u5eab\u64cd\u4f5c\u3002\u6578\u64da\u5eab\u7684\u64cd\u4f5c\u901a\u5e38\u6d89\u53ca\u5230\u6578\u64da\u7684\u589e\u522a\u6539\u67e5\uff08CRUD\uff09\uff0c\u9019\u4e9b\u64cd\u4f5c\u9700\u8981\u5f8c\u7aef\u8a9e\u8a00\u4f86\u5be6\u73fe\u3002<\/p>\n<h2 id=\"%e5%a6%82%e4%bd%95%e5%af%a6%e7%8f%be%e6%95%b8%e6%93%9a%e5%ba%ab%e9%80%a3%e6%8e%a5-BohvglEdne\">\u5982\u4f55\u5be6\u73fe\u6578\u64da\u5eab\u9023\u63a5<\/h2>\n<p>\u8981\u5be6\u73feHTML\u8207\u6578\u64da\u5eab\u7684\u9023\u63a5\uff0c\u901a\u5e38\u9700\u8981\u4ee5\u4e0b\u5e7e\u500b\u6b65\u9a5f\uff1a<\/p>\n<h3 id=\"1-%e8%a8%ad%e7%bd%ae%e6%95%b8%e6%93%9a%e5%ba%ab-BohvglEdne\">1. \u8a2d\u7f6e\u6578\u64da\u5eab<\/h3>\n<p>\u9996\u5148\uff0c\u9700\u8981\u5728\u4f3a\u670d\u5668\u4e0a\u8a2d\u7f6e\u4e00\u500b\u6578\u64da\u5eab\u3002\u5e38\u898b\u7684\u6578\u64da\u5eab\u7cfb\u7d71\u5305\u62ecMySQL\u3001PostgreSQL\u548cSQLite\u7b49\u3002\u4ee5\u4e0b\u662f\u4e00\u500b\u4f7f\u7528MySQL\u7684\u7c21\u55ae\u793a\u4f8b\uff1a<\/p>\n<pre><code>CREATE DATABASE my_database;\nUSE my_database;\n\nCREATE TABLE users (\n    id INT AUTO_INCREMENT PRIMARY KEY,\n    name VARCHAR(100),\n    email VARCHAR(100)\n);<\/code><\/pre>\n<h3 id=\"2-%e4%bd%bf%e7%94%a8%e5%be%8c%e7%ab%af%e8%aa%9e%e8%a8%80%e9%80%b2%e8%a1%8c%e6%95%b8%e6%93%9a%e5%ba%ab%e6%93%8d%e4%bd%9c-BohvglEdne\">2. \u4f7f\u7528\u5f8c\u7aef\u8a9e\u8a00\u9032\u884c\u6578\u64da\u5eab\u64cd\u4f5c<\/h3>\n<p>\u63a5\u4e0b\u4f86\uff0c\u9700\u8981\u4f7f\u7528\u5f8c\u7aef\u8a9e\u8a00\u4f86\u8655\u7406\u6578\u64da\u5eab\u7684\u9023\u63a5\u548c\u64cd\u4f5c\u3002\u4ee5\u4e0b\u662f\u4e00\u500b\u4f7f\u7528PHP\u7684\u793a\u4f8b\uff1a<\/p>\n<pre><code>&lt;?php\n$servername = \"localhost\";\n$username = \"username\";\n$password = \"password\";\n$dbname = \"my_database\";\n\n\/\/ \u5275\u5efa\u9023\u63a5\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\/\/ \u67e5\u8a62\u6578\u64da\n$sql = \"SELECT id, name, email FROM users\";\n$result = $conn-&gt;query($sql);\n\nif ($result-&gt;num_rows &gt; 0) {\n    \/\/ \u8f38\u51fa\u6578\u64da\n    while($row = $result-&gt;fetch_assoc()) {\n        echo \"id: \" . $row[\"id\"]. \" - Name: \" . $row[\"name\"]. \" - Email: \" . $row[\"email\"]. \"&lt;br&gt;\";\n    }\n} else {\n    echo \"0 \u7d50\u679c\";\n}\n$conn-&gt;close();\n?&gt;<\/code><\/pre>\n<h3 id=\"3-%e4%bd%bf%e7%94%a8ajax%e9%80%b2%e8%a1%8c%e5%89%8d%e7%ab%af%e6%95%b8%e6%93%9a%e4%ba%a4%e4%ba%92-BohvglEdne\">3. \u4f7f\u7528AJAX\u9032\u884c\u524d\u7aef\u6578\u64da\u4ea4\u4e92<\/h3>\n<p>\u70ba\u4e86\u4f7f\u7db2\u9801\u80fd\u5920\u52d5\u614b\u52a0\u8f09\u6578\u64da\uff0c\u53ef\u4ee5\u4f7f\u7528AJAX\u6280\u8853\u3002\u9019\u6a23\u7528\u6236\u5728\u4e0d\u91cd\u65b0\u52a0\u8f09\u9801\u9762\u7684\u60c5\u6cc1\u4e0b\uff0c\u53ef\u4ee5\u7372\u53d6\u6578\u64da\u3002\u4ee5\u4e0b\u662f\u4e00\u500b\u7c21\u55ae\u7684AJAX\u793a\u4f8b\uff1a<\/p>\n<pre><code>&lt;script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"&gt;&lt;\/script&gt;\n&lt;script&gt;\n$(document).ready(function(){\n    $.ajax({\n        url: \"fetch_data.php\",\n        method: \"GET\",\n        success: function(data){\n            $(\"#data\").html(data);\n        }\n    });\n});\n&lt;\/script&gt;\n\n&lt;div id=\"data\"&gt;&lt;\/div&gt;<\/code><\/pre>\n<h2 id=\"%e7%b8%bd%e7%b5%90-BohvglEdne\">\u7e3d\u7d50<\/h2>\n<p>\u96d6\u7136HTML\u672c\u8eab\u7121\u6cd5\u76f4\u63a5\u8207\u6578\u64da\u5eab\u9023\u63a5\uff0c\u4f46\u901a\u904e\u7d50\u5408\u5f8c\u7aef\u8a9e\u8a00\u548cAJAX\u6280\u8853\uff0c\u53ef\u4ee5\u5be6\u73fe\u6578\u64da\u7684\u52d5\u614b\u4ea4\u4e92\u3002\u9019\u7a2e\u65b9\u6cd5\u4e0d\u50c5\u63d0\u9ad8\u4e86\u7528\u6236\u9ad4\u9a57\uff0c\u9084\u80fd\u6709\u6548\u5730\u7ba1\u7406\u548c\u5c55\u793a\u6578\u64da\u3002\u5c0d\u65bc\u9700\u8981\u7a69\u5b9a\u548c\u9ad8\u6548\u6578\u64da\u8655\u7406\u7684\u7db2\u7ad9\uff0c\u9078\u64c7\u5408\u9069\u7684\u4f3a\u670d\u5668\u74b0\u5883\u81f3\u95dc\u91cd\u8981\u3002\u82e5\u60a8\u5c0d\u65bcVPS\u6216\u5176\u4ed6\u4f3a\u670d\u5668\u89e3\u6c7a\u65b9\u6848\u611f\u8208\u8da3\uff0c\u53ef\u4ee5\u8a2a\u554f\u6211\u5011\u7684\u7db2\u7ad9\u4e86\u89e3\u66f4\u591a\u8cc7\u8a0a\uff0c\u9078\u64c7\u9069\u5408\u60a8\u7684 <a href=\"https:\/\/server.hk\">\u9999\u6e2fVPS<\/a> \u65b9\u6848\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4e86\u89e3\u5982\u4f55\u4f7f\u7528HTML\u8207\u6578\u64da\u5eab\u9023\u63a5\uff0c\u63a2\u7d22\u5e38\u7528\u6280\u8853\u548c\u6b65\u9a5f\uff0c\u5be6\u73fe\u6578\u64da\u4ea4\u4e92\u8207\u52d5\u614b\u7db2\u9801\u529f\u80fd\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-62427","post","type-post","status-publish","format-standard","hentry","category-database"],"_links":{"self":[{"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/posts\/62427","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=62427"}],"version-history":[{"count":1,"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/posts\/62427\/revisions"}],"predecessor-version":[{"id":62428,"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/posts\/62427\/revisions\/62428"}],"wp:attachment":[{"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/media?parent=62427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/categories?post=62427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/server.hk\/cnblog\/wp-json\/wp\/v2\/tags?post=62427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}