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

本文主要是介绍黄河水利职业技术学院 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 演示并介绍项目,介绍项目的过程中
说明每个成员分工和完成情况,教师根据项目的难易以及项目成员的
工作量评分。实训成绩分为:优秀,良好,中等,及格和不及格五个
等级。

效果图

首页
在这里插入图片描述

电影 电视剧页面

在这里插入图片描述

这篇关于黄河水利职业技术学院 Java Web网页设计结课作业,Vue网页设计的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/754569

相关文章

Java五子棋之坐标校正

上篇针对了Java项目中的解构思维,在这篇内容中我们不妨从整体项目中拆解拿出一个非常重要的五子棋逻辑实现:坐标校正,我们如何使漫无目的鼠标点击变得有序化和可控化呢? 目录 一、从鼠标监听到获取坐标 1.MouseListener和MouseAdapter 2.mousePressed方法 二、坐标校正的具体实现方法 1.关于fillOval方法 2.坐标获取 3.坐标转换 4.坐

Spring Cloud:构建分布式系统的利器

引言 在当今的云计算和微服务架构时代,构建高效、可靠的分布式系统成为软件开发的重要任务。Spring Cloud 提供了一套完整的解决方案,帮助开发者快速构建分布式系统中的一些常见模式(例如配置管理、服务发现、断路器等)。本文将探讨 Spring Cloud 的定义、核心组件、应用场景以及未来的发展趋势。 什么是 Spring Cloud Spring Cloud 是一个基于 Spring

乐鑫 Matter 技术体验日|快速落地 Matter 产品,引领智能家居生态新发展

随着 Matter 协议的推广和普及,智能家居行业正迎来新的发展机遇,众多厂商纷纷投身于 Matter 产品的研发与验证。然而,开发者普遍面临技术门槛高、认证流程繁琐、生产管理复杂等诸多挑战。  乐鑫信息科技 (688018.SH) 凭借深厚的研发实力与行业洞察力,推出了全面的 Matter 解决方案,包含基于乐鑫 SoC 的 Matter 硬件平台、基于开源 ESP-Matter SDK 的一

Javascript高级程序设计(第四版)--学习记录之变量、内存

原始值与引用值 原始值:简单的数据即基础数据类型,按值访问。 引用值:由多个值构成的对象即复杂数据类型,按引用访问。 动态属性 对于引用值而言,可以随时添加、修改和删除其属性和方法。 let person = new Object();person.name = 'Jason';person.age = 42;console.log(person.name,person.age);//'J

java8的新特性之一(Java Lambda表达式)

1:Java8的新特性 Lambda 表达式: 允许以更简洁的方式表示匿名函数(或称为闭包)。可以将Lambda表达式作为参数传递给方法或赋值给函数式接口类型的变量。 Stream API: 提供了一种处理集合数据的流式处理方式,支持函数式编程风格。 允许以声明性方式处理数据集合(如List、Set等)。提供了一系列操作,如map、filter、reduce等,以支持复杂的查询和转

一份LLM资源清单围观技术大佬的日常;手把手教你在美国搭建「百万卡」AI数据中心;为啥大模型做不好简单的数学计算? | ShowMeAI日报

👀日报&周刊合集 | 🎡ShowMeAI官网 | 🧡 点赞关注评论拜托啦! 1. 为啥大模型做不好简单的数学计算?从大模型高考数学成绩不及格说起 司南评测体系 OpenCompass 选取 7 个大模型 (6 个开源模型+ GPT-4o),组织参与了 2024 年高考「新课标I卷」的语文、数学、英语考试,然后由经验丰富的判卷老师评判得分。 结果如上图所

Java面试八股之怎么通过Java程序判断JVM是32位还是64位

怎么通过Java程序判断JVM是32位还是64位 可以通过Java程序内部检查系统属性来判断当前运行的JVM是32位还是64位。以下是一个简单的方法: public class JvmBitCheck {public static void main(String[] args) {String arch = System.getProperty("os.arch");String dataM

详细分析Springmvc中的@ModelAttribute基本知识(附Demo)

目录 前言1. 注解用法1.1 方法参数1.2 方法1.3 类 2. 注解场景2.1 表单参数2.2 AJAX请求2.3 文件上传 3. 实战4. 总结 前言 将请求参数绑定到模型对象上,或者在请求处理之前添加模型属性 可以在方法参数、方法或者类上使用 一般适用这几种场景: 表单处理:通过 @ModelAttribute 将表单数据绑定到模型对象上预处理逻辑:在请求处理之前

eclipse运行springboot项目,找不到主类

解决办法尝试了很多种,下载sts压缩包行不通。最后解决办法如图: help--->Eclipse Marketplace--->Popular--->找到Spring Tools 3---->Installed。

JAVA读取MongoDB中的二进制图片并显示在页面上

1:Jsp页面: <td><img src="${ctx}/mongoImg/show"></td> 2:xml配置: <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001