From fffe0244987c5217cd5756911db892fdc52270e8 Mon Sep 17 00:00:00 2001
From: jc <419690370@qq.com>
Date: Wed, 19 Mar 2025 22:41:47 +0800
Subject: [PATCH] first commit
---
app.py | 94 +++++++++++++++++++++++++++++++++++++++++++++++
public/index.html | 19 ++++++++++
public/script.js | 24 ++++++++++++
public/styles.css | 42 +++++++++++++++++++++
4 files changed, 179 insertions(+)
create mode 100644 app.py
create mode 100644 public/index.html
create mode 100644 public/script.js
create mode 100644 public/styles.css
diff --git a/app.py b/app.py
new file mode 100644
index 0000000..2b36b0d
--- /dev/null
+++ b/app.py
@@ -0,0 +1,94 @@
+from flask import Flask, jsonify, send_from_directory
+
+app = Flask(__name__, static_folder="public", static_url_path="")
+
+
+# 根路径返回 index.html
+@app.route("/")
+def serve_index():
+ return send_from_directory(app.static_folder, "index.html")
+
+
+# API 子路径，提供 Linux 基本语法知识点数据
+@app.route("/api/linux-tips")
+def linux_tips():
+ tips = {
+ "message": "欢迎来到 Linux 基本语法知识点",
+ "tips": [
+ {
+ "title": "查看当前目录",
+ "command": "pwd",
+ "description": "显示当前工作目录的完整路径。"
+ },
+ {
+ "title": "列出目录内容",
+ "command": "ls",
+ "description": "列出当前目录或指定目录中的文件和文件夹。"
+ },
+ {
+ "title": "切换目录",
+ "command": "cd",
+ "description": "切换到指定的目录。例如：`cd /path/to/directory`。"
+ },
+ {
+ "title": "创建目录",
+ "command": "mkdir",
+ "description": "创建一个新的目录。例如：`mkdir new_folder`。"
+ },
+ {
+ "title": "删除文件或目录",
+ "command": "rm",
+ "description": "删除文件或目录。例如：`rm file.txt` 或 `rm -r folder`（递归删除目录）。"
+ },
+ {
+ "title": "复制文件或目录",
+ "command": "cp",
+ "description": "复制文件或目录。例如：`cp source.txt destination.txt` 或 `cp -r source_folder destination_folder`。"
+ },
+ {
+ "title": "移动或重命名文件",
+ "command": "mv",
+ "description": "移动文件或目录，也可以用于重命名。例如：`mv file.txt new_name.txt`。"
+ },
+ {
+ "title": "查看文件内容",
+ "command": "cat",
+ "description": "显示文件的内容。例如：`cat file.txt`。"
+ },
+ {
+ "title": "分页查看文件内容",
+ "command": "more/less",
+ "description": "逐页显示文件内容，`less` 支持上下翻页。例如：`less file.txt`。"
+ },
+ {
+ "title": "查找文件",
+ "command": "find",
+ "description": "在指定目录下查找文件。例如：`find /path -name filename`。"
+ },
+ {
+ "title": "查看进程",
+ "command": "ps",
+ "description": "显示当前进程的状态。例如：`ps aux`。"
+ },
+ {
+ "title": "终止进程",
+ "command": "kill",
+ "description": "终止指定的进程。例如：`kill PID`。"
+ },
+ {
+ "title": "查看磁盘使用情况",
+ "command": "df",
+ "description": "显示磁盘的使用情况。例如：`df -h`。"
+ },
+ {
+ "title": "查看文件系统挂载情况",
+ "command": "mount",
+ "description": "显示已挂载的文件系统。"
+ }
+ ]
+ }
+ return jsonify(tips)
+
+
+if __name__ == "__main__":
+ app.run(debug=True, port=80)
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..5a745aa
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+ Linux 基本语法知识点
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/script.js b/public/script.js
new file mode 100644
index 0000000..06a3199
--- /dev/null
+++ b/public/script.js
@@ -0,0 +1,24 @@
+document.addEventListener("DOMContentLoaded", () => {
+ fetch("/api/linux-tips")
+ .then(response => response.json())
+ .then(data => {
+ const tipsList = document.getElementById("tips-list");
+ data.tips.forEach(tip => {
+ const tipDiv = document.createElement("div");
+ tipDiv.classList.add("tip");
+
+ const tipTitle = document.createElement("h3");
+ tipTitle.textContent = `${tip.title} (${tip.command})`;
+ tipDiv.appendChild(tipTitle);
+
+ const tipDescription = document.createElement("p");
+ tipDescription.textContent = tip.description;
+ tipDiv.appendChild(tipDescription);
+
+ tipsList.appendChild(tipDiv);
+ });
+ })
+ .catch(error => {
+ console.error("获取数据时出错：", error);
+ });
+});
\ No newline at end of file
diff --git a/public/styles.css b/public/styles.css
new file mode 100644
index 0000000..8e7792d
--- /dev/null
+++ b/public/styles.css
@@ -0,0 +1,42 @@
+body {
+ font-family: "Arial", sans-serif;
+ background-color: #f4f4f4;
+ margin: 0;
+ padding: 0;
+}
+
+.container {
+ max-width: 800px;
+ margin: 20px auto;
+ padding: 20px;
+ background: white;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ border-radius: 8px;
+}
+
+h1, h2 {
+ text-align: center;
+ color: #333;
+}
+
+#tips-list {
+ margin-top: 20px;
+}
+
+.tip {
+ background: #e9f2ff;
+ padding: 10px;
+ margin-bottom: 10px;
+ border-radius: 5px;
+}
+
+.tip h3 {
+ margin: 0 0 5px;
+ color: #007bff;
+}
+
+.tip p {
+ margin: 0;
+ font-size: 14px;
+ color: #555;
+}
\ No newline at end of file