黄河水利职业技术学院 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

相关文章

基于SpringBoot+Mybatis实现Mysql分表

《基于SpringBoot+Mybatis实现Mysql分表》这篇文章主要为大家详细介绍了基于SpringBoot+Mybatis实现Mysql分表的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可... 目录基本思路定义注解创建ThreadLocal创建拦截器业务处理基本思路1.根据创建时间字段按年进

前端高级CSS用法示例详解

《前端高级CSS用法示例详解》在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交互和动态效果的关键技术之一,随着前端技术的不断发展,CSS的用法也日益丰富和高级,本文将深... 前端高级css用法在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

SpringBoot3实现Gzip压缩优化的技术指南

《SpringBoot3实现Gzip压缩优化的技术指南》随着Web应用的用户量和数据量增加,网络带宽和页面加载速度逐渐成为瓶颈,为了减少数据传输量,提高用户体验,我们可以使用Gzip压缩HTTP响应,... 目录1、简述2、配置2.1 添加依赖2.2 配置 Gzip 压缩3、服务端应用4、前端应用4.1 N

Java编译生成多个.class文件的原理和作用

《Java编译生成多个.class文件的原理和作用》作为一名经验丰富的开发者,在Java项目中执行编译后,可能会发现一个.java源文件有时会产生多个.class文件,从技术实现层面详细剖析这一现象... 目录一、内部类机制与.class文件生成成员内部类(常规内部类)局部内部类(方法内部类)匿名内部类二、

SpringBoot实现数据库读写分离的3种方法小结

《SpringBoot实现数据库读写分离的3种方法小结》为了提高系统的读写性能和可用性,读写分离是一种经典的数据库架构模式,在SpringBoot应用中,有多种方式可以实现数据库读写分离,本文将介绍三... 目录一、数据库读写分离概述二、方案一:基于AbstractRoutingDataSource实现动态

Springboot @Autowired和@Resource的区别解析

《Springboot@Autowired和@Resource的区别解析》@Resource是JDK提供的注解,只是Spring在实现上提供了这个注解的功能支持,本文给大家介绍Springboot@... 目录【一】定义【1】@Autowired【2】@Resource【二】区别【1】包含的属性不同【2】@

springboot循环依赖问题案例代码及解决办法

《springboot循环依赖问题案例代码及解决办法》在SpringBoot中,如果两个或多个Bean之间存在循环依赖(即BeanA依赖BeanB,而BeanB又依赖BeanA),会导致Spring的... 目录1. 什么是循环依赖?2. 循环依赖的场景案例3. 解决循环依赖的常见方法方法 1:使用 @La