跳过仪表板-js教程-PHP中文网

跳过仪表板

PHPz

发布： 2024-08-28 12:10:35

转载

822人浏览过

数据呕吐机器人的时代正在趋于稳定。

像mc一样打字很累。

如果您像我一样，您正在尝试简化您的技术堆栈。

花点时间原谅你的宠物机器人并计划一次个人黑客马拉松。一天的正念可以消除压力。

大多数日历应用程序都可以为您计划您的一天。

任务？我们正在与我们的同伴赛跑，并试图延长 5 美元的“投资”，因为 wordpress 太贵了。

可以做什么？

拿出你最喜欢的框架或库。留意你的人工智能助手，让他们休息一下。

尊重 gpt 的速度有多快。

跳过待办事项应用程序。跳过面包屑。跳过导航。

跳过数据库。跳过云功能。跳过容器。

禅宗模式从空白页开始。

我们需要提示。

从简单的命令模式开始：

科汛网上商城管理系统

一个经过完善设计有着及其强大的会员互动和独特创新的内容管理系统。主要功能模块包括：文章频道、图片频道、下载频道、动漫频道、音乐频道、影视频道、商城频道、供求频道、采集管理、专题频道等等。系统通用模块：用户管理、博客日志管理、相册管理、音乐盒管理、朋友圈管理、广告管理、公告管理、模板管理、网站信息配置、高级自定义SQL扩展标签，RSS在线订阅功能、网站统计、邮件列表、邮件群发、数据库管理、站内短消

查看详情

const commands = {
  'manage:posts': {
    'label': 'go to posts',
    'action': ['navigate', 'https://example.com/posts']
  },
  'post:edit:1': {
    'label': 'hello world',
    'action': ['navigate', 'https://example.com/posts/1/edit']
  },
}

登录后复制

从那里添加按键绑定。

const open = false;

usechord(['cmd+k'],() => {
  open = true;
])

usechord(['cmd+k', 'cmd+w'], () => {
  open = false;
})

...

登录后复制

我想要一个搜索功能，所以我引导了一个组合框：

<combobox :items="commands" onselected="executecommand" />

登录后复制

跳过仪表板

现在我可以执行任何函数或导航到任何页面，而无需编写一堆 tailwind 或 css。

接下来我重点关注表格。

zod 验证我的强类型内容。

跳过仪表板

我添加了一个保存表单的命令。

const schema = z.object({
  thePost: z.string().min(1),
})

const form = useForm({schema}))

useChord(['cmd+s'], () => {
  form.submit('https://sayless.gg/post/create')
})

登录后复制

长话短说，我处于禅宗模式大约 3 个小时，并调整了解析 markdown 的提示。

跳过仪表板