当前位置：首页 > news >正文

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

news 2025/7/20 8:59:33

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

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

技术选型

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

核心功能

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

开发过程

1.项目结构设计

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

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个核心业务表，以会员表为例：

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的包下，以资源管理为例：

@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助手的优势体验

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

项目亮点功能

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