我用Cursor，1周上线了一个虚拟资料流量主小程序技术选型

👋 大家好，我是阿问学长！专注于分享优质开源项目解析、计算机学习资料推荐，并为同学们提供毕业设计项目指导支持。从GitHub热门项目的深度剖析到实用技术教程，从学习路线规划到毕设选题指导，我致力于用最实用的内容帮助大家在技术路上少走弯路。无论是想了解前沿开源技术，还是需要毕设项目帮助，都欢迎关注交流！🚀

随着在线教育的兴起，学科资料分享成为了一个热门的细分领域。我决定开发一个专门的小程序平台，让用户可以按年级和科目分类浏览、下载学习资料，同时通过会员制和积分系统实现商业化运营。整个项目周期，除去上班时间，其实小于7天。

技术选型

text 复制代码

后端: 基于RuoYi-Vue-Plus框架
前端: uni-app + uView UI组件库
数据库: MySQL5.7+
开发工具: IDEA2024.3.3 + HbuilderX + Cursor AI编程助手

核心功能

text 复制代码

资料分类浏览: 按年级、科目、版本、类型多维度筛选
会员系统: VIP套餐购买、会员特权
积分体系: 任务完成获取积分、积分兑换资源
资源管理: 资料上传、下载、收藏
用户中心: 个人信息、历史记录、任务中心
运营功能: 轮播图、导航图标、统计分析

开发过程

1.项目结构设计

使用Cursor的AI助手，我首先明确了项目的整体架构。通过自然语言描述需求，Cursor可以自动生成完整的项目结构。我采用的方式是将第三方框架放到Cursor的项目中，然后让Cursor去索引项目结构，使其熟悉框架，后续编码更符合规范。

text 复制代码

lwxk-project/
├── db/                     # 数据库脚本
├── lwxk-admin/            # 后端管理系统
├── lwxk-uni/              # 小程序前端
├── lwxk-web/              # 管理后台前端
└── README.md              # 项目文档

关于lwxk-uni项目，我借鉴了优秀的小程序的UI设计，通过截图投喂的方式，让Cursor按照其风格帮我创建了uni-app项目，并让其遵循ruoyi-vue-plus项目的接口风格，使用Mock模拟数据，用于检验界面的效果。

2.数据库设计

通过小程序的业务，结合ruo-vue-plus数据库的设计标准，通过与Cursor的对话，快速设计出了完整的数据库结构。系统包含了13个核心业务表，以会员表为例：

sql 复制代码

DROP TABLE IF EXISTS `lw_member`;
CREATE TABLE `lw_member`  (
  `member_id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '会员ID',
  `openid` varchar(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '微信OpenID',
  `unionid` varchar(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT '微信UnionID',
  `nick_name` varchar(30) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT '用户昵称',
  `avatar` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '头像地址',
  `sex` char(1) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '0' COMMENT '用户性别（0男 1女 2未知）',
  `country` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT '国家',
  `province` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT '省份',
  `city` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT '城市',
  `mobile` varchar(11) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT '手机号码',
  `session_key` varchar(128) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT '会话密钥',
  `points` int(11) NULL DEFAULT 0 COMMENT '积分',
  `is_vip` tinyint(1) NULL DEFAULT 0 COMMENT '是否为VIP',
  `vip_expire_time` datetime(0) NULL DEFAULT NULL COMMENT 'VIP过期时间',
  `inviter_id` bigint(20) NULL DEFAULT NULL COMMENT '邀请人ID',
  `status` char(1) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '0' COMMENT '帐号状态（0正常 1停用）',
  `del_flag` char(1) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '0' COMMENT '删除标志（0代表存在 2代表删除）',
  `login_ip` varchar(128) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '最后登录IP',
  `login_date` datetime(0) NULL DEFAULT NULL COMMENT '最后登录时间',
  `create_dept` bigint(20) NULL DEFAULT NULL COMMENT '创建部门',
  `create_by` bigint(20) NULL DEFAULT NULL COMMENT '创建者',
  `create_time` datetime(0) NULL DEFAULT NULL COMMENT '创建时间',
  `update_by` bigint(20) NULL DEFAULT NULL COMMENT '更新者',
  `update_time` datetime(0) NULL DEFAULT NULL COMMENT '更新时间',
  `remark` varchar(500) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT '备注',
  PRIMARY KEY (`member_id`) USING BTREE,
  UNIQUE INDEX `idx_openid`(`openid`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 1935640494034391042 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci COMMENT = '小程序会员表' ROW_FORMAT = Dynamic;

API接口

通过ruoyi-vue-plus的代码生成功能，生成前后端代码，并根据业务进行调整。Cursor帮我快速生成了移动端的RESTful API接口。为了更好的进行业务分割，我将管理端和移动端的代码分别放在了admin和app的包下，以资源管理为例：

Java 复制代码

@RestController
@RequestMapping("/api/lwxk/resource")
public class LwResourceController {
    
    @GetMapping("/list")
    public TableDataInfo<LwResourceVo> list(LwResourceBo bo, PageQuery pageQuery) {
        return lwResourceService.queryPageList(bo, pageQuery);
    }
    
    @GetMapping("/{resourceId}")
    public R<LwResourceVo> getInfo(@PathVariable Long resourceId) {
        return R.ok(lwResourceService.queryById(resourceId));
    }
    
    @PostMapping("/download")
    public R<Void> download(@RequestBody DownloadBo downloadBo) {
        return toAjax(lwResourceService.downloadResource(downloadBo));
    }
}

管理端功能截图

体验移动端

无套路，请通过下方名片体验

Cursor AI助手的优势体验

text 复制代码

1. 智能代码生成:通过自然语言描述需求，Cursor能够生成高质量的代码框架，大大提升了开发效率。
2. 实时代码补全:在编写代码过程中，Cursor提供的智能补全建议非常准确，减少了大量的重复输入。
3. 错误诊断与修复:当遇到bug时，Cursor能够快速定位问题并提供修复建议，节省了大量调试时间。
4. 代码重构优化:Cursor的重构建议帮我优化了代码结构，提升了代码质量和可维护性。

项目亮点功能

text 复制代码

1. 智能筛选系统:实现了年级、科目、版本、类型等多维度筛选，用户可以快速找到所需资料。
2. 批量加载优化:采用分页批量加载策略，一次加载10页数据，提升了用户体验。
3. 会员权益体系:设计了完整的VIP会员体系，包含专属资源、无限下载等特权。
4. 积分激励机制:通过签到、分享、邀请等任务获取积分，增强用户粘性。

总结

通过这次使用Cursor开发小程序的经历，我深刻体会到了AI工具对开发效率的巨大提升。原本需要数周甚至数月的开发工作，在AI助手的帮助下一周就能完成。

但同时也要认识到，AI工具只是提升效率的手段，核心的业务逻辑设计、用户体验优化、项目架构规划等仍然需要开发者的专业判断。合理利用AI工具，结合自身的技术积累和业务理解，才能真正发挥出最大的开发效能。

希望这篇文章能够为正在使用或准备使用AI编程工具的开发者提供一些参考和启发。在AI赋能的时代，让我们一起探索更高效的开发方式，创造更有价值的产品！