广东东软学院《web前端开发》：湛棣商城Vue.js实战与创新设计

本次实验报告由广东东软学院软件工程专业5班的学生湛棣在2022年12月4日完成，指导教师为黄鹏，实验地点在F307+4A0014A柔性实验室。实验课程名为《web前端开发》，主题是模仿设计与实现淘宝购物程序的版本——湛棣商城，一个综合型的项目。 实验的核心目标是让学生熟悉web前端开发的各个方面，包括内容展示的网页设计、样式表现的运用、页面元素的行为编程以及理解网站类软件的用户需求。通过模仿淘宝购物网站，学生们被要求实现增删改存功能、搜索功能，并以此为基础进行创新设计。此外，报告强调必须使用Vue.js框架，以及可能的前后端框架扩展和技术，如数据库集成，以提升自学能力和创新能力。 报告中应包含以下内容： 1. 实验原理与内容：详细阐述网站内容、样式和行为的设计原则，以及如何根据用户需求进行功能分析和设计。 2. 网页内容设计：明确商品展示的版块和信息架构。 3. 网页样式设计：描述使用的CSS技术和风格选择，以确保界面美观大方。 4. 网页元素行为设计：如按钮交互、导航菜单等如何实现响应式操作。 5. 功能实现：通过Vue.js的组件化和指令来构建功能模块，如购物车、搜索框等。 6. 数据库应用：如果使用了数据库，应描述数据模型和查询操作。 7. 系统功能结构图与技术说明：展示项目的整体架构和关键技术的选择。 8. 系统截图与操作流程：直观展示系统的界面和功能运行效果。 9. 创新素质与论文写作训练：通过实践中的想法、设计、实现过程，以及对不同方法的比较和分析，体现学生的批判性思考和解决问题的能力。 10. 实验设备与软件环境：列出实验过程中使用的工具，如VScode、浏览器等。 提交的材料包括学号_姓名_实验2.zip的项目源代码和学号_姓名_实验2.docx的实验报告。此次实验不仅提升了学生的编程技能，还锻炼了他们的文档写作和项目管理能力，为未来职业生涯打下了坚实的基础。