CodeNameX网站开发
中英文coding变量名一键翻译
初衷✌
因为之前在做项目的过程中，给变量命名时。总是需要转去翻译网站，先翻译然后再复制-粘贴，相当繁琐。并且有时候变量命名也不规范。直到我用了一个网站varBook.com，做的挺好的，能把中文翻译成各种样式的变量名字，于是想着我也做一个拙劣的模仿吧，就有了这个网站。 纯个人工坊搭建🔨🙂
项目概述
- 名称：CodeNameX
- 目标：输入一个中文名字，可以便捷的复制对应命名类型的英文变量名，可以收藏常用变量名，自由添加后缀
- 前端：Vue 3 + Vite + Tailwind CSS，输入，展示命名结果，用户交互
- 后端：Flask ，提供API接口，处理命名逻辑
- Python：翻译 + 处理命名逻辑
- 辅助： requests ，API调用、调用API进行翻译服务
- UI组件：Naïve UI
文件结构
网站流程设计
Vue 前端输入中文 → Flask 接收请求 →词语拆分→检查词库 → 词库无则调用翻译API（或本地翻译词库） → 翻译结果进行多种命名格式转换 → 返回变量名结果给前端展示
具体设计
前端设计①首界面
②查询后结果界面
后端设计 1.训练小型本地离线模型 + 翻译Api + 维护本地字典 2.离线时候调用翻译模型 3.联网时候调用API 4.维护一个翻译词典
开发进程
- [ ✅] 2025年4月26日:首页面搭建完成，大标题加一个，搜索框
- [ ✅] 2025年4月29日:后端翻译服务API成功将数据送到前端Vue，并实现网页更新
- [ ✅] 2025年5月7日:解决输入框被点击后，还是存在默认文本情况/解决复制对应变量名时，“Copied”弹窗告示问题
- [ ✅] 2025年5月27日:实现主题切换功能
结果
目前是完善了代码,并且可以正常本地访问了,基础功能已经全部开发完成,并且实现了局域网之间的互联,还未上线服务器🤦,期待后续
