部署​

@rc-lib/rancher-deploy

UI​

• antdesign
• tailwindcss

AGI​

• V0 基于原型生成
• @radix-ui

一、 背景​

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

二、 目的​

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

三、 选型对比​

四、 选型结论​

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

五、 存在问题及风险​

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

六、 最终生成结论​

选择 antd + rc

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

目标​

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

问题​

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

变更策略​

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

技术方案​

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

最终结论​

Docusaurus blogging features are powered by the blog plugin.

Simply add Markdown files (or folders) to the blog directory.

Regular blog authors can be added to authors.yml.

The blog post date can be extracted from filenames, such as:

• 2019-05-30-welcome.md
• 2019-05-30-welcome/index.md

A blog post folder can be convenient to co-locate blog post images:

The blog supports tags as well!

And if you don't want a blog: just delete this directory, and use blog: false in your Docusaurus config.

Blog posts support Docusaurus Markdown features, such as MDX.

<button onClick={() => alert('button clicked!')}>Click me!</button>

This is the summary of a very long blog post,

Use a <!-- truncate --> comment to limit blog post size in the list view.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet