Trae CN编辑器，python,全文索引whoosh,服务flask，豆包-1.5-pro, 零基础展示整个开发过程，这才是那些人口中的低代码，未来已来

最新推荐文章于 2025-05-09 18:39:20 发布

avi9111

最新推荐文章于 2025-05-09 18:39:20 发布

阅读量1k

点赞数 20

文章标签： AIGC AI编程 DeepSeek 豆包 doubao

本文链接：https://blog.csdn.net/avi9111/article/details/146610413

版权

（同时，在用Trae，在写一个游戏教学，total用时3小时，浓缩时长估计5分钟)

用了CSDN推荐的IDE，基于AI开发代码

几乎不自己写代码

习惯了双屏幕ctrl+c , ctrl+v的程序员，自然也会习惯这种一半代码，一半AI的界面

界面如下：

开发过程如下：

一开始

要实现一个文档索引和显示界面，我们可以使用 Flask 框架结合 HTML 和 Python 来完成。以下是一个简单的实现步骤和示例代码：

### 步骤概述
1. **创建文档目录**：在项目中创建一个目录，用于存放文档文件。
2. **生成文档索引**：编写 Python 代码，遍历文档目录，生成文档的索引列表。
3. **创建 Flask 应用**：使用 Flask 框架创建一个 Web 应用，处理用户请求。
4. **创建 HTML 模板**：创建 HTML 模板，用于显示文档索引和文档内容。

### 示例代码

#### 1. 创建文档目录
在项目根目录下创建一个名为 `docs` 的目录，用于存放文档文件。

#### 2. 生成文档索引
修改 `app.py` 文件，添加生成文档索引的代码：

```python:f:\360Downloads\MrSelfDocs\app.py
#pip install flask
from flask import Flask, render_template
import os

# 创建 Flask 应用实例
app = Flask(__name__)

# 定义文档目录
DOCS_DIR = 'docs'

# 生成文档索引
def get_doc_index():
index = []
for root, dirs, files in os.walk(DOCS_DIR):
for file in files:
if file.endswith('.txt'):
index.append(os.path.join(root, file))
return index

# 定义路由和处理函数
@app.route('/')
def index():
doc_index = get_doc_index()
return render_template('index.html', doc_index=doc_index)

@app.route('/doc/<path:doc_path>')
def show_doc(doc_path):
doc_file = os.path.join(DOCS_DIR, doc_path)
try:
with open(doc_file, 'r', encoding='utf-8') as f:
content = f.read()
return render_template('doc.html', content=content)
except FileNotFoundError:
return "文档未找到", 404

if __name__ == '__main__':
# 启动 Flask 应用
app.run(debug=True)
```

#### 3. 创建 HTML 模板
在项目根目录下创建一个名为 `templates` 的目录，用于存放 HTML 模板文件。

- `templates/index.html`：显示文档索引
```html:f:\360Downloads\MrSelfDocs\templates\index.html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>文档索引</title>
</head>
<body>
<h1>文档索引</h1>
<ul>
{% for doc in doc_index %}
<li><a href="{{ url_for('show_doc', doc_path=doc[len('docs/'):]) }}">{{ doc }}</a></li>
{% endfor %}
</ul>
</body>
</html>