个人网站的设计与实现 苏州技师学院信息工程系2012届毕业设计论文

PAGEPAGE25苏州技师学院2012届毕业设计（论文）个人网站的设计与实现院（系）信息工程系专业高级计算机网络技术班级信息0706班姓名周军指导教师华康起迄日期3月1日～6月10日摘要：这几年，许多新名词涌入我们的视野：博客、圈子、播客、WAP等。这些都预示着我们进入了一个新的互联网阶段web2.0，它是相对web1.0的新的一类互联网应用的总称，是一次从核心内容到外部应用的革命[10]。这个阶段发展迅速，互联网应用趋于多样化，其中变化最大的是由web1.0网站创造内容的时代变为由用户创造内容的web2.0时代。在web2.0应用中，博客(Blog)是web2.0核心应用中最典型、最流行的代表之一，也是web2.0技术应用的最直观的表现，是web2.0精神和理念的具体体现。Abstract:These

years,manynewwordscomeintoourvision:blogs,podcasts,WAPcircleandsoon.AlltheseareasignthatwehadenterintoanewInternet--web2.0.Comparedwithweb1.0,itisanewstageofthe

Internetandtherevolutionfromcorecontent

toexternalapplications.Withthedevelopment

inthistime,

theapplicationsof

Internet

tenddiversification,thebiggestdifferentisthechangefromthecreationofweb1.0tocreationofuser.Inweb2.0applications,theBlogisthemosttypicalandrepresentiveone.Itisalsotheperformanceofspiritand

ideaof

web2.0.

目录第一章绪论………...41.1需求分析 4市场分析 4商业分析 51.2个人网站应该如何发展 51.2.1定位内容 5定位服务群体 5定位发展方向和策略 51.3设计背景 61.4设计概况 7第二章网站设计 72.1风格和创意设计 7风格 8创意 8第三章网站主页 93.1个人主页设计与要点 9简洁性 9一致性 9对比性 9色彩均衡性 103.2个人相册功能 10相册风格及思维 11相片修改技巧 11设计前的准备工作 113.3留言板功能 123.3.1个人体悟 13留言板代码 14第四章网站设计难点 154.1用户注册功能 1541.1用户注册模块代码 174.2用户登录功能 19用户登录模块代码 19第五章设计总结 21参考文献…………22致谢 ………………22绪论1.1需求分析随着互联网的高速发展和web2.0时代的到来，越来越多的网站如雨后春笋般涌现出来。根据中国互联网络信息中心发表的权威报告显示，截至09年6月底，我国网站数达到287.8万个。网站数量的剧增，导致竞争的加剧。于是越来越多的，尤其是个人，开始对网站的发展前景表示担忧。甚至有人断言，个人网站的时代已经过去。1.1.1市场分析虽然我国网站在数量上已经达到百万规模，但并不表明我国网站行业的市场已经完全饱和。根据前述的权威报告显示，截至09年6月底，我国网民数达到3.38亿，网络普及率25.5%。这个数据说明了两个问题。第一个，我国的网民数量是非常庞大的。第二个，我国的网民数量增长潜力还是很大的。那么，个人网站的发展空间也肯定是有的。1.1.2商业分析个人网站与商业网站相比并没有绝对的优势与劣势。商业网站的优势在于资金的充足可以为其带来更广泛的宣传与推广，人力的充足可以给其带来更大的数据和信息量，以及技术上的优势可以为其带来更先进的功能。但这些，并不是一个网站最核心的价值。网站最核心的价值在于给网民带来最有价值的信息或服务。但没有哪一个网站敢于承认我所有的服务、信息、功能都会得到所有网民的青睐。正所谓众口难调。那么，这就给个人网站带来了空间。个人网站的优势在于小成本运营，不需要耗费大量资金去请人力、物力。这样，个人网站就摆脱了投入与回报问题的困扰。只需要用心做出自己的特色就行了。而由于中国网民的庞大，不同网民又有不同的喜好与要求，那么一个有特色的个人网站也肯定能够从这庞大的网民群体分一杯羹。而由于个人网站基本可以忽略成本的问题，那么只要个人网站能从中争取一小部分市场，哪怕是个小虾米，获得的收益也是非常可观的。1.2个人网站应该如何发展1.2.1定位内容应该做好定位。由于个人网站在资金、技术、人力等方面的不足，个人网站一定要避免去与大型的商业网站竞争。而要从自身的优势、长处出发，做出自己的特色。为一小部分特定的人群带去最有价值的服务和信息。这是大型的商业网站所不能触及到的。因此，个人网站的定位应突出小而精、要有自己的特色，要保证网站内容的质量。1.2.2定位服务群体应定位好网站服务群体。要分析你的网站主要是给哪一群体提供信息和服务。会得到哪一群体的欢迎的青睐。这些群体分布在哪里，通常在哪些地方或网络聚集。最有做好这样的定位，才能做出相应的推广方案。1.2.3定位发展方向和策略要规划好网站的发展方向和策略。你的网站现在是什么样子，服务群体是谁，下一步会是什么样子，服务群体是谁。第一步是争取那部分人群，下一步是争取哪部分人群。我认为，一个新的小站的比较合理的发展策略应该是先争取那部分新诞生的网民，然后再去争取那些老网民，同其他同类网站竞争。据统计，我国每年新诞生的网民接近一亿。所以，如果能在这些新网民中争取一部分市场对网站的发展则是非常有利的。而且新网民对网络更有新鲜感，如果你能在第一时间向这些新网民呈现你的网站，那么很可能他以后上网就会认准你的站。就像百度作为中国最早的中文搜索引擎，其市场地位一直难以被技术资金方面都有绝对优势的google取代。我觉得，重要的原因就在于他在第一时间抢占了最新的搜索市场。1.3设计背景网站设计是一门新兴的边缘性职业，如今全球信息技术和互联网经济的高速发展，使网站设计同其他诸如动画设计，程序开发，电子商务等等一系列职业一样应运而生。网站如同一个门面，从个人主页，公司企业，政府部门以致国际组织等等，无不将网站作为自己向外界展示形象，传达信息的窗口。正是互联网为信息交换提供了广泛的平台，对这种新兴的信息传播介质感兴趣的人们也越来越多，无以数计的网站的出现，丰富了这个世界和人们的生活。各种类型的网站如个人网站，企业网站，娱乐网站，门户网站的诞生如雨后春笋。越来越多的人们志兴于网站设计，互连网络上各类网站就是由这些专业的，或者不专业的，职业的，或者爱好的网页设计人员进行开发设计，然而毕竟林子长成了森林，里面鸟也多了起来，良莠不齐的设计人员所做出的作品也是鱼龙混杂。随着软件业尤其是绘图的应用软件以及网页设计的软件的不断升级，使用起来愈加方便。打个比方：原来的网页全是如同文本编辑一样，图片的定位就相当困难，往往要求助于表格，很多时候就要表格加表格，表格里插表格，这就需要熟练的掌握表格的应用。而且还很难达到目标，有时不得不更改一些自己的目标。这有时是牵一发而动全身的。现在呢？在Dreamweaver和Frontpage2000出现后，采用了高级的Dhtml技术以层的形式和定位功能将这个问题轻松的解决了。个人网站致力于为广大用户提供优质的互动交流平台,提高网站的知名度和访问量，从而获得为个人网站提供更多展示的机会，提升自己网站的价值。为了满足网站信息管理系统的要求，实现系统静态与动态页面的相互分离。论文首先论述了系统的开发背景和设计目标，并对系统开发所采用的技术进行相应的简单介绍。在系统分析中，对系统的模型进行简单分析，明确系统的操作流程，并对系统进行可行性分析，确定在目前的条件下，开发网站信息管理系统是可行的。在需求分析结果的基础上，对系统的功能模块进行划分。接着对系统中的数据库进行模型设计，包括数据流图、实体联系图及数据表结构。在系统的设计与实现中，确定系统的开发思想以及开发环境，并对系统中的JavaBean和Servlet代码进行设计。最后给出了系统中模块的详细设计与实现，并对系统模块涉及到的关键源代码进行了详细的分析。经过调试运行后表明，系统可以满足用户创建个人网站的各项要求。1.4设计概况随着网民数量的飞速增长，个人主页网站也在快速的增加。目前各大网站都相继推出了博客频道，把个人网站推向了高潮。个人网站作为一种新的表达方式，它传播大量的智慧、意见和思想。从某种意义上说，它也是一种新的文化的象征，个人网站的出现和繁荣，真正体现了网络的知识价值，标志着互联网发展迈向更高的阶段。本学期学的web数据库原理，正是数据库和web网站技术的结合使用。本课题为Web应用的管理系统，目的在于可以让用户更方便、快捷的发布信息，实现便利、人性化的信息交流平台，运用Access数据库和Dreamweaver8.0开发平台。DreamweaverV8.0提供了一种基于组件的、可扩展的且易于使用的方法，用于构建、部署和运行供所有在浏览器或移动设备中使用web应用。Dreamweaver8.0继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。Access它具有界面友好、易学易用、开发简单、接口灵活等特点，是典型的新一代桌面数据库管理系统。其个人主页包括用户的登录、注册和个人日志、相册、留言板一共五个模块。第二章网站设计2.1风格和创意设计网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。当我们说："这个站点很cool，很有个性！"那么，是什么让你觉得很cool呢？它到底和一般的网站有什么区别呢？本文试图用最简明的语言来说明：1.风格是什么，如何树立网站风格？2.创意是什么，如何产生创意？2.1.1风格抽象是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”，你可以用人的性格来比喻站点。有风格的网站与普通网站的区别在于：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。如何树立网站风格呢？我们可以分这样几个步骤：第一，确定本论文风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的，无须置疑。第二，你需要彻底搞清楚自己希望站点给人的印象是什么。第三，在明确自己的网站印象后，开始努力建立和加强这种印象。风格的形成不是一次定位的，你可以在实践中不断强化，调整，修饰，直到有一天，网友们写信告诉你："我喜欢你的站点，因为它很有风格！2.1.2创意创意是网站生存的关键。这一点相信大家都已经认同。创意到底是什么，如何产生创意呢？创意是引人入胜，精彩万分，出奇不意的；创意是捕捉出来的点子，是创作出来的奇招这些讲法都说出了创意的一些特点，实质上，创意是传达信息的一种特别方式。比如Webdesigner(网页设计师)，我们将其中的E字母大写一下:wEbdEsigEr，感觉怎么样，这其实就是一种创意！创意并不是天才者的灵感，而是思考的结果。根据美国广告学教授詹姆斯的研究，创意思考的过程分五阶段：1.准备期--研究所搜集的资料，根据旧经验，启发新创意；2.孵化期--将资料咀嚼消化，使意识自由发展，任意结合；3.启示期--意识发展并结合，产生创意；4.验证期--将产生的创意讨论修正；5.形成期--设计制作网页，将创意具体化。网站主要实现功能个人网站是一个集计算机网络技术、多项信息办公自动化等功能于一体的交流平台，系统的主要功能实现如下表所示：数据流程图该图是从用户的角度开始的，浏览用户可以更好的浏览个人网站的信息。个人网站包括：管理系统模块包括：注册模块包括：登陆模块包括：数据库设计1．用户信息表：2．留言板管理员信息表：3.留言板用户信息表：第三章网站主页3.1个人主页设计与要点新建动态ASP网页shgy.asp，在设计视图中，插入表格，在“属性”面板中“背景图像”选择所需要的背景图片。在单元格中输入标题、内容，在属性中选择超链接，选择所要显示文章的具体位置。3.1.1简洁性从人记忆能力角度来说，由于人的大脑一次最多可记忆五到七条信息，因此如果希望人们在看完你的页面后能留下印象，最好也应该用一个简单的关键词语或图像吸引他们的注意力。给用户在需要的页面空间上留白，就像大画家的画作留白是恰到好处的那样，不是整个页面充斥着信息、图片就是好的；懂得通过留白来塑造简洁。3.1.2一致性对于一个人的个人主页来说，它的各个页面要求是一致的。这个一致反映在功能导航、元素设计、颜色、字体、颜色字体对比等方面的。一个模版表达一种风格，用户选择这种模版，其实是用户个性的反映；他希望通过模版来反映自己的特性，在以后的“人际交流”中可以明显地识别自己和找到自己的同好。一致性还体现在和网站整体风格的趋同性上，不是简单的颜色统一，因为用户需要不同的背景色来映衬自己，而是设计原则上的一致。3.1.3对比性为什么有些网页，看起来内容很多，但是给人的感觉还是简洁的呢？这就是因为网页设计时注重到了对比性，它是需要表现的内容多和间接性要求的调和者。简单来说，注意网页上导航和内容，不同位置的字体，不同地段的留白，颜色的突出和淡化等，是对比性必须注意的地方。我觉得校内网的个人首页在对比性上做的比较好，它既满足了学生们对于自身所有信息的直白关注又做好了简洁，对比是做了很大的贡献的。3.1.4色彩均衡性其实色彩是包含在前面三个属性中的，但是它是对用户视觉冲击力最大，最能影响用户喜欢意愿度的一个元素。要想你的网站吸引人，一个色彩敏感而能够把握用户体验的美工是必须的。一般每页使用的字体不超过三种，一个页面中使用的颜色少于256种。除了注意和学习一般的颜色冲突外，可以多多借鉴国外网站的颜色搭配和布局。图4-1个人主页主界面3.2个人相册功能登录成功后，页面跳转到个人主页界面。在主页上显示个人日志和相册的框架，点击个人相册即可进入个人相册界面。点击图片即通过链接会显示Flash相册，可一页页翻动图片，使相册逼真动人。个人相册是一个展现自我和体现个人网站设计水平的一个重要部分，所以我们在设计个人相册时可不能马马虎虎随便设计。3.2.1相册风格及思维3风格先仔细看看照片毛片小样，理解照片的风格及摄影师拍摄主题或想法，边看边构思设计思路。根据设计风格及相册设计标准，先设计自己固定或擅长的模版和手法，先易后难。如先去运用手法(跨页设计、融合版面、立体效果版面、主题、黑白变调、粗颗粒、水彩、素描效果、色块、线条、文字的运用最后准备套版或准备2-3个版面进行创意设计或综合目录等手法，满足美工张数与P数的平衡。)对于以上手法要能熟练运用，举一反三的效果，及手法运用，及效果的选片技巧(平时积累。)要会灵活运用照片本身的设计元素和主题，多变多尝试。3照片虚化的处理1．把照片做小。2．把照片做大，进行淡化、虚化，做为背景。再重复做一张小照片，做成虚实的对比，增强视觉效果。3.以效果的形式呈现，如粗颗粒、水彩、油画、素描等，通过效果转移对比照片的视线。4．运用工具栏里的锐化工具适当调整像素大小锐化。3.2.2相片修改技巧把修片难度大的照片尽量做小，减少修片量与修片的效果真实性。穿帮部位基本分部为：女：1.胸部穿帮；2.头上发夹；3.腰或背面的大别针、夹子、纱破损、美目贴脱落、背景脏等方面；男：1.拉链；2.头发中露出头皮；3.其他为非主题拍入。修片方法：修片使用工具一般如运用图章修片要求不透明度设定在百分之30-90均可，或用修补工具等多种手法，视个人习惯而定，一般以效果和效率相匹配即可。修片时注意方法。可先修头脸部，其修服装，再修背景，这样能把握大局，也不宜有漏项，修饰以“影响美感”为主题内容进行处理和修饰，不要修小不修大。3.2.3设计前的准备工作将素材库进行分类整理，如婚纱、中文、图案、效果、写真、儿童、合家欢等。要选适合自己风格的东西，整理归类，便于随时找到运用。建立照片风格、手法、套系、效果等样照文件夹，平时取长补短、不断完善，做到灵活运用。熟练和精通PHOTO的工具和性能及快捷键的使用。对于有些固定版面及需设计的手法，用PHOTO作成可调整的“动作”模式，归案备用，减少工作量，提高工作效率。对于美工的张数与P数问题，结合自己的习惯与别人的方法，以删减法进行，最后进行检查，确保别多做或少做。如文件较多或设计相册本数较多的情况，可将文件按制作单要求先进行张数的分类，逐本解决制作。要学会时间管理与控制，对于设计风格及速度要养成效果与效率相结合的办法，提高效果。新建动态ASP网页grxz..asp，在设计视图中，插入表格，在表格中插入图片，选择所需要的照片。右击图片选择“属性”，选择“创建链接”，选择Flash相册。则运行时就可看到生动的个人相册。图4-2个人相册界面3.3留言板功能进入留言板功能，输入名字，和所要留言的内容，确定留言即可在页面上显示刚发表的留言内容，同时会显示个人头像的图片3.3.1个人体悟看到朋友光临我的个人网站，真的好高兴。我是来访必复的，点击对方的图案进入到对方博客。哎呀，一大溜英文字母，写的是什么？看不懂。既然来了，总得表示表示吧。点击鼠标键往下拉，对方竟删除了留言板。说实话很不想进去，因为看不懂啊，看不懂是没有发言权的。但对方已到过我的博客，不留点什么是很过意不去的。你可以说我虚伪，但现实中的人不都这样吗？有些朋友是令人烦于应付的，但人们仍不得不虚与委蛇，甚至投入大量的人力物力。在网络中又不花费什么，只是多用一点时间而已。再说我不是对这些朋友没有好感，只是他们发表的文章我看不懂。回访是我应该做的，礼尚往来嘛。进入对方的博客应该是一种礼貌，在学校老师就经常讲要懂礼貌，进去后理所当然要留点什么。没有巧舌如簧，只好写上：拜访朋友、祝永远快乐、祝万事如意之类的话。有时也感觉对不起朋友，但没办法，只能写上这些，而这些写在留言板上就行了。忽然感到留言板的重要性。以前总感到留言板没什么用，对留言板的内容也从未认真瞧过，反正知道对方来了，说了一些祝福的话，我做出回复就是了。对于一些博友博客中的内容实在不感兴趣，如广告、名人绯事等，自己总也耐住性子浏览一下，并说出自己的看法。其实我很想在留言板上驻足的。只是想这样对朋友不够尊重。我是个封建礼教观念很强的人，所以总是要进入对方博客看一下。碰到删除留言板的博友，也往往会想：如果对方有留言板就好了。虽然明知即使对方有留言板自己也不会简单从事。人有时真是个矛盾综合体，但遇到这些英文文章，对方总不能说我不够真诚了吧！我不是不想进入你的博客，而是我确实看不懂，我可以理直气壮的说。但对方偏偏删除了留言板，于是不得不十分怀念留言板。也仔细想过留言板的作用，心中对留言板也有了新的认识。看不懂对方的博客，在留言板上留言，说些祝福的话，送一些温馨给朋友；对不感性趣的博客，在留言板上留言，说些甜言蜜语，说明你来过了；对很长时间不更新博客的朋友，而你在他的博客里已找不到新的话题，写下留言吧，证明你没忘记他；对一些一直对自己敷衍的朋友，该留言就留言吧，必竟感情的投入应该是双方面的。对于博客我已付出我的真诚，虽然这些真诚令我有时感到迷惘，有时感到痛苦，但我始终不曾后悔。人总有一天会长大的，总有一天会有很多选择在自己面前。图4-3留言板界面3.3.2留言板代码新建动态ASP网页gwly.asp，在设计视图中，插入表格，构建留言板框架。在代码视图中输入以下代码部分代码如下：<head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>我的个人主页</title><linkrel="stylesheet"type="text/css"href="css.css"media="screen"/><scripttype="text/javascript">functionOnClick(event){if(document.getElementsByName("name")[0].value==""){ document.getElementsByName("name")[0].value="匿名"; }if(document.getElementsByName("textName")[0].value==""){alert("请输入内容");return;}vartable;vartableList=document.getElementsByTagName("TABLE");for(vari=0;i<tableList.length;i++){if(tableList[i].name=="tableName"){table=tableList[i]break;}}varvalue=document.getElementsByName("textName")[0].value;varname=document.getElementsByName("name")[0].value;varindex=table.rows.length;table.insertRow(index);table.rows(index).insertCell(0);table.rows(index).cells(0).innerHTML="<tableclass='datalist'><tr><tdrowspan=2width='80'><imgsrc=images/head.jpg/></td><th>"+name+"</th></tr><tr><td>"+value+"</td></tr></table><hr/>";document.getElementsByName("textName")[0].value="";document.getElementsByName("name")[0].value="";}</script><linkrel="stylesheet"type="text/css"href="css.css"/></head>第四章网站设计难点4.1用户注册功能将用户注册表单资料提交到数据库中。在写入之前调用验证模块，对用户填写的资料进行验证。如对两次输入的密码是否一致进行验证，对E-Mail地址是否含有@字符进行验证，如果验证失败，提示出错要求用户重新输入，账号是否已经存在，如果存在，自动转向到注册失败页面。在注册表单中必填的字段有账号（m_username）、密码（m_passwd）、确认密码（m_repass）、和电子邮件（m_email）。比较重要的验证是两次输入密码要一致，而且电子邮件格式必须正确。选择checkform插件，在弹出的验证对话框中选择表单中要检验的控件。在注册数据经过客户端合法性验证之后，就是插入记录。单击“应用程序\服务器行为”面板上左上角的加号（+）按钮，在弹出的菜单中选择“插入记录”的命令。用户的注册信息提交到服务器端后，这些信息被保存在tRegister表中，每一位用户的注册信息对应数据库中的一条记录，如表2-1所示。字段名数据类型长度必须字段允许空值备注ID自动编号YN用户编号，主键User文本50YN用户账号Passwd文本50YN用户密码Email文本50YN用户EmailQQ数字50NY用户QQ，可不填MSN文本50NY用户MSN，可不填表3-1Register数据表图3-1用户注册界面41.1用户注册模块代码部分代码如下：<htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><styletype="text/css"><!--.STYLE5{font-family:Arial,Helvetica,sans-serif;font-size:10;}.STYLE6{font-size:10}.STYLE7{color:#FF0000}.STYLE8{color:#000000}--></style><scripttype="text/JavaScript"><!--functionMM_findObj(n,d){//v4.01varp,i,x;if(!d)d=document;if((p=n.indexOf("?"))>0&&parent.frames.length){d=parent.frames[n.substring(p+1)].document;n=n.substring(0,p);}if(!(x=d[n])&&d.all)x=d.all[n];for(i=0;!x&&i<d.forms.length;i++)x=d.forms[i][n];for(i=0;!x&&d.layers&&i<d.layers.length;i++)x=MM_findObj(n,d.layers[i].document);if(!x&&d.getElementById)x=d.getElementById(n);returnx;}varargs=YY_checkform.arguments;varmyDot=true;varmyV='';varmyErr='';varaddErr=false;varmyReq;for(vari=1;i<args.length;i=i+4){if(args[i+1].charAt(0)=='#'){myReq=true;args[i+1]=args[i+1].substring(1);}else{myReq=false}varmyObj=MM_findObj(args[i].replace(/\[\d+\]/ig,""));myV=myObj.value;if(myObj.type=='text'||myObj.type=='password'||myObj.type=='hidden'){if(myReq&&myObj.value.length==0){addErr=true}if((myV.length>0)&&(args[i+2]==1)){//fromtovarmyMa=args[i+1].split('_');if(isNaN(myV)||myV<myMa[0]/1||myV>myMa[1]/1){addErr=true}}elseif((myV.length>0)&&(args[i+2]==2)){varrx=newRegExp("^[\\w\.=-]+@[\\w\\.-]+\\.[a-z]{2,4}$");if(!rx.test(myV))addErr=true;}elseif((myV.length>0)&&(args[i+2]==3)){//datevarmyMa=args[i+1].split("#");varmyAt=myV.match(myMa[0]);if(myAt){varmyD=(myAt[myMa[1]])?myAt[myMa[1]]:1;varmyM=myAt[myMa[2]]-1;varmyY=myAt[myMa[3]];varmyDate=newDate(myY,myM,myD);if(myDate.getFullYear()!=myY||myDate.getDate()!=myD||myDate.getMonth()!=myM){addErr=true};}else{addErr=true}}elseif((myV.length>0)&&(args[i+2]==4)){//timevarmyMa=args[i+1].split("#");varmyAt=myV.match(myMa[0]);if(!myAt){addErr=true}}elseif(myV.length>0&&args[i+2]==5){//checkthis2varmyObj1=MM_findObj(args[i+1].replace(/\[\d+\]/ig,""));if(myObj1.length)myObj1=myObj1[args[i+1].replace(/(.*\[)|(\].*)/ig,"")];if(!myObj1.checked){addErr=true}}elseif(myV.length>0&&args[i+2]==6){//thesamevarmyObj1=MM_findObj(args[i+1]);if(myV!=myObj1.value){addErr=true}}}elseif(!myObj.type&&myObj.length>0&&myObj[0].type=='radio'){varmyTest=args[i].match(/(.*)\[(\d+)\].*/i);varmyObj1=(myObj.length>1)?myObj[myTest[2]]:myObj;4.2用户登录功能根据用户提交的用户名和密码判别账号是否合法。如果账号密码不匹配，转向登录失败页面，否则转向登录成功页面。在提交前也需要合法性验证，确保用户输入的用户名和密码不为空。在登录表单中，要求用户必须输入用户名和密码，才能向服务器提交表单，也就是“用户名称”和“用户密码”文本框不能为空。用VBScript脚本完成验证的功能。单击“应用程序\服务器行为”面板上左上角的加号（+）按钮，在弹出的菜单中选择“登录用户”对话框，分别在“用户名字段”“密码字段”下拉列表框中选择登录表单中对应用户名和密码的文本框名称，在“使用连接验证”下拉列表框选择数据库连接“connMemSystem”，在“表格”下框中选择用户资料所在的数据表“Register”。图3-2用户登录界面4.2.1用户登录模块代码部分代码如下：<head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>用户登陆</title><styletype="text/css"><!--.STYLE1{ font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold;}.STYLE2{ font-family:Arial,Helvetica,sans-serif; font-size:12px;}--></style><scriptlanguage="VBScript"><!--functionform1_OnSubmit() iftrim(form1.m_username.value)=""then MsgBox"用户名不能为空！",0+64,"系统提示" form1_OnSubmit=false exitfunction endif iftrim(form1.m_passwd.value)=