新手 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:这是修改后的代码
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:这是修改后的代码