- slider进行翻译风格的调整(正式、口语)
- 语言选择(中译英、英译中)
- 下方button支持字体放大缩小,复制翻译结果,收藏,翻译偏好设置
- 数据面板显示查询总次数,当前用户数,剩余tokens
- 动态背景板(vantas)
- 支持搜索,按时间排序的功能
- 点击navigate button可跳转至主界面,并打开该内容
- 采用折叠面板显示
- button功能同历史记录界面
- 支持万字文本翻译
- 进度条显示翻译进度
- 学习者button打开学习面板,大语言模型归纳重点单词
- 点击加号跳转到单词本
- 文本比对,鼠标hover,对应句子高亮
- 可实现自定义等级,词性,评级
- 点击方框会加粗,失焦后会判断加粗变红或变绿(验证格式),避免出现一个空填完剩下空都变红的情况,让用户更舒服
- 动态背景,同理注册设置
- 可以添加按钮设置(检查重复词),可以自己在无限滚动栏目里加,可以之间在原文右滑再右键添加
- 可以删除和修改记录
- 可以更改抽屉弹出位置,和翻译框之间的距离
graph LR;
vue3 --> bserve --> postgreSQL
bserve --> vue3
- 前端采用vue3,组件页面分开编写,提高组件的复用率
- 后端用bserve,创建端口localhost:8080进行监听,与后端postgreSQL进行交互
-
后端: 点击打开bserv文件中的
WebApp.sln点击运行,创建端口8080需要安装postgreSQL,自建table
- 前端命令中运行
npm run dev,部署vue项目 - 两个都部署好了以后即可正常使用