为破解传统教学与行业实践脱节问题，全面提升学生工程实践与技术应用能力，信息与智能工程学院前/后端开发课程组积极推进教学模式创新，由传统的知识链授课模式全面转向项目制一体化教学模式，课程将以真实项目贯穿学习全过程，着力培养能够胜任前端开发、后端开发及全栈开发工作的高素质技术人才。
前/后端开发课程传统的教学以知识链递进式授课为主（图1），教学内容按照 HTML、CSS、JavaScript、Web APIs、路由、模型、视图、模板、后台管理等知识点分阶段系统讲授，配合阶段案例巩固学习，未涉及知识点依托 W3school（图2）、CSDN等技术手册或参考文档自主学习。该教学模式优势在于知识体系完整、学习逻辑性强。但也存在明显短板：学生理论知识扎实，却难以将零散知识点灵活运用到实际开发中，实践能力与企业岗位需求存在差距，结合其他课程的知识与本课程的能力欠缺，如结合mysql数据库、python程序设计等课程相关知识点进行项目开发，学以致用效果不佳。正如我校前/后端开发课程主讲教师邹老师所言：“本课程的知识链完整，学生学的系统，但结合其他课程知识点运用于实践场景的能力很弱。”
【图1（左） 图2（右）】
针对传统教学模式中存在的痛点，本次改革以“项目承载知识、实战锤炼能力”为核心理念，重构课程教学体系。本课程自上而下进行整体设计（图3），以项目“微商城前后台开发”和项目“优医问诊”为贯穿四年学习的核心大项目，通过分层拆解、分步实施，让学生在完整项目开发中系统掌握技术。
【图3】
以贯穿四年学习的综合大项目“微商城前后台开发”为例。这个项目有近万条代码。要做完这个项目，需要掌握前端开发技术的知识（HTML5+CSS3+JavaScript+Vue3等）、后端开发技术（路由、模板、模型、视图、状态请求与管理、后台管理系统等）、Mysql数据库、vant组建库等方面的知识。
我们设计的学习流程是：首先完成一个前端开发的项目“小兔鲜儿”以掌握前端的核心技能，为项目前台的开发奠定基础；其次进行前台开发；再次配置MySQL环境，完成后端服务器搭建；最后进行后台的开发。
项目中前台部分需要完成首页的开发（导航、搜索框、轮播图、功能按钮区）、消息页开发、用户登录和注册、“我的”页开发、分类页开发、商品列表页开发、商品详情页开发、购物车页开发。
完成项目的首页（图4），我们运用了HTML+CSS+JS的知识点，并学习了前端框架Vue3中的组件、路由配置、vant组件库的核心知识点。
【图4】
完成项目的注册和登录页面（图5），我们学习了前端表单、Vue3网络请求和状态管理中的核心知识点。
【图5】
完成项目图6的页面开发，我们几乎串连了前端中所有的核心知识点。
【图6】
要进行后台开发，我们得首先搭建后端服务器，在这个过程中，我们学习MySQL环境的配置，并学习如何部署后端服务器项目。
项目的后台需要完成准备工作（导入项目模板、定义路由、封装网络请求）、显示登录页面、实现登录功能、实现后台页面布局、开发个人中心页、分类管理页开发（加载分类数据、实现选择上级分类、实现分类图片上传、实现新增和修改分类、实现删除分类）、商品管理页（加载商品列表数据、显示商品列表页面、实现弹出框、显示商品编辑页面、显示分类名称下拉菜单、实现商品图片上传、实现商品相册、实现新增和修改商品、实现商品详情编辑器）、封装网络请求，实现登录功能、实现注册功能。
【图7－后台商品管理开发】
【图8－后台首页开发】
【图9－后台个人中心开发】
【图10－后台商品分类管理开发】
以上每一个页面的开发，都学习了后端开发技术中的某几个知识点。整个项目完成贴合实践中的工作场景，完成整个项目后，学生能掌握课程约一半的知识技能。新模式打破理论与实践壁垒，将零散知识点融入完整开发流程，使学生在动手实践中理解技术、积累经验，实现从 “学会知识” 到 “解决问题” 的转变。教师不再是知识的“灌输者”，而是项目的“引导者”和“陪跑者”。“我们想要的，不是学生背下一本手册，而是他们能独立完成一个项目。”邹老师表示，“通过这样的教学改革，我希望我的学生不仅能在毕业后胜任前端开发岗位，也能向后端、全栈方向发展，真正做到学以致用。”
此次前/后端开发课程教学改革，是落实学校四个全员制度中全员项目化的生动实践，也是深化行业应用型人才培养的重要举措。未来，课程将持续优化、更新、迭代项目体系、紧跟行业技术前沿，以更贴合产业需求的教学模式，培育更多兼具理论素养与实战能力的开发人才，为数字经济发展提供有力人才支撑。
一审一校 |邹琴琴
二审二校 | 刘小飞 周显春
三审三校 |李成名 尹 娜
