AI 网站架构与开发

告别简单的复制粘贴。让 Gemini 成为你的首席架构师，PyCharm 成为你的工程车间，掌握正规的模块化开发流程。

AI 辅助工程化工作流

✨ Gemini (Architect)

User: 我想做一个个人作品集网站，基于 Python Flask，需要有项目展示页和“关于我”页面，请帮我设计项目目录结构。

Gemini: 好的，这是一个标准的 Flask 项目架构方案：
1. app.py: 核心路由逻辑
2. templates/: 存放 HTML 模板
3. static/: 存放 CSS 和图片
建议先创建虚拟环境...

app.py

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')

def home():

return render_template('index.html')

if __name__ == '__main__':

app.run(debug=True)

🛠️

全栈工程利器

✨

Gemini Advanced

逻辑大脑。负责顶层设计、生成目录结构、编写核心逻辑代码与排错。

🐍

PyCharm

专业 IDE。负责代码组装、环境管理、断点调试与服务器运行。

🌶️

Flask / Streamlit

Python 框架。比 React 更适合 AI 学习者，快速构建后端逻辑与交互。

📚

课程实战内容

2.1 架构设计：像工程师一样思考

Prompt Engineering

学会不直接求代码，而是求“方案”。让 Gemini 输出项目目录树 (File Tree) 和技术栈依赖 (requirements.txt)，并在 PyCharm 中初始化项目。

2.2 模块组装：分而治之

Backend & Frontend

在 PyCharm 中建立文件结构。让 Gemini 分别生成“路由逻辑(app.py)”和“页面模板(HTML)”，并在本地组装运行，体验真实的开发流程。

2.3 调试与迭代：AI 结对编程

Debugging

遇到 500 Internal Server Error 怎么办？学习将 PyCharm 的报错信息复制给 Gemini，让它分析原因并提供修复代码。

🏆 结课作业：开发一个“AI 工具箱”网站

基于 Python Flask，搭建一个包含“文本润色”、“周报生成”功能的 Web 应用。
体验从后端 API 调用到前端页面展示的全流程。

Python 3.10+ Flask Gemini API