php登录怎么实现_php用户登录系统完整实现

<blockquote>PHP用户登录系统的核心是安全验证与会话管理。首先创建POST提交的登录表单,避免敏感信息暴露;后端通过session_start()启动会话,使用trim()和htmlspecialchars()清理输入,防止XSS攻击;利用PDO预处理语句查询数据库,防止SQL注入;通过password_verify()验证密码哈希,确保密码安全;登录成功后设置$_SESSION标识并重定向,失败则统一提示错误;注册时用password_hash()生成哈希密码;会话依赖PHPSESSID Cookie维持状态,登出需调用session_unset()和session_destroy()并清除Cookie;还需实施HTTPS、输出转义、速率限制、验证码等安全措施,防止会话劫持、暴力破解和XSS攻击,同时关闭生产环境的错误显示,记录日志以保障系统安全。</blockquote><p><img src=”https://img.php.cn/upload/article/001/503/042/175855584295742.png” alt=”php登录怎么实现_php用户登录系统完整实现”></p><p>PHP用户登录系统的实现核心在于安全地验证用户身份,并通过会话(Session)机制维持其登录状态。这通常涉及用户输入表单、<a style=”color:#f60; text-decoration:underline;” title=”后端” href=”https://www.php.cn/zt/17190.html” target=”_blank”>后端</a>PHP脚本处理、数据库交互(存储和查询用户信息)、密码哈希验证以及会话管理等多个环节,其中数据安全和用户体验是不可或缺的考量。</p><p>构建一个PHP用户登录系统,大致可以分为以下几个步骤,每一步都蕴含着对安全和效率的思考。</p><p>首先,你需要一个登录表单,通常包含用户名(或邮箱)和密码字段。这个表单应该使用POST方法提交,以避免敏感信息出现在URL中。</p><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:html;toolbar:false;’><!– login.html 或 login.php –><form action="process_login.php" method="POST"> <label for="username">用户名:</label> <input type="text" id="username" name="username" required><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password" required><br><br> <button type="submit">登录</button></form></pre>

</div><p>接下来是后端PHP脚本(<div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>process_login.php</pre>

</div>)来处理这个表单提交。</p><p><span>立即学习</span>“<a href=”https://pan.quark.cn/s/7fc7563c4182″ style=”text-decoration: underline !important; color: blue; font-weight: bolder;” rel=”nofollow” target=”_blank”>PHP免费学习笔记(深入)</a>”;</p><ol><li><strong>启动会话:</strong> 任何需要使用会话的页面都必须在最顶部调用 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>session_start();</pre>

</div>。</li><li><strong>获取并清理输入:</strong> 从 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>$_POST</pre>

</div> 获取用户名和密码。务必对输入进行清理,例如使用 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>trim()</pre>

</div> 移除空白,<div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>htmlspecialchars()</pre>

</div> 转换特殊字符,防止XSS攻击。</li><li><strong>数据库连接:</strong> 建立与数据库的连接,推荐使用PDO或MySQLi的预处理语句。</li><li><strong>查询用户:</strong> 根据提交的用户名从数据库中查询对应的用户信息,尤其是存储的哈希密码。</li><li><strong>密码验证:</strong> 这是最关键的一步。使用 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>password_verify()</pre>

</div> 函数将用户输入的密码与数据库中存储的哈希密码进行比较。切勿直接比较明文密码,那是非常不安全的。</li><li><strong>会话管理与重定向:</strong> 如果密码验证成功,将用户的ID或其他标识符存储到 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>$_SESSION</pre>

</div> 变量中,并设置一个 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>$_SESSION[‘logged_in’] = true;</pre>

</div> 这样的标志。然后,将用户重定向到其个人主页或仪表板。</li><li><strong>错误处理:</strong> 如果验证失败(用户名不存在或密码错误),提供相应的错误信息,并避免泄露过多细节(例如,不要区分“用户名不存在”和“密码错误”,统一提示“用户名或密码不正确”)。</li></ol><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:php;toolbar:false;’>// process_login.phpsession_start(); // 必须在任何输出之前调用// 数据库置 (实际应用中应从配置文件加载)$host = ‘localhost’;$db = ‘your_database’;$user = ‘your_user’;$pass = ‘your_password’;$charset = ‘utf8mb4’;$dsn = "mysql:host=$host;dbname=$db;charset=$charset";$options = [ PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, PDO::ATTR_EMULATE_PREPARES => false,];try { $pdo = new PDO($dsn, $user, $pass, $options);} catch (\PDOException $e) { // 实际应用中,这里应该记录错误而不是直接显示给用户 die("数据库连接失败: " . $e->getMessage());}if ($_SERVER["REQUEST_METHOD"] == "POST") { $username = trim($_POST[‘username’] ?? ”); $password = $_POST[‘password’] ?? ”; // 密码通常不进行htmlspecialchars,因为password_verify会处理原始字符串 if (empty($username) || empty($password)) { $_SESSION[‘login_error’] = "请输入用户名和密码。"; header("Location: login.php"); exit(); } // 使用预处理语句防止SQL注入 $stmt = $pdo->prepare("SELECT id, username, password_hash FROM users WHERE username = ?"); $stmt->execute([$username]); $user = $stmt->fetch(); if ($user && password_verify($password, $user[‘password_hash’])) { // 登录成功 $_SESSION[‘user_id’] = $user[‘id’]; $_SESSION[‘username’] = $user[‘username’]; $_SESSION[‘logged_in’] = true; // 重定向到受保护的页面 header("Location: dashboard.php"); exit(); } else { // 登录失败 $_SESSION[‘login_error’] = "用户名或密码不正确。"; header("Location: login.php"); exit(); }} else { // 如果不是POST请求,重定向回登录页面 header("Location: login.php"); exit();}</pre>

</div><p>要实现用户注册,逻辑类似,但需要先对密码进行哈希处理再存入数据库:</p><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:php;toolbar:false;’>// register_process.php (示例)$hashed_password = password_hash($password, PASSWORD_DEFAULT);// 然后将 $hashed_password 插入到数据库$stmt = $pdo->prepare("INSERT INTO users (username, password_hash) VALUES (?, ?)");$stmt->execute([$username, $hashed_password]);</pre>

</div><h3>为什么密码哈希如此重要?以及如何正确使用?</h3><p>密码哈希的重要性,我个人觉得怎么强调都不过分。想象一下,如果你的数据库被攻击者获取,而里面存储的是明文密码,那所有用户的账户安全就都玩完了,他们可能还会用这些密码去尝试登录其他网站。这简直是灾难。密码哈希,简单来说,就是把你的密码通过一个单向的算法转换成一串看似随机的字符。这个过程是不可逆的,也就是说,你无法从哈希值反推出原始密码。这样即使数据库泄露,攻击者也只能拿到哈希值,而不是实际密码。</p><p>在PHP中,实现密码哈希最推荐的方式是使用 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>password_hash()</pre>

</div> 和 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>password_verify()</pre>

</div> 这两个内置函数。它们使用了一种名为 bcrypt 的强大算法,并且会自动处理“盐”(salt)的生成和存储,以及“成本因子”(cost factor)的调整。</p><ul><li><p><strong><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>password_hash($password, PASSWORD_DEFAULT)</pre>

</div>:</strong> 在用户注册或修改密码时使用。<div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>PASSWORD_DEFAULT</pre>

</div> 会使用当前PHP版本推荐的哈希算法(目前是 bcrypt),并且会自动生成一个随机的盐值,将其嵌入到哈希结果中。这意味着每次对相同密码进行哈希,都会得到不同的哈希值,这大大增加了破解的难度。</p><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:php;toolbar:false;’>$raw_password = "mySecretPassword123";$hashed_password = password_hash($raw_password, PASSWORD_DEFAULT);echo $hashed_password; // 类似 $2y$10$abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTU.abcd</pre>

</div><p>这个 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>hashed_password</pre>

</div> 就是你需要存储在数据库中的值。</p> <div class=”aritcle_card”> <a class=”aritcle_card_img” href=”/xiazai/code/8930″> <img src=”https://img.php.cn/upload/webcode/000/000/009/175730400435472.png” alt=”网龙b2b仿阿里巴巴电子商务平台”> </a> <div class=”aritcle_card_info”> <a href=”/xiazai/code/8930″>网龙b2b仿阿里巴巴电子商务平台</a> <p>本系统经过多次升级改造,系统内核经过多次优化组合,已经具备相对比较方便快捷的个性化定制的特性,用户部署完毕以后,按照自己的运营要求,可实现快速定制会费管理,支持在线缴费和退费功能财富中心,管理会员的诚信度数据单客户多用户登录管理全部信息支持审批和排名不同的会员级别有不同的信息发布权限企业站单独生成,企业自主决定更新企业站信息留言、询价、报价统一管理,分系统查看分类信息参数化管理,支持多样分类信息,</p> <div class=””> <img src=”/static/images/card_xiazai.png” alt=”网龙b2b仿阿里巴巴电子商务平台”> <span>0</span> </div> </div> <a href=”/xiazai/code/8930″ class=”aritcle_card_btn”> <span>查看详情</span> <img src=”/static/images/cardxiayige-3.png” alt=”网龙b2b仿阿里巴巴电子商务平台”> </a> </div> </li><li><p><strong><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>password_verify($password, $hashed_password_from_db)</pre>

</div>:</strong> 在用户登录时使用。它会接收用户输入的明文密码和从数据库中取出的哈希密码,然后内部会使用哈希值中包含的盐值和算法来重新哈希用户输入的密码,并与存储的哈希值进行比较。如果匹配,则返回 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>true</pre>

</div>,否则返回 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>false</pre>

</div>。</p><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:php;toolbar:false;’>$user_input_password = "mySecretPassword123";$stored_hash = "$2y$10$abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTU.abcd"; // 假设这是从数据库取出的哈希值if (password_verify($user_input_password, $stored_hash)) { echo "密码正确!";} else { echo "密码错误。";}</pre>

</div><p>这两个函数的使用非常直观,并且它们会自动处理许多你手动实现时容易出错的安全细节,比如盐的生成和正确使用。我个人认为,这是PHP在密码安全方面做得最棒的改进之一。</p></li></ul><h3>如何处理用户会话(Session)以维持登录状态?</h3><p>会话(Session)是Web应用中维持用户状态的关键机制。HTTP本身是无状态的,这意味着服务器无法“记住”两次独立的请求来自同一个用户。而会话就是为了解决这个问题,它允许服务器在用户访问期间存储一些特定于用户的信息,从而实现登录状态的维持、购物车内容等功能。</p><p>在PHP中,会话的使用非常简单:</p><ol><li><p><strong>启动会话:<div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>session_start();</pre>

</div></strong>这是最重要的一步,必须在任何HTML输出之前调用。它会检查客户端是否发送了会话ID(通常通过一个名为 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>PHPSESSID</pre>

</div> 的Cookie),如果存在,就加载对应的会话数据;如果不存在,就生成一个新的会话ID,并将其发送给客户端(通过Set-Cookie响应头)。</p><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:php;toolbar:false;’><?phpsession_start(); // 必须放在脚本最顶部// … 其他代码?></pre>

</div></li><li><p><strong>存储和访问会话数据:<div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>$_SESSION</pre>

</div> 全局数组</strong>一旦会话启动,你就可以像操作普通数组一样操作 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>$_SESSION</pre>

</div> 这个全局变量。所有存储在 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>$_SESSION</pre>

</div> 中的数据都会在用户的整个会话期间保持可用。</p><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:php;toolbar:false;’>// 用户登录成功后$_SESSION[‘user_id’] = $user[‘id’];$_SESSION[‘username’] = $user[‘username’];$_SESSION[‘logged_in’] = true;// 在其他页面检查登录状态if (isset($_SESSION[‘logged_in’]) && $_SESSION[‘logged_in’] === true) { echo "欢迎回来," . htmlspecialchars($_SESSION[‘username’]) . "!";} else { echo "请先登录。";}</pre>

</div></li><li><p><strong>会话的生命周期和过期:</strong>会话数据通常存储在服务器的文件系统或数据库中。默认情况下,PHP会话的有效期由 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>session.gc_maxlifetime</pre>

</div> 配置项决定,但更重要的是客户端Cookie的有效期。如果 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>PHPSESSID</pre>

</div> 这个Cookie没有设置过期时间,它就是一个会话Cookie,<a style=”color:#f60; text-decoration:underline;” title=”浏览器” href=”https://www.php.cn/zt/16180.html” target=”_blank”>浏览器</a>关闭时就会失效。你可以通过 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>session_set_cookie_params()</pre>

</div> 来控制会话Cookie的生命周期,但这通常在用户“记住我”功能中才会用到。</p></li><li><p><strong>用户登出:<div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>session_unset()</pre>

</div> 和 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>session_destroy()</pre>

</div></strong>当用户选择登出时,你需要清除会话数据并销毁会话。</p><ul><li><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>session_unset();</pre>

</div>:删除 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>$_SESSION</pre>

</div> 数组中的所有注册变量。</li><li><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>session_destroy();</pre>

</div>:销毁与当前会话关联的所有数据。它不会删除会话Cookie,但会使服务器端的会话数据失效。一个完整的登出流程通常是:<div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:php;toolbar:false;’><?phpsession_start();session_unset(); // 移除所有会话变量session_destroy(); // 销毁会话数据</pre>

</div></li></ul><p>// 强制客户端删除会话Cookie// 这通常通过设置一个已过期的同名Cookie来实现set<a style=”color:#f60; text-decoration:underline;” title=”cookie” href=”https://www.php.cn/zt/16004.html” target=”_blank”>cookie</a>(<a style=”color:#f60; text-decoration:underline;” title=”session” href=”https://www.php.cn/zt/17098.html” target=”_blank”>session</a>_name(), ”, time() – 3600, ‘/’); </p><p>header(“Location: login.<a style=”color:#f60; text-decoration:underline;” title=”php” href=”https://www.php.cn/zt/15714.html” target=”_blank”>php</a>”); // 重定向到登录页面exit();?></p><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:php;toolbar:false;’>会话管理的核心在于,它提供了一个在多个页面请求之间“记住”用户身份的简单而有效的方式。但别忘了,会话劫持也是一个潜在的风险,确保你的应用始终通过HTTPS运行,可以大大降低这种风险。</pre>

</div></li></ol><h3>除了基础登录,还有哪些安全实践是必须考虑的?</h3><p>构建一个登录系统,不只是实现功能那么简单,安全性才是它的生命线。除了前面提到的密码哈希和HTTPS,还有一些关键的安全实践是必须融入到开发流程中的,否则你的系统就像开了扇窗户,随时可能被不速之客闯入。</p><ol><li><p><strong>SQL注入防护:预处理语句(Prepared Statements)</strong>这是数据库交互中最常见的安全漏洞之一。如果你的查询语句直接拼接用户输入,那么恶意用户就可以通过输入特定的SQL代码来篡改你的查询,甚至窃取、删除整个数据库。解决方案是使用<strong>预处理语句</strong>。无论是PDO还是MySQLi,都提供了这种机制。它将SQL查询的结构和数据分离开来,数据库在执行前会先“编译”查询结构,然后再将用户数据作为参数绑定进去,这样用户输入就永远不会被当作SQL代码执行。</p><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:php;toolbar:false;’>// 错误示例 (容易SQL注入)// $username = $_POST[‘username’];// $password = $_POST[‘password’];// $sql = "SELECT * FROM users WHERE username = ‘$username’ AND password = ‘$password’";// 正确示例 (使用PDO预处理语句)$stmt = $pdo->prepare("SELECT id, username, password_hash FROM users WHERE username = ?");$stmt->execute([$username]);$user = $stmt->fetch();</pre>

</div><p>这种方式是现代PHP开发中处理数据库查询的黄金标准,必须坚持。</p></li><li><p><strong>跨站脚本攻击(XSS)防护:输出转义(Escaping Output)</strong>XSS攻击发生在你的网站显示用户生成的内容时。如果用户输入了恶意脚本(例如 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”><script>alert(‘You are hacked!’);</script></pre>

</div>),而你的网站直接将其显示出来,那么这个脚本就会在其他用户的浏览器上执行。防护XSS的核心原则是:<strong>永远不要相信用户输入,并且在将用户输入显示到页面上时,总是进行转义。</strong>PHP的 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>htmlspecialchars()</pre>

</div> 或 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>htmlentities()</pre>

</div> 函数是你的好帮手。它们会将HTML特殊字符(如 <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”><</pre>

</div>, <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>></pre>

</div>, <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>&</pre>

</div>, <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>”</pre>

</div>, <div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>'</pre>

</div>)转换成它们的HTML实体,这样浏览器就会把它们当作普通文本而不是HTML代码来处理。</p><div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=’brush:php;toolbar:false;’>// 假设 $comment 包含用户输入的评论$comment = “<script>alert(‘XSS!’);</script>”;echo “<div>” . htmlspecialchars($comment, ENT_QUOTES, ‘UTF-8’) . “</div>”;// 输出会是 <div>alert('XSS!');</div></pre>

</div><p>记住,转义是在<strong>输出</strong>时进行的,而不是在存储到数据库时。</p></li><li><p><strong>速率限制(Rate Limiting)和账户锁定:防范暴力破解</strong>如果攻击者可以无限次地尝试登录,那么总有一天他们会猜对密码。为了防止这种暴力破解攻击,你需要实现速率限制。</p><ul><li><strong>失败登录尝试计数:</strong> 记录每个IP地址或用户名的失败登录次数。</li><li><strong>短暂锁定:</strong> 如果在短时间内(例如5分钟内)失败尝试超过某个阈值(例如5次),就暂时锁定该IP或账户一段时间(例如15分钟)。</li><li><strong>验证码:</strong> 在多次失败尝试后,要求用户输入验证码。这通常需要额外的数据库表来存储失败尝试的记录,以及一些逻辑来检查和更新这些记录。这可能稍微复杂一些,但对于高安全要求的系统是不可或缺的。</li></ul></li><li><p><strong>错误报告与日志:</strong>在生产环境中,PHP的错误报告应该被禁用(<div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>display_errors = Off</pre>

</div>),并且错误应该被记录到日志文件中(<div class=”code” style=”position:relative; padding:0px; margin:0px;”><pre class=”brush:php;toolbar:false;”>log_errors = On</pre>

</div>)。直接向用户显示详细的错误信息可能会泄露敏感的系统路径、数据库信息或其他有用的攻击线索。</p></li></ol><p>这些实践虽然增加了开发的复杂性,但却是构建一个健壮、安全的PHP登录系统的基石。忽视它们中的任何一个,都可能给你的用户和你的应用带来无法预料的风险。</p>

以上就是php登录怎么实现_php用户登录系统完整实现的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1320925.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月12日 07:14:58
下一篇 2025年12月12日 07:15:11

相关推荐

  • 网络进化!

    Web 应用程序从静态网站到动态网页的演变是由对更具交互性、用户友好性和功能丰富的 Web 体验的需求推动的。以下是这种范式转变的概述: 1. 静态网站(1990 年代) 定义:静态网站由用 HTML 编写的固定内容组成。每个页面都是预先构建并存储在服务器上,并且向每个用户传递相同的内容。技术:HT…

    2025年12月24日
    000
  • 为什么多年的经验让我选择全栈而不是平均栈

    在全栈和平均栈开发方面工作了 6 年多,我可以告诉您,虽然这两种方法都是流行且有效的方法,但它们满足不同的需求,并且有自己的优点和缺点。这两个堆栈都可以帮助您创建 Web 应用程序,但它们的实现方式却截然不同。如果您在两者之间难以选择,我希望我在两者之间的经验能给您一些有用的见解。 在这篇文章中,我…

    2025年12月24日
    000
  • 学会从头开始学习CSS,掌握制作基本网页框架的技巧

    从零开始学习CSS,掌握网页基本框架制作技巧 前言: 在现今互联网时代,网页设计和开发是一个非常重要的技能。而学习CSS(层叠样式表)是掌握网页设计的关键之一。CSS不仅可以为网页添加样式和布局,还可以为用户呈现独特且具有吸引力的页面效果。在本文中,我将为您介绍一些基本的CSS知识,以及一些常用的代…

    2025年12月24日
    200
  • 揭秘Web标准涵盖的语言:了解网页开发必备的语言范围

    在当今数字时代,互联网成为了人们生活中不可或缺的一部分。作为互联网的基本构成单位,网页承载着我们获取和分享信息的重要任务。而网页开发作为一门独特的技术,离不开一些必备的语言。本文将揭秘Web标准涵盖的语言,让我们一起了解网页开发所需的语言范围。 首先,HTML(HyperText Markup La…

    2025年12月24日
    000
  • 揭开Web开发的语言之谜:了解构建网页所需的语言有哪些?

    Web标准中的语言大揭秘:掌握网页开发所需的语言有哪些? 随着互联网的快速发展,网页开发已经成为人们重要的职业之一。而要成为一名优秀的网页开发者,掌握网页开发所需的语言是必不可少的。本文将为大家揭示Web标准中的语言大揭秘,介绍网页开发所需的主要语言。 HTML(超文本标记语言)HTML是网页开发的…

    2025年12月24日
    400
  • 常用的网页开发语言:了解Web标准的要点

    了解Web标准的语言要点:常见的哪些语言应用在网页开发中? 随着互联网的不断发展,网页已经成为人们获取信息和交流的重要途径。而要实现一个高质量、易用的网页,离不开一种被广泛接受的Web标准。Web标准的制定和应用,涉及到多种语言和技术,本文将介绍常见的几种语言在网页开发中的应用。 首先,HTML(H…

    2025年12月24日
    000
  • 网页开发中常见的Web标准语言有哪些?

    探索Web标准语言的世界:网页开发中常用的语言有哪些? 在现代社会中,互联网的普及程度越来越高,网页已成为人们获取资讯、娱乐、交流的重要途径。而网页的开发离不开各种编程语言的应用和支持。在这个虚拟世界的网络,有许多被广泛应用的标准化语言,用于为用户提供优质的网页体验。本文将探索网页开发中常用的语言,…

    2025年12月24日
    000
  • 深入探究Web标准语言的范围,涵盖了哪些语言?

    Web标准是指互联网上的各个网页所需遵循的一系列规范,确保网页在不同的浏览器和设备上能够正确地显示和运行。这些标准包括HTML、CSS和JavaScript等语言。本文将深入解析Web标准涵盖的语言范围。 首先,HTML(HyperText Markup Language)是构建网页的基础语言。它使…

    2025年12月24日
    000
  • CSS 超链接属性解析:text-decoration 和 color

    CSS 超链接属性解析:text-decoration 和 color 超链接是网页中常用的元素之一,它能够在不同页面之间建立连接。为了使超链接在页面中有明显的标识和吸引力,CSS 提供了一些属性来调整超链接的样式。本文将重点介绍 text-decoration 和 color 这两个与超链接相关的…

    2025年12月24日
    000
  • 看看这些前端面试题,带你搞定高频知识点(一)

    每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。 面试官:给定一个元素,如何实现水平垂直居中?…

    2025年12月24日 好文分享
    300
  • 看看这些前端面试题,带你搞定高频知识点(二)

    每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。 面试官:页面导入样式时,使用 link 和 …

    2025年12月24日 好文分享
    200
  • 看看这些前端面试题,带你搞定高频知识点(三)

    每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。 面试官:清除浮动有哪些方式? 我:呃~,浮动…

    2025年12月24日 好文分享
    000
  • 看看这些前端面试题,带你搞定高频知识点(四)

    每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。 面试官:请你谈一下自适应(适配)的方案 我:…

    2025年12月24日 好文分享
    000
  • 看看这些前端面试题,带你搞定高频知识点(五)

    每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。 面试官:css 如何实现左侧固定 300px…

    2025年12月24日 好文分享
    000
  • HTML+CSS+JS实现雪花飘扬(代码分享)

    使用html+css+js如何实现下雪特效?下面本篇文章给大家分享一个html+css+js实现雪花飘扬的示例,希望对大家有所帮助。 很多南方的小伙伴可能没怎么见过或者从来没见过下雪,今天我给大家带来一个小Demo,模拟了下雪场景,首先让我们看一下运行效果 可以点击看看在线运行:http://hai…

    2025年12月24日 好文分享
    500
  • 分享20个首页流行布局样式,总有一款适合你!

    本篇文章给大家分享20个首页流行布局样式,总有一款适合你,快来收藏试试吧,希望对大家有所帮助! 有时我们会在网站上遇到一些内容布局问题,如文字对齐、图片设计与内容和谐、为文章选择合适的字体……在今天的文章中,介绍一些设计精美的创意布局,let‘s  开始。 代号 001 源码…

    2025年12月24日 好文分享
    000
  • css如何让div悬浮于另一个div上

    让div悬浮于另一个div上的方法:1、给两个div元素添加“position:absolute”绝对定位样式;2、给其中一个div元素添加“{top:距离页面顶部距离;left:距离页面左侧距离;}”样式使其浮动在另一个div元素上即可。 本教程操作环境:windows7系统、CSS3&&…

    2025年12月24日 好文分享
    000
  • css怎样实现字母不到一行就换行

    css字母不到一行就换行的方法:1、给元素添加“word-break:break-word;”样式,使其以单词为单位换行;2、给元素添加“word-break:break-all;”样式,使其以字母为单位换行。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell…

    2025年12月24日
    000
  • css里怎样设置字体大小和字体颜色

    在css中,可以使用“font-size”和color属性设置字体大小和字体颜色,只需要给字体元素添加“{font-size: 字体大小值;color: 颜色值;}”样式即可。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 css里设置字体大小…

    2025年12月24日
    000
  • css边框变圆角边框怎么写

    写法:1、给边框添加“border-radius:圆角值;”样式统一设置圆角大小;2、添加“border-top-left-radius:圆角值;”、“border-top-right-radius:圆角值;”等样式分别设置四角圆角大小。 本教程操作环境:windows7系统、CSS3&&a…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信