跳转至

前端开发

  • 分类于 前端开发
  • 需要 20 分钟阅读时间

Magic Studio开发者日志：页面布局

一个好的站点应该有一个好的页面布局，这利于页面能承载更多我们想要的内容，这里我们参考了 Shadcn Blocks 上的模板布局，并给 Shadcn 非常友好地给了详细代码。

除登录和注册页外，我们主体布局是支持整个平台各页面的，所以新建 app/(main) 文件夹，且布局并非是一个通用组件，所以不必放根目录下的 components 目录下。

  • 分类于 前端开发
  • 需要 20 分钟阅读时间

Magic Studio开发者日志：用户登录

参考文档：https://authjs.dev/getting-started/authentication/credentials

登录页面是用户使用平台的入口，如果一个平台连登录页面都做得极其 low，那么用户体验会非常差，甚至都不会有想要使用的欲望。此外，看似非常简单的登录流程，实际上也是麻雀虽小，五脏俱全，方方面面都会涉及到。本篇文章我们着手开发 Magic Studio 的用户登录功能，千里之堤始于足下，开干。

  • 分类于 前端开发
  • 需要 5 分钟阅读时间

NiceGUI更新日志

日期 版本号 新特性 BUG修复
20250602 2.19.0 1.针对现代浏览器，通过跳过ES模块提升页面加载速度；
2.通过延缓非重要的 JS 提升页面加载速度；
3.完善 ui.aggrid 完全配置（getters、setters、from_pandas、from_polars）;
4.如果 ui.download.from_url 是基于绝对路径 URL（可能引起问题） 被调用，则会发出警告提示		 1.允许覆盖 PyWebview 的 storage_path 和 private_mode；
2.修复 ui.markdown 的语法突出显示，包括 codehilite.css 更稳定
  • 分类于 前端开发
  • 需要 2 分钟阅读时间

封装 Vue Flow 组件

目前 NiceGUI 虽然使用的是 Vue3，但是其底层使用的是 VBind 组件来生成前端控件，由于 VBind 组件是 Vue2。