技术人生,  网络编程,  项目工程

AGTranslate自动翻译工具

👉程序入口

感谢姚老师(axton.cc)的五天集中前端小课堂,收益颇丰,让我开始迈入web前端的大门(第一次认真写了点CSS,用上了前端框架和其他一些技术)。

因为是用来练习前端基础的,所以没有用更方便美观的ui框架如Vuetify,也没用上Vue CLI,手写练习了很多CSS,但动画部分目前还是缺省的。

正题:

AGTranslate基于google translate API搭建;支持自动检测输入语言,自动选择目标语言,默认快速中英互译,让翻译更高效快捷;独有pdf模式,粘贴时自动拼接多行文本;适应移动端,支持制作成webAPP添加到移动设备桌面使用。网页自适应不同尺寸的窗口,自动调节文本输入框高度。目前基本支持全球常见语种。

用到的前端技术:

  • Vue框架
  • select2控件
  • svg图形
  • sessionStorage
  • history对象 replaceState
  • axios-ajax
  • jQuery
  • JS异步
  • PWA-webAPP

应用采用前后端分离架构,前端客户端渲染,ajax通信;后端依旧使用了我最熟悉的tornado。

由于蹭的谷歌云平台API,有免费额度限制,小范围用用还没问题。故增加了身份验证限制,公共public身份每月限制在5w字符,还望理解。(输入指令/usage可查询当月实时用量)当然也可以找我另开单独的auth身份分配额度😏。

A WindRunner. VoyagingOne

留言

邮箱地址不会被公开。 必填项已用*标注