一个实现登陆后查询网课答案的程序（带题库API接口）

最新推荐文章于 2024-08-12 00:39:10 发布
最新推荐文章于 2024-08-12 00:39:10 发布
阅读量321 收藏 8
点赞数 3
分类专栏： 程序教程 题库API JavaScript学习笔记 文章标签： oracle 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48005690/article/details/140253743
版权

 直接复制粘贴即可使用。。。

增加美化一下就可以，附带题库接口

文章末尾附带了免费的题库接口，大佬们轻点用，

1. 设置后端（PHP）

数据库设置

首先，设置一个数据库来存储用户信息和API使用计数。

CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    username VARCHAR(255) NOT NULL,
    password VARCHAR(255) NOT NULL,
    email VARCHAR(255) NOT NULL,
    reg_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

CREATE TABLE api_usage (
    id INT AUTO_INCREMENT PRIMARY KEY,
    user_id INT NOT NULL,
    ip_address VARCHAR(45) NOT NULL,
    request_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
PHP 后端用于 API 集成

创建 PHP 脚本来处理用户注册、登录和 API 使用。

注册 (register.php)
<?php
// 数据库连接
$conn = new mysqli("localhost", "username", "password", "dbname");

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 初始化变量
$username = $password = $email = "";

// 处理表单提交
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $username = $_POST['username'];
    $password = password_hash($_POST['password'], PASSWORD_DEFAULT); // 使用默认的密码哈希算法加密密码
    $email = $_POST['email'];

    // 插入到用户表
    $stmt = $conn->prepare("INSERT INTO users (username, password, email) VALUES (?, ?, ?)");
    $stmt->bind_param("sss", $username, $password, $email);

    if ($stmt->execute()) {
        // 保存用户名到会话，以便在登录页面显示
        session_start();
        $_SESSION['registered_username'] = $username;
        $_SESSION['registered_password'] = $_POST['password']; // 这里直接存储明文密码，实际应用中应当考虑更安全的方式

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

        // 重定向到登录页面
        header("Location: login.html");
        exit();
    } else {
        echo "错误: " . $stmt->error;
    }

    $stmt->close();
}

$conn->close();
?>

3. 修改 login.php

在验证用户登录信息正确后，添加页面重定向到查题页面

<?php
// 数据库连接
$conn = new mysqli("localhost", "username", "password", "dbname");

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 初始化变量
$username = $password = "";

// 处理表单提交
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $username = $_POST['username'];
    $password = $_POST['password'];

    // 查询用户信息
    $stmt = $conn->prepare("SELECT id, username, password FROM users WHERE username = ?");
    $stmt->bind_param("s", $username);
    $stmt->execute();
    $result = $stmt->get_result();
    $user = $result->fetch_assoc();

    if ($user && password_verify($password, $user['password'])) {
        // 开始会话并存储用户ID
        session_start();
        $_SESSION['user_id'] = $user['id'];

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

        // 重定向到查题页面
        header("Location: quiz.html");
        exit();
    } else {
        echo "用户名或密码错误";
    }

    $stmt->close();
}

$conn->close();
?>

 

4. 创建 quiz.php 处理查询逻辑

在 quiz.php 文件中，处理从前端发送过来的问题查询请求，并将结果返回给前端页面。

<?php
session_start();

// 检查用户是否已登录，如果未登录则返回错误信息
if (!isset($_SESSION['user_id'])) {
    die("未经授权的访问");
}

// 数据库连接
$conn = new mysqli("localhost", "username", "password", "dbname");

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

$user_id = $_SESSION['user_id'];
$question = $_GET['question'];
$api_url = "http://zr.026wk.xyz/youapi.php?question=" . urlencode($question);

// 示例：获取 API 数据
$response = file_get_contents($api_url);
$data = json_decode($response, true);

if ($data && isset($data['answer'])) {
    // 更新数据库中的 API 使用次数
    $ip_address = $_SERVER['REMOTE_ADDR'];
    $stmt = $conn->prepare("INSERT INTO api_usage (user_id, ip_address) VALUES (?, ?)");
    $stmt->bind_param("is", $user_id, $ip_address);
    $stmt->execute();
    $stmt->close();

    // 格式化输出答案
    $result = "<div class='card mt-4'>";
    $result .= "<div class='card-body'>";
    $result .= "<h5 class='card-title'>问题：</h5>";
    $result .= "<p class='card-text'>{$question}</p>";
    $result .= "<h5 class='card-title'>答案：</h5>";
    $result .= "<p class='card-text lead'>{$data['answer']}</p>";
    $result .= "</div>";
    $result .= "</div>";

    echo $result;
} else {
    echo "<p class='text-danger'>从 API 获取数据时出错</p>";
}

$conn->close();
?>

 

 前端界面

1.改进后的 quiz.html 页面

保持不变，继续使用之前优化的 HTML 结构和 jQuery AJAX 请求来处理查询并在页面下方显示结果。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查题页面</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
    <style>
        .container {
            max-width: 600px;
            margin-top: 50px;
        }
        #result {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2 class="text-center mb-4">查题页面</h2>
        <form id="quizForm">
            <div class="input-group mb-3">
                <input type="text" class="form-control" id="question" name="question" placeholder="请输入问题" required>
                <div class="input-group-append">
                    <button class="btn btn-primary" type="submit">查询</button>
                </div>
            </div>
        </form>

        <div id="result" class="text-center">
            <!-- 查询结果将显示在这里 -->
        </div>
    </div>

    <!-- 引入 jQuery -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
        $(document).ready(function() {
            // 捕获表单提交事件
            $('#quizForm').submit(function(event) {
                // 阻止默认提交行为
                event.preventDefault();
                
                // 获取表单数据
                var formData = $(this).serialize();

                // 发送 AJAX 请求
                $.ajax({
                    type: 'GET',
                    url: 'quiz.php',
                    data: formData,
                    beforeSend: function() {
                        $('#result').html('<p class="text-muted">正在查询...</p>');
                    },
                    success: function(response) {
                        // 将查询结果显示在页面下方的 result 区域
                        $('#result').html(response);
                    },
                    error: function() {
                        $('#result').html('<p class="text-danger">查询出错，请稍后重试。</p>');
                    }
                });
            });
        });
    </script>
</body>
</html>

 

2. 更新 login.html

确保登录页面（login.html）的表单 action 指向正确的 PHP 脚本（login.php），以便处理用户提交的登录信息。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h2>用户登录</h2>
        <form action="login.php" method="post">
            <div class="form-group">
                <label for="username">用户名：</label>
                <input type="text" class="form-control" id="username" name="username" required>
            </div>
            <div class="form-group">
                <label for="password">密码：</label>
                <input type="password" class="form-control" id="password" name="password" required>
            </div>
            <button type="submit" class="btn btn-primary">登录</button>
        </form>
    </div>
</body>
</html>

 

3.注册表单 (register.html)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h2>用户注册</h2>
        <form action="register.php" method="post">
            <div class="form-group">
                <label for="username">用户名：</label>
                <input type="text" class="form-control" id="username" name="username" required>
            </div>
            <div class="form-group">
                <label for="password">密码：</label>
                <input type="password" class="form-control" id="password" name="password" required>
            </div>
            <div class="form-group">
                <label for="email">邮箱：</label>
                <input type="email" class="form-control" id="email" name="email" required>
            </div>
            <button type="submit" class="btn btn-primary">注册</button>
        </form>
    </div>
</body>
</html>

 

4. 其他考虑

  • 安全性： 始终对用户输入进行清理和验证，以防止 SQL 注入和其他安全漏洞。
  • 会话管理： 使用会话在页面之间保持用户认证状态。
  • 错误处理： 实现健壮的错误处理和日志记录以便更好地进行故障排除。
  • API 使用限制： 监控并限制每个用户的 API 使用次数，以防止滥用。

这些设置提供了一个基本的结构，集成了 Bootstrap 进行前端样式设计，使用 PHP 处理后端逻辑，包括用户注册、登录和 API 使用追踪。根据您的具体需求和安全考虑，调整和扩展这些示例。

结语：

1.可以直接复制服务器就能用

免费接口https://zr.026wk.xyz/youapi.php?question=

坏蛋MOOC
关注
专栏目录
HttpClient测试题库API数据接口
iummiw的博客
04-11 699
创建响应格式类 @Data @NoArgsConstructor @AllArgsConstructor public class HttpResult { private int code; private String body; } 创建一个HttpClient工具类 public class HttpClientUtil { private CloseableHttpClient httpClient; public HttpClientUtil() { // 1 创建HttpClin
PHP编写的简单API题库接口
执着
05-30 1047
PHP编写的简单API题库接口 请求方式GET，返回数据类型为josn php实现代码 <?php $question = $_GET['question'];//接受post请求中的question //链接数据库 $link=mysqli_connect('localhost:3306','root','root','question','3306')or die("数据库链接失败"); //数据库查询question $sql="select * from question where que
PHP封装题库API接口，免费网课题库接口API
weixin_48005690的博客
08-12 174
PHP封装题库API接口，免费网课题库接口API
【题库API】
weixin_46221011的博客
03-14 468
千万级题库API
驾考题库API接口，免费好用
畅联聚合支付的博客
11-15 1610
驾考题库API接口，免费好用
网课答案查询单页面附接口
06-28
而“网课答案查询单页面附接口”是一个针对这类平台的工具，尤其适用于超星、尔雅、高校邦等常见的在线学习系统。这个工具的核心功能是帮助用户快速查找并获取网络课程的解答，以辅助学习或自我测试。 首先，我们要...
网课搜题 小猿题库多接口微信小程序源码 自带流量主.zip
05-30
多接口小猿题库等综合网课搜题微信小程序源码带流量主，网课搜题小程序, 可以开通流量主赚钱 搭建教程 1, 微信公众平台注册自己的小程序 2, 下载微信开发者工具和小程序的源码 3, 上传代码到自己的小程序
网课搜题 小猿题库多接口微信小程序源码
05-17
多接口小猿题库等综合网课搜题微信小程序源码带流量主，网课搜题小程序, 可以开通流量主赚钱 搭建教程 1, 微信公众平台注册自己的小程序 2, 下载微信开发者工具和小程序的源码 3, 上传代码到自己的小程序
大学生网课搜题页面源码+接口源码.7z
04-03
在后端，可能会有一个接口（API）来接收和处理来自前端的搜题请求，这可能包括解析题目、匹配数据库中的答案或者通过第三方API调用获取答案。接口设计需要遵循RESTful原则，确保数据交换的高效和安全。同时，前端...
2021新版简洁干净UI搜题小程序.7z
08-28
下面我们将深入探讨这款小程序的核心知识点，包括它的JavaScript编程基础、网课题库的构建以及题库API的应用。 首先，让我们聚焦于JavaScript。作为这款搜题小程序的基础，JavaScript是一种广泛使用的脚本语言，...
网课答案查询单页源码+免费题库api接口
06-11
网课答案查询单页源码+免费题库api接口 1.网课答案查询界面简洁美观 2.已经对接免费的题库api接口搭建即可使用 3.可自定义更换使用api 4.内设QQ头像获取 5.可自定义化程度高 6.源码占用内存少
swift-WBNeiApiManager基于猿题库网络请求再次封装
08-15
基于YTKNetwork进行再封装,实现TYKNetwork一些基本的使用
免费网课题库API接口及其PHP封装接口
weixin_48005690的博客
07-01 326
喜欢题库的可以拿去研究研究，提供的免费接口可以测试封装效果！欢迎交流群子348740961。
题库搜题内容内含五千万条数据api接口
weixin_51134428的博客
04-04 1457
大学生网课答案、公务员考试答案，外语类考试答案，财会类考试答案，建筑类考试答案，职业资格考试答案，学历考试考试答案，医药类考试答案，外贸类考试答案，计算机类考试答案等几十种领域的各类答案题库搜题内容内含五千万条数据接口，最新的题库数据。
网课题库收录API接口以及免费网课查询API接口
执着
06-17 6070
网课题库收录接口 请求地址 http://q.zhizhuoshuma.cn/update.php 支持http和https访问 仅支持GET请求 请求参数 question 必填 answer 必填 question answer都不能为空值（NULL） 请求成功示例 接口返回数据为json格式 success为true时表示请求成功并写入数据库或者更新数据成功 success为false时表示请求失败，请检查请求参数是否正确 code=1为数据库没有数据，写入成功！ code=2为数据有数据，无答案
网课查题API接口（免费）
热门推荐
执着
05-31 1万+
免费的网课查题API接口 需要开发网课查询软件的可以参考一下这个api请求接口 请求参数question必填 请求参数 请求值 question 必填 返回数据为json { "answer": "提高明辨是非善恶的能力虚心求教，细心体察行万里路，积累生活经验树立自立自信自强自律的生活意识\n \n", "question": "为了适应大学生活，大学生应该()\n", "success": "true" } question为问题 answer为答案 succ
小猿搜题api接口
软件开发
03-21 2182
中小学拍照搜题利器，所有题目拍照一搜，答案解析都到手。本文仅限学习研究讨论,切忌做非法乱纪之事。
高中生在线试题接口api
weixin_33912246的博客
12-02 860
高中生在线试题接口api该试题接口包括语文,数学,英语,物理,化学,生物,地理,历史,政治等等科目.语文又包括字形,字音,词语,语法,诗词,成语等40多种题型.数学,物理化学等科目也是信息全面,不断完善.考题接口中有考题科目,来源,答案及其详解等.对于参考学生来说是一笔巨大的财富,数据全面,稳定.是接口的首选.1.试题目录基本信息:URL：http://apis.haoser...
帮我写一个题库聚合api接口
最新发布
09-15
当然可以，这里有一个基本的RESTful API设计思路，用于题库的聚合。我们将使用Python的FastAPI作为基础框架，并假设有多个题库存储在字典中作为示例： ```python from fastapi import FastAPI, HTTPException from pydantic import BaseModel # 假设我们有多个题库 题库_data = { "math": [{"id": 1, "question": "数学题1"}, {"id": 2, "question": "数学题2"}], "english": [{"id": 3, "question": "英语题1"}, {"id": 4, "question": "英语题2"}] } app = FastAPI() # 题目模型 class Question(BaseModel): id: int question: str # 聚合题库的接口 @app.get("/api/question/{topic}") async def get_questions(topic: str): if topic in 题库_data: return [Question(**q) for q in 题库_data[topic]] else: raise HTTPException(status_code=404, detail="题库 {} 不存在".format(topic)) ``` 在这个API中，用户可以发送GET请求到`/api/question/{topic}`，其中`{topic}`是题库的主题名（例如"math"或"english"）。如果题库存在，将返回该题库的所有题目；否则，返回404错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值