JavaScript+jQuery课程设计选读.docVIP

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课程设计思路 在日常生活中我们常常登录用户界面都需要输入验证码，使用验证码可有效防止非法用户的暴力尝试，在现在的很多网站中都使用了各种验证码。在本课程设计中我们采用了较为简单的验证码，就是采用随机产生的数字或符号，生成一幅图片， 图片里加上一些干扰，由用户识别其中的验证码信息，输入表单提交网站验证，验证成功后才能使用某项功能。 4．能够熟练javascript，通过咨询和考察，最终确定并实验证登录。同时使用户信息更加安全。 二、关键技术 2.1HTML相关概念 1.HTML语言 HTML语言(Hypertext?Markup?Language，中文通常称为超文本置标语言或超文本标记语言)是一种文本类、解释执行的标记语言，它是Internet上用于编写网页的主要语言。用HTML编写的超文本文件称为HTML文件。在WWW上，通常使用的发布语言是HTML，即超文本标识语言。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，制作网页的时候，如果不涉及HTML语言，几乎是不可能的。级联样式表（Cascading Style Sheet）简称“CSS”，它是用来进行网页风格设计通过设立样式表，可以统一地控制HTML中各的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中作一次更改而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名，例如 Mystyles.css。JavaScript 语句插入 HTML的方式： （1)使用 SCRIPT 标签将语句嵌入文档 （2)将 JavaScript 源文件(.js)链接到 HTML 文档中 2)、JavaScript 语句插入 HTML的位置： （1)body部分的JS （2)head部分的JS：当脚本被调用、事件被触发时执行，可保证在调用函数前，脚本已载入 三、总体设计 3.1通过定义字符集数字、字母实组成验证码? var?codeChars?=?new?Array(0,?1,?2,?3,?4,?5,?6,?7,?8,?9,?? a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,?A,?B,?C,?D,?E,?F,?G,?H,?I,?J,?K,?L,?M,?N,?O,?P,?Q,?R,?S,?T,?U,?V,?W,?X,?Y,?Z);? 3.2?通过函数表达式for循环生成6位验证码? var?codeLength?=?6;? for?(var?i?=?0;?i??codeLength;?i++)????????????? ?{? ????var?charNum?=?Math.floor(Math.random()?*?52);???????????????? ?code?+=?codeChars[charNum];?????????? ?}? ???if?(checkCode)????????????? ?{? ?????checkCode.className?=?code;??????????????? ?checkCode.innerHTML?=?code;???????????? ?}??????? ??}? 3.3?通过输入验证码确定提交弹出提示框? ?functi