这是一个纯前端构建的网页应用,通过调用API实现英语考研作文的图片识别批改功能。
- 多种输入方式:支持文本输入、拍照上传和图片文件上传
- 多种写作模式:支持自由写作和限时写作(模拟考场环境)
- 详细批改结果:显示总体评分、各维度评分和详细的语法错误修改建议
- 同义词推荐:可选择是否显示同义词推荐
- 作文报告:可选择是否生成作文报告
- 前端:HTML, CSS, JavaScript, Bootstrap
- API:有道智云英语作文批改API
- 将代码推送到GitHub仓库
git init git add . git commit -m "初始化项目" git remote add origin https://github.com/您的用户名/您的仓库名.git git push -u origin main
- 配置Vercel
- 访问 Vercel
- 使用GitHub账号登录
- 点击 "New Project"
- 选择您的GitHub仓库
- 点击 "Import"
- 保持默认设置,点击 "Deploy"
-
配置API密钥
- 打开
app.js文件 - 填写您的有道智云应用ID和密钥
const APP_KEY = '您的应用ID'; const APP_SECRET = '您的应用密钥';
- 打开
-
解决跨域问题(使用本地代理服务器)
- 安装 Node.js(如果尚未安装)
- 打开命令行,进入项目目录
- 运行命令:
npm install安装依赖 - 运行命令:
npm start启动代理服务器 - 修改
app.js中的REQUEST_URL为:http://localhost:3000/api/correct
-
直接在浏览器中打开 index.html 文件
- 自由写作:无时间限制,可随时提交批改
- 限时写作:设置倒计时,模拟考场环境
- 文本输入:直接在文本框中输入作文内容
- 拍照上传:使用设备摄像头拍摄作文照片
- 文件上传:上传本地作文图片文件
- 作文等级:选择作文的等级(如CET4、CET6、考研等)
- 作文标题:输入作文标题(可选)
- 同义词推荐:是否显示同义词推荐
- 批改版本:选择基础版或高级版批改
- 作文报告:是否生成作文报告
- 图片上传支持的格式:jpg, jpeg, png, bmp
- 图片大小不超过10MB
- 为保证识别准确率,请确保图片清晰可读