以下为《课程设计报告 - 模板(Mr yao)》的无排版文字预览，完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。

吉 利 学 院

学生课程设计报告

课程编号： 126003

课程名称： 前端开发综合实践

报告题目： 电商网站

学生学号： ***0819

学生姓名： 崔某某

***： 智能***

专业班级： 2021级计算机科学与技术（专升本）3班

指导教师： 姚某某

开课学期： 2021-2022-2

教务处制

***课程设计任务书

课程名称

前端开发综合实践

完成时间

2022/4



学生姓名

崔某某

专业班级

计算机科学与技术（专升本）3班

指导教师

姚某某

职称





总体设计要求和技术要点



1．登录注册页面：首先完成登陆注册功能的表单设计，实现用户名登录，之后完成表单内容校验——用户名登录时，进行用户名校验以及邮箱校验，并对密码进行长度校验。

2. 主页面：通过登录注册页面可跳转至主页面，未登录状态可以通过主页面跳转至登录注册页面，首先完成页面布局——采取1-2-1或者1-3-1布局，页面包含多个商品，商品包含少量文本和图片，通过链接可以跳转至商品详情页面与留言页面。

3．留言板页面：首先完成留言板的页面设计，使用文本、留言时间等元素来收集用户使用过程中的意见与建议。

4. 购物车页面：实现购物车页面设计，使用jQuery或者JavaScript完成商品添加、删除及显示总金额功能。



工作内容及时间进度安排





素材收集和查阅资料-8h

html—6h

css----10h

js-4h

debug（调试阶段）-20h



课程设计成果



注册页面en.html、登录页面log.html、主页面index.html、购物车页面shopcar.html、留言板页面liuyan.html、board.html、商品详情页面xiangqing.html



摘 要

注册页面en.html（跳转至登录页面、验证用户名为4-16长度字符、***字符、确认密码一致、邮箱不能为空且包含@）、登录页面log.html（跳转至注册页面、用户名密码验证、验证成功跳转至主页面）、主页面index.html（顶部导航-下拉效果、搜索框那一栏、分类导航栏、商品栏及右侧垂直导航）、购物车页面shopcar.html（跳转至登录页面、跳转至注册页面、删除清空商品、计算总价）、留言板页面（留言内容、留言时间）liuyan.html、board.html、商品详情页面xiangqing.html（内容为空）。分类导航栏实现下拉动画效果

关键词：分类导航栏、html、css、Javascript等

目 录

一、概述…………………………………………………………………………1

二、方案设计与论证………………………………………………………………2

1． 网站内容和架构设计………………………………………………………2

2．主网页样式设计…………………………………………2

3． 网页交互功能设计………………………………………………………2

三、网页设计与分析…………………………………………………………3

1．log.html设计与分析（html、css、js）………………………………… 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 . jQuery 前端开发实战教程.黑马程序员.中国铁道出版社2018.

5． 51CTO网，网址：https://doc.001pp.com/

6． 百度网，网址：https://doc.001pp.com/

7． CSDN专业开发者社区网，网址：https://doc.001pp.com/

8． 知乎网，网址：https://doc.001pp.com/

教师评语及设计成绩

教师评语：

（指导教师填写）







课程设计成绩评定：

指导教师： （签名）

日期： 年 月 日





[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]

以上为《课程设计报告 - 模板(Mr yao)》的无排版文字预览，完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。