当前位置：
文档之家› JAVASCRIPT课程设计说明书 陈凤萍
JAVASCRIPT课程设计说明书 陈凤萍
课程结束后，上交课程设计报告书和相关的网页。课程设计报告书的格式和内容参见提供的模
板。
四、指导教师和学生签字
指导教师：
学生签名：
五、教师评语：
JavaScript 课程设计
基于 javascript 的电子商务网站开发 摘要
关键字：电子购物车、javascript、cookie、
I
JavaScript 课程设计
SQL SERVER
登录网站
浏览网站
会员注册
会员登录
浏览信
填写个人信 息
提交个人信息
图 3-2 软件结构图
4
浏览商品
购买商品
3.3 网站功能设计
JavaScript 课程设计
在本网站中包括动态切换广告条、浮动广告、中文小日历、电子时钟、数学计算器、 购物车、树形结构菜单、用户注册等，并进行一定的美化和整理，基本完成商务网站的雏 形结构。显示的样式要求如下：
2.3javascript
1．javascript 语言 JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也 是一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动态功能，响应用 户的各种操作。 2.JavaScript 嵌入 HTML 文件 JavaScript 代码可直接嵌入 HTML 文件中，随网页一起传送到客户端浏览器，然后通 过浏览器来解释执行。 1)、JavaScript 语句插入 HTML 的方式： （1)使用 <SCRIPT> 标签将语句嵌入文档 （2)将 JavaScript 源文件(.js)链接到 HTML 文档中 2)、JavaScript 语句插入 HTML 的位置： （1)body 部分的 JS （2)head 部分的 JS：当脚本被调用、事件被触发时执行，可保证在调用函数前，脚 本已载入
五、课设总结......................................................................................... 11 六、参考文献......................................................................................... 12
四、 详细设计....................................................................................... 6 4.1 电子购物车业务流程.................................................................. 6 4.2 主要代码...................................................................................... 7
2.css 文件 当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一 个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一 致性。如果人们决定更改样式，只需在外部样式表中作一次更改，而该更改会反映到所有 与 该 样 式 表 相 链 接 的 网 页 上 。 通 常 外 部 样 式 表 以 .css 做 为 文 件 扩 展 名 ， 例 如 Mystyles.css。
佳； 3、如有多项，请使用 1．2．…作为小标题；如果还有子项，请使用 1）、2）、…作为小标
题；
二、 个人总结
1、标题如上一行，格式同上；内容格式同上； 2、对你整个课程课设过程的体会和总结，不要太简单，按照自己实际完成情况的进行阐
述，要求半页以上。 三、
1.参考文献至少 5 个 2．《课程设计报告书》完成后。装订请严格按照装订顺序，左侧装订。 3．《课程设计报告书》杜绝雷同或抄袭，一旦发现，全部不及格，切记！切记！
目录
一、 前言 1 1.1 课程设计思路.............................................................................. 1 1.2 课程设计目标.............................................................................. 1
容将显示在浏览器窗口的标题栏。
</HEAD>
<BODY>
HTML 文件的正文//<body>元素表明是 HTML 文档的主体部分。在<body>与</body>之
间，通常都会有很多其它元素；这些元素和元素属性构成 HTML 文档的主体部分。
</BODY>
</HTML>
元素：是 HTML 语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始
图 3- 3 商务网站样式
1.广告推荐：一般有动态切换广告条、浮动图片和文字滚动等几种方式，通过动态样 式表甚至可以让图片的切换获得多达 20 多种转场效果。
2．商品浏览：一般用 HTML 表格显示商品的图片、价格、规格等信息，大部分网站都 采用数据库和动态脚本语言来自动生成商品的列表。
3．电子购物车：电子购物车一般有两种方式来实现，一种是在服务器端存储每个用 户的每一次电子购物操作，还有一种是采用客户端 cookie 来实现电子购物车，cookie 是 网站存储在客户端的少量数据，可以让网站的不同网页之间共享相同的变量。
二、关键技术
2.1HTML 相关概念
1.HTML 语言 HTML 语言(Hypertext Markup Language，中文通常称为超文本置标语言或超文本标 记语言)是一种文本类、解释执行的标记语言，它是 Internet 上用于编写网页的主要语言。 用 HTML 编写的超文本文件称为 HTML 文件。 在 WWW 上，通常使用的发布语言是 HTML，即超文本标识语言。当用浏览器打开网页时， 浏览器读取网页中的 HTML 代码，分析其语法结构，然后根据解释的结果显示网页内容， 正是因为如此，制作网页的时候，如果不涉及 HTML 语言，几乎是不可能的。如图：WWW 三 个组成部分
三、 总体设计....................................................................................... 4 3.1 网站总体架构.............................................................................. 4 3.2 网站软件结构.............................................................................. 4 3.3 网站功能设计.............................................................................. 5
4．用户注册功能：创建用户注册程序，需要输入的信息包括注册用户名、口令、姓 名、出生年月日、身份证号码、住址、邮编。重点体现在格式验证通过客户端，无须将数 据提交到服务器端，从而提高了程序的效率，也可以避免程序提交数据的过程中重复输入 的过程。
1
JavaScript 课程设计
2.HTML 文件结构 <HTML>
图 2-1WWW 的组成
<HEAD> <head>元素出现在文档的开头部分。<head>与</ead>之间的内容不会在浏览
器的文档窗口显示，但是其间的元素有特殊重要的意义。
<title></title> <title>元素定义 HTML 文档的标题。<title>与</title>之间的内
的标记（如<body>），也有一个结束的标记（如</body>）。元素的标记要用一对尖括号括
起来，并且结束的标记总是在开始的标记前加一个斜杠。
HTML 元素属性:HTML 元素可以有自己的相关属性，每一个属性还可以由我们网页编制
者赋一定的值。元素属性出现在元素的< >内，并且和元素名之间有一个空格分隔；属性
1.2 课程设计目标
1.能够熟练使用 css 结合 html，通过咨询和考察，最终确定并实现网页布局。同时使 用动态样式表甚至可以让图片的切换获得多种转场效果。
2．熟练使用 javascript 和 cookie 实现电子购物车，从而提高网页访问速度。 3．熟练使用 javascript 中的内建对象最终实现一个电子商务网站的雏形。
三、课程设计要求
1. 课程设计质量：
贯彻事件驱动的程序设计思想，熟练使用 javascript 中的对象，实现网页特效。 网页设计布局合理，色彩搭配合理，网页操作方便。 设计过程中充分考虑浏览器兼容等问题，并做适当处理。 代码应适当缩进，并给出必要的注释，以增强程序的可读性。
2. 课程设计说明书：
二、关键技术........................................................................................... 1 2.1HTML 相关概念.............................................................................. 1 2.2css................................................................................................. 3 2.3javascript................................................................................... 3
