跳到主要内容

3 篇博文 含有标签「随行付IT」

随行付技术团队

查看所有标签

管理系统的前端选型

· 阅读需 2 分钟
Quany
软件工程师

一、 背景

KPI 开发整合了前端,使终端性能缓慢,开发职责不专业;

二、 目的

  1. 分离前后端;
  2. 解决技术落后,项目臃肿;

三、 选型对比

项目antdesign + rcnextjs+v0
工作量重新设计,功能交互减少页面制作的时间:80%;功能交互
生态繁荣不适用于管理系统
费用20$/月
其它跟公司系统集成度高,方便部署,模板成熟智能驱动

四、 选型结论

通过以上数据库对比,且结合目的,可选出如下做为候选项

候选库选择理由最终选择备注
Vue入门简单,国产化高

五、 存在问题及风险

前端架构优化 有如下问题及风险

风险解决方案备注
Token 共享利用 nginx 反向代理实现同域
会改变样式,有些页面可能需要重新设计,功能交互会变化增加工作量
权限功能需要改造需要权限接口

六、 最终生成结论

选择 antd + rc

  • 使用 nginx 挨个替换页面:确保系统的平滑过渡。
  • 样式和功能调整:由于架构变更,部分页面可能需要重新设计,功能交互也可能发生变化。

管理系统的迁移

· 阅读需 1 分钟
Quany
软件工程师

目标

  • 分离前后端开发;
  • 解决技术落后,项目臃肿;

问题

  • 谁开发和维护;
  • token 共享;
    • 利用 nginx 实现同域;

变更策略

  • 使用 nginx 挨个替换页面;
  • 会改变样式,有些页面可能需要重新设计,功能交互会变化;

技术方案

  • 基于 v0 前端提效方案;基于 nextjs,react;
    • 优点 -直接对齐客户的表达需求; -减少页面制作的时间:80%; -缺点
      • 交互功能生态能力少
      • 需要付费
  • antdesign 架构,跟公司系统集成度高;生态繁荣,有比较全面的方案;
  • vue 入门简单,

最终结论