javascript课程设计说明书陈凤萍.docx
《javascript课程设计说明书陈凤萍.docx》由会员分享，可在线阅读，更多相关《javascript课程设计说明书陈凤萍.docx（14页珍藏版）》请在冰豆网上搜索。
javascript课程设计说明书陈凤萍
课程设计报告正文书写要求
1．《课程设计报告书》的正文内容要求和格式如下：
一级标题：
三号宋体加粗
二级标题：
四号宋体加粗
正文内容：
小四宋体
图、表号：
5号宋体
一、报告书格式
1、标题如上一行，格式同上；内容格式同上；
2、内容为对题目的分析，及如何使用现有技术解决，分析过程有针对性有实际内容者为佳；
3、如有多项，请使用1．2．…作为小标题；如果还有子项，请使用1）、2）、…作为小标题；
二、个人总结
1、标题如上一行，格式同上；内容格式同上；
2、对你整个课程课设过程的体会和总结，不要太简单，按照自己实际完成情况的进行阐述，要求半页以上。
三、
1.参考文献至少5个
2．《课程设计报告书》完成后。
装订请严格按照装订顺序，左侧装订。
3．《课程设计报告书》杜绝雷同或抄袭，一旦发现，全部不及格，切记！
切记！
潍坊科技学院
JavaScript课程设计
报告书
设计题目基于javascript的电子商务网站开发
专业班级
学生姓名
学号
指导教师
日期2012.12.24~2012.1.11
成绩
课程设计任务书
院系：
专业：
班级：
学号：
一、课程设计时间
2012年12月24日至2013年1月11日，共计3周。
二、课程设计内容
使用html+javascript+css完成以下任务：
1、能够熟练使用css结合html实现网页布局。
2、熟练使用文档对象模型和事件驱动，能够很好的实现web表单的交互式操作。
3、熟练使用javascrip中的对象，实现网页的动态效果。
三、课程设计要求
1.课程设计质量：
✧贯彻事件驱动的程序设计思想，熟练使用javascript中的对象，实现网页特效。
✧网页设计布局合理，色彩搭配合理，网页操作方便。
✧设计过程中充分考虑浏览器兼容等问题，并做适当处理。
✧代码应适当缩进，并给出必要的注释，以增强程序的可读性。
2.课程设计说明书：
课程结束后，上交课程设计报告书和相关的网页。
课程设计报告书的格式和内容参见提供的模板。
四、指导教师和学生签字
指导教师：
学生签名：
五、教师评语：
基于javascript的电子商务网站开发
摘要
关键字：
电子购物车、javascript、cookie、
目录
一、前言1
1.1课程设计思路1
1.2课程设计目标1
二、关键技术1
2.1HTML相关概念1
2.2css3
2.3javascript3
三、总体设计4
3.1网站总体架构4
3.2网站软件结构4
3.3网站功能设计5
四、详细设计6
4.1电子购物车业务流程6
4.2主要代码7
五、课设总结12
六、参考文献12
一、前言
1.1课程设计思路
电子商务网站基本组成部分包括广告推荐、商品浏览、电子购物车、用户注册，采用JavaScript实现的大部分是客户端逻辑部分，与数据库打交道基本上是由服务器端脚本语言来进行的。
JavaScript在创建电子商务网站的过程中如果运用得当将使网站的效率得到很大的提高，同时也将提高网站的人性化程度。
1.2课程设计目标
1.能够熟练使用css结合html，通过咨询和考察，最终确定并实现网页布局。
同时使用动态样式表甚至可以让图片的切换获得多种转场效果。
2．熟练使用javascript和cookie实现电子购物车，从而提高网页访问速度。
3．熟练使用javascript中的内建对象最终实现一个电子商务网站的雏形。
二、关键技术
2.1HTML相关概念
1.HTML语言
HTML语言（Hypertext Markup Language，中文通常称为超文本置标语言或超文本标记语言）是一种文本类、解释执行的标记语言，它是Internet上用于编写网页的主要语言。
用HTML编写的超文本文件称为HTML文件。
在WWW上，通常使用的发布语言是HTML，即超文本标识语言。
当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，制作网页的时候，如果不涉及HTML语言，几乎是不可能的。
如图：
WWW三个组成部分
图2-1WWW的组成
2.HTML文件结构
元素出现在文档的开头部分。
与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。
元素定义HTML文档的标题。</p><p><title>与之间的内容将显示在浏览器窗口的标题栏。
HTML文件的正文//
元素表明是HTML文档的主体部分。
在
与之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。
元素：
是HTML语言的基本部分。
元素总是成对出现，每一对元素一般都有一个开始的标记（如
），也有一个结束的标记（如）。
元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。
HTML元素属性:
HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。
元素属性出现在元素的<>内，并且和元素名之间有一个空格分隔；属性值用“”引起来。
2.2css
1.css简介
级联样式表（CascadingStyleSheet）简称“CSS”，它是用来进行网页风格设计。
通过设立样式表，可以统一地控制HTML中各标签的显示属性。
级联样式表可以使人更能有效地控制网页外观。
使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
2.css文件
当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。
在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。
如果人们决定更改样式，只需在外部样式表中作一次更改，而该更改会反映到所有与该样式表相链接的网页上。
通常外部样式表以.css做为文件扩展名，例如Mystyles.css。
2.3javascript
1．javascript语言
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。
同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，响应用户的各种操作。
2.JavaScript嵌入HTML文件
JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器来解释执行。
1）、JavaScript语句插入HTML的方式：
（1）使用
查看购物车
运行结果如下：
图42购物商店运行结果
在任意商品名称后单击加入购物车按钮，然后按查看购物车按钮可以列出购物车内的物品并计算总价格。
图4-3查看购物车
五、课设总结
这套程序经过我们小组的一起努力终于完成，通过这次程序设计，我感慨颇多，首先认识到集体力量的伟大，没有集体智慧的结合，就不会有我们这套系统的运行，其次，我感觉这次课程设计不再局限于书本知识，而是让我们学以致用，是理论与实际相结合的产物。
通过这次课程设计，我也感觉到自己的水平还有待提高。
我们有很多灵感和创意非常好，但因为技术上的缺陷却无法更好的展示它。
经常说创意大于技术，但如果没有技术的支持，再好的创意也是纸上谈兵，毫无用处。
所以我们距离制造出自己想要的作品还有很长的路要走，要多学多看，领悟优秀作品的思想，启发自己的灵感，最重要的，提高技术。
只有掌握了技术，自己才可以变被动为主动，制造出自己理想中的作品。
在课程设计过程中，我们不断发现错误，不断改正，不断领悟，不断获取。
最终的检测调试环节，本身就是在践行“过而能改，善莫大焉”的知行观。
这次课程设计终于顺利完成了，在设计中遇到了很多问题，最后在老师的指导下，终于游逆而解。
课程设计诚然是一门专业课，给我很多专业知识以及专业技能上的提升，同时又是一门讲道课，一门辩思课，给了我许多道，给了我很多思，给了我莫大的空间。
同时，设计让我感触很深。
使我对抽象的理论有了具体的认识.。
我认为，在这学期的实验中，不仅培养了独立思考、动手操作的能力，在各种其它能力上也都有了提高。
更重要的是，在实验课上，我们学会了很多学习的方法。
而这是日后最实用的，真的是受益匪浅。
六、参考文献
[1]NicholasC.Zakas．JavaScript高级程序设计．北京：
人民邮电出版社出版社，2006年11月．
参考文献至少5个，格式同上。
升级会员 