蓝桥杯2期赛模拟赛：后生可畏，前景可期

前端

2022-12-19 02:41:40

蓝桥杯模拟赛 2 期大学组：Web 开发技能展

简介

蓝桥杯模拟赛 2 期大学组是一场面向大学生编程爱好者的竞技赛事，旨在考察选手的 Web 开发技能。比赛涵盖 Web 开发的各个方面，选手需要在规定时间内完成各种难度不等的题目，展现他们的编程能力和应变能力。

参赛选手表现亮眼

本次比赛中，参赛选手们展现出了良好的竞技状态和团队合作精神。他们互相帮助，共同攻克难题，充分发挥了各自的优势。最终，他们凭借出色的表现取得了优异的成绩，值得我们为他们感到自豪。

比赛题目解析

比赛中，选手们需要完成三个题目，分别涉及登录系统、购物车系统和博客系统。下面，我们将详细解析这些题目的解题思路，帮助读者深入理解比赛内容。

题目一：登录系统

要求

选手需要实现一个简单的登录系统，支持用户输入用户名和密码，并根据输入内容进行验证。

解题思路

使用 HTML 和 CSS 构建登录页面，包含用户名、密码输入框和登录按钮。
在服务器端使用 PHP 来处理登录逻辑。
连接数据库，查询用户信息。
比对用户输入的信息与数据库中的数据，进行身份验证。
验证成功后，设置 session，并跳转到主页。

<!-- 登录页面 -->
<form action="login.php" method="post">
  <label for="username">用户名：</label>
  <input type="text" name="username" id="username">
  <br>
  <label for="password">密码：</label>
  <input type="password" name="password" id="password">
  <br>
  <input type="submit" value="登录">
</form>

<!-- 登录逻辑处理 -->
<?php
session_start();

if (isset($_POST['username']) && isset($_POST['password'])) {
  $username = $_POST['username'];
  $password = $_POST['password'];

  // 连接数据库，查询用户信息
  $conn = new mysqli('localhost', 'root', 'password', 'database');
  $sql = "SELECT * FROM users WHERE username = '$username' AND password = '$password'";
  $result = $conn->query($sql);

  // 验证用户名和密码
  if ($result->num_rows > 0) {
    // 验证成功，设置 session 并跳转到主页
    $_SESSION['username'] = $username;
    header('Location: home.php');
  } else {
    // 验证失败，输出错误信息
    echo '登录失败，用户名或密码错误';
  }

  // 关闭数据库连接
  $conn->close();
}
?>

题目二：购物车系统

要求

选手需要实现一个简单的购物车系统，支持用户添加、修改和删除商品，并计算总价。

解题思路

使用 HTML 和 CSS 构建购物车页面，包含商品列表、数量输入框和操作按钮。
在服务器端使用 PHP 来处理购物车逻辑。
使用 session 来存储购物车信息。
通过 AJAX 来更新购物车内容，实现实时显示。

<!-- 购物车页面 -->
<table>
  <thead>
    <tr>
      <th>商品</th>
      <th>单价</th>
      <th>数量</th>
      <th>小计</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>商品 1</td>
      <td>10</td>
      <td><input type="number" value="0" min="0"></td>
      <td>0</td>
    </tr>
    <tr>
      <td>商品 2</td>
      <td>20</td>
      <td><input type="number" value="0" min="0"></td>
      <td>0</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3"></td>
      <td>总计：0</td>
    </tr>
  </tfoot>
</table>

<!-- 购物车逻辑处理 -->
<?php
session_start();

// 添加商品到购物车
if (isset($_POST['product']) && isset($_POST['quantity'])) {
  $product = $_POST['product'];
  $quantity = $_POST['quantity'];

  // 检查购物车中是否已存在该商品
  if (isset($_SESSION['cart'][$product])) {
    // 已存在，则更新数量
    $_SESSION['cart'][$product] += $quantity;
  } else {
    // 不存在，则添加新商品
    $_SESSION['cart'][$product] = $quantity;
  }

  // 返回购物车信息，实现实时显示
  echo json_encode($_SESSION['cart']);
  exit;
}

// 修改商品数量
if (isset($_POST['product_id']) && isset($_POST['quantity'])) {
  $product_id = $_POST['product_id'];
  $quantity = $_POST['quantity'];

  // 更新购物车中商品数量
  $_SESSION['cart'][$product_id] = $quantity;

  // 返回购物车信息，实现实时显示
  echo json_encode($_SESSION['cart']);
  exit;
}

// 删除商品
if (isset($_POST['product_id'])) {
  $product_id = $_POST['product_id'];

  // 从购物车中删除商品
  unset($_SESSION['cart'][$product_id]);

  // 返回购物车信息，实现实时显示
  echo json_encode($_SESSION['cart']);
  exit;
}
?>

题目三：博客系统

要求

选手需要实现一个简单的博客系统，支持用户发布和管理文章。

解题思路

使用 HTML 和 CSS 构建博客页面，包含文章列表和发布文章的表单。
在服务器端使用 PHP 和 MySQL 来处理文章数据。
使用 Markdown 来格式化文章内容。
实现文章的分页显示，提高页面性能。

<!-- 博客页面 -->
<div class="articles">
  <?php
  // 连接数据库，获取文章数据
  $conn = new mysqli('localhost', 'root', 'password', 'database');
  $sql = "SELECT * FROM articles ORDER BY created_at DESC LIMIT 10";
  $result = $conn->query($sql);

  // 循环输出文章
  while ($row = $result->fetch_assoc()) {
    echo '<article>';
    echo '<h1>' . $row['title'] . '</h1>';
    echo '<p>' . $row['content'] . '</p>';
    echo '<div class="info">';
    echo '<span>发布时间：' . $row['created_at'] . '</span>';
    echo '<span>作者：' . $row['author'] . '</span>';
    echo '</div>';
    echo '</article>';
  }

  // 释放结果集和关闭数据库连接
  $result->free();
  $conn->close();
  ?>
</div>

<!-- 发布文章表单 -->
<form action="post.php" method="post">
  <label for="title">  <input type="text" name="title" id="title">
  <br>
  <label for="content">内容：</label>
  <textarea name="content" id="content"></textarea>
  <br>
  <input type="submit" value="发布">
</form>

<!-- 发布文章处理 -->
<?php
session_start();

if (isset($_POST['title']) && isset($_POST['content'])) {
  $title = $_POST['title'];
  $content = $_POST['content'];
  $author = $_SESSION['username'];

  // 连接数据库，插入文章数据
  $conn = new mysqli('localhost', 'root', 'password', 'database');
  $sql = "INSERT INTO articles (title, content, author) VALUES (?, ?, ?)";
  $statement = $conn->prepare($sql);
  $statement->bind_param('sss', $title, $content, $author);
  $statement->execute();

  // 释放语句对象和关闭数据库连接
  $statement->close();
  $conn->close();

  // 跳转到博客页面
  header('Location: blog.php');
}
?>