JavaScript jQuery课程设计剖析

JavaScript+jQuery 开发框架课程设计

题目基于javascript的用户登录

院（系）信息工程学院

专业班级 14级计算机应用技术2班

学生姓名丁文彬

学号 1432101205

设计地点新华学院教13

指导教师陈洋

起止时间：2016年5月30日至2016年6月5日

目录

一、前言------------------------------------------ 3

1.1课程设计思路---------------------------------- 3

1.2课程设计目标---------------------------------- 3

二、关键技术--------------------------------------- 4

2.1HTML相关概念---------------------------------- 4 2.2css ------------------------------------------- 5

2.3javascript ------------------------------------ 6

三、总体设计---------------------------------------- 7

四、详细设计--------------------------------------- 9

五、运行结果--------------------------------------- 19

六、课设总结--------------------------------------- 19

七、参考文献--------------------------------------- 22

一、前言

1.1课程设计思路

在日常生活中我们常常登录用户界面都需要输入验证码，使用验证码可有效防止非法用户的暴力尝试，在现在的很多网站中都使用了各种验证码。在本课程设计中我们采用了较为简单的验证码，就是采用随机产生的数字或符号，生成一幅图片，图片里加上一些干扰，由用户识别其中的验证码信息，输入表单提交网站验证，验证成功后才能使用某项功能。在此我通过定义字符集数字、字母实组成验证码，在利用函数表达式for循环生成6位验证码，验证码输入完成后确定提交弹出提示框。另外在此登录页面中还加入了万年历方便用户查看日期和时间。

1.2课程设计目标

1. 熟练使用javascript和css中的内建对象最终实现一个登录

页面的雏形。

2．熟练使用Get函数的使用和日期函数的调用，从而方便用户查看时间。

3．熟练使用javascript和html实现用户登录，从而提高网页访问速度。

4．能够熟练javascript，通过咨询和考察，最终确定并实验证登录。同时使用户信息更加安全。

二、关键技术

2.1HTML相关概念

1.HTML语言

HTML语言(Hypertext Markup Language，中文通常称为超文本置标语言或超文本标记语言)是一种文本类、解释执行的标记语言，它是Internet上用于编写网页的主要语言。用HTML编写的超文本文件称为HTML文件。

在WWW上，通常使用的发布语言是HTML，即超文本标识语言。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，制作网页的时候，如果不涉及HTML语言，几乎是不可能的。如图：WWW三个组成部分

图2-1WWW的组成

2.HTML文件结构

元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。

之间的内容将显示在浏览器窗口的标题栏。

HTML 文件的正文//元素表明是HTML文档的主体部分。在与之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。

元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如），也有一个结束的标记（如）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。

HTML元素属性:HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的< >内，并且和元素名之间有一个空格分隔；属性值用“”引起来。

2.2css

1.css简介

级联样式表（Cascading Style Sheet）简称“CSS”，它是用来进行网页风格设计。通过设立样式表，可以统一地控制HTML中各标签的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。

2.css文件

当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中作一次更改，而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名，例如 Mystyles.css。

2.3javascript

1．javascript语言

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，响应用户的各种操作。

2.JavaScript嵌入HTML文件

JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器来解释执行。

1)、JavaScript 语句插入 HTML的方式：

（1)使用

闽ICP备16038512号-3 侵权投诉  ©2013-2023 360文档中心,www.360docs.net | 站点地图
本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈