创作预告：基于deepseek的作文批改

构建Flask+Vue3-作文批改系统准备工作

• 新建项目文件夹project,然后

  pip install Flask

  项目目录结构大概形如：

   flask_vue_project/  
   ├── app.py  
   ├── requirements.txt  
   └── api/  
   └── __init__.py 

• 写一个简单的Flask应用：

   from flask import Flask, jsonify  
   from flask_cors import CORS  
   from api import init_api  
   ​
   app = Flask(__name__)  
   CORS(app)  # 这是为了允许跨域资源共享，使VUE前端可访问后端
   init_api(app)  
   ​
   @app.route('/')  
   def index():  
   return jsonify({"message": "这是构建作文批改系统的第一步"})  
   ​
   if __name__ == '__main__':  
   app.run(debug=True)  

  在http://127.0.0.1:5000/查看输出即可。（要安装相关依赖）

• 安装Node.js和Vue CLI：npm install -g @vue/cli

• 创建你的项目文件夹，然后安装 Axios用于HTTP请求：npm install axios

  使用默认的vue欢迎页面即可

•  <template>
     <div id="app">
       <router-view></router-view> <!-- Vue Router 会在这里渲染匹配的组件 -->
     </div>
   </template>
   ​
   <script>
   export default {
     name: 'App'
   }  
   </script>
   ​
   <style>
   /* 样式 */
   </style>

• 在项目目录运行npm run serve，在http://localhost:8080查看自己的Vue应用