宝玉xp
25-01-07 04:02 微博认证:前微软Asp.Net最有价值专家 2025微博年度新知博主 科技博主

新手 Cursor 用户:给我写一个博客系统
Cursor:一个简陋博客首页
用户:太烂了,没卵用,再也不用了

专业 Cursor 用户:这是博客日志列表的截图,请参考截图的样式使用Tailwind+ShadcnUI做一个UI组件显示日志列表,数据访问参考 @/app/posts.ts 里面的方法

Cursor:你要的日志列表组件 /components/post-list.tsx

用户:链接不对,我期望的是 /posts/$id 但是你用的 /post?id=$id

Cursor:这是修改后的列表组件

新开会话继续写分页功能

专业 Cursor 用户:这是列表组件代码 /components/post-list.tsx,现在请给它加上分页功能,数据库访问代码在 @/app/posts.ts ,需要添加相应的分页访问代码代码,分页组件使用shadcnui的Pagination组件,样式使用Tailwindcss

Cursor:这是添加分页组件后的日志列表,请确保你安装了Pagination组件,这是安装方法

用户:请做以下调整:
- 修改分页链接为 /posts/page/$page
- 只保留上一页、下一页链接

Cursor:这是修改后的代码

发布于 美国