黄河水利职业技术学院 Java Web网页设计结课作业，Vue网页设计

写在前面（作业要求）

1
Java Web 前端框架课程实训任务书
实训任务：分小组完成某网站项目开发
项目实现技术：Vue 框架+JavaScript+HTML+CSS,
项目实现功能：
包含页面：主页，登录页，注册页，商品展示页面，商品详情页
等等。
其中网站商品需要用数组循环的形式展示在页面上。
登录页面和注册页，需要判断用户名和密码是否为空，非空才能
登录。
详情展示页面的商品相关数据也需要用 data 中定义的数据展示
在页面上，即页面中的数据尽量用 data 中定义数据的形式展示。
项目需要包括一个项目功能说明书，包含项目的功能架构和各个
功能的说明以及图片展示。
项目成员：4-6 人，不能超过 6 人，如果还有 1-2 名同学构不成
团队，需要跟老师沟通分组。自行分组，实训第一天由组长上报团队
成员情况。
项目成员 4 人，至少完成 6 个页面。
项目成员 5 人，至少完成 8 个页面。
项目成员 6 人的团队，至少完成 9 个页面。
人均不少于 1.5 个页面。
组长负责团队成员分工协调工作，可以参考如下分工：组员 A 负
责项目功能说明书，组员 B 负责讲解，组员 C 负责登录注册页面，组
员 D 负责主页面，组员 E 负责商品详情页面，组员 F 负责加购物车功
能，等等。
以下网站可供选择：
洪九果品官网，https://www.hjfruit.com/
小米商城官网：https://www.mi.com/shop
OPPO 商城官网：https://www.oppo.com/cn/
小红书蒲公英官网，https://pgy.xiaohongshu.com/
百度技术培训中心，http://bit.baidu.com/index?column=1
关于选题：以上网站仅供选择，允许团队自由选择的项目，项目
选好之后，给老师报备，中途只可更换一次，不允许第二次更换。
关于实训成绩：一共 40 学时，两周时间，最后一天验收项目并
打分。如果提前做完，也可以提前验收。
验收时，首先项目组成员 A 打开项目功能说明书，介绍一下项目
的基本情况，然后由项目成员 B 演示并介绍项目，介绍项目的过程中
说明每个成员分工和完成情况，教师根据项目的难易以及项目成员的
工作量评分。实训成绩分为：优秀，良好，中等，及格和不及格五个
等级。

效果图

首页

电影 电视剧页面