ASP动态网页编程-实验指导书.doc

ASP动态网页编程实 验 指 导 书目 录实验一留言板的制作1实验二 会员注册和登陆2实验三 网页特效的应用4实验四 新闻发布系统的制作6实验五 网站安全的设置和应用7实验六 网站后台管理系统的制作9实验七 需求分析的实战演练9实验八 企业网站的制作102011年 2月 21日实验一留言板的制作实验目的:通过对留言板实现的过程进行步骤和原理讲解，并辅导学生完成制作，让学生能逐渐理解动态网页。实验内容: 素材见ccy文件夹1-数据表(库):存放数据-收信人在sujuku文件夹中,右键新建access数据库文件,并命名为sujuku.mdb,打开数据库,使用设计器创建,根据需要增加字段后(nr用备注格式,sj用日期/时间,默认值为now),保存为lyb2-表单页面:填写数据-写信人在DREAMWEAVER新建页面,根据数据表lyb的字段,增加对应的表单,表格及文本框等对象进行排版,再保存命名为lybd.asp到网站文件内(与4个子文件夹并列);将文本框的名称改为与数据表lyb的对应字段名称一致;新建页面,命名为lydm.asp,并保存到dongtai文件内;回到lybd.asp,点中左下角标签form,将表单页面lybd.asp发送到lydm.asp3-代码页面:传送数据-邮递员将留言代码复制到lydm.asp的代码视图内保存即可.实验思考:掌握留言板的制作过程，并举一反三地理解程序增加功能的过程。实验二 会员注册和登陆实验目的:通过对会员系统实现的过程进行步骤和原理讲解，并辅导学生完成制作，让学生提高对动态过程步骤的理解。实验内容: 素材见ccy文件夹首先创建一个文件夹，用来存放数据库，网页。具体的创立方式为：文件夹名首页include文件夹(用来存放conn.asp)reg文件夹（用来存放其它asp类型的网页）database文件夹（用来存放数据库）img文件夹（存放图片）一.数据库部份：1.建立数据库，在access中创完成数据库的创建，并把数据库保存到database文件夹2.连接数据库，新建一个网页，在代码视图中输入下列代码：将代码中的(./database/book.mdb)中的book.mdb换成你所创建的数据库名（记住是数据库名，而不是表名）如所创建的数据库名为aa,则输入(./database/aa.mdb)然后将网页保存为conn.asp,并保存到include文件夹中。二.注册部分：1.注册页面：与留言板的页面一类似：将要提交的文本域名进行修改，在表单中的action中输入要提交的页面名.具体步骤：首先插入一个表单，然后在表单内插入表格。在表格中插入相应的文本、文本域（如用户名，密码等）和按钮。修改文本域的名称，最后点击表单切换到代码视图中，在中的action= 中输入要提交到的网页名称。在此因为我们将其它网页都保存到reg文件夹中，所以action= 要输入的是action=reg/网页名(表示连接到reg文件夹中的网页）2.判断页面：将注册页面内所送的文本域内容读入相对应的变量。先判断所输入的用户名是为空，是的话返因到注册页面重新的注册，不为空的话，送到数据库中进行第二次判断，判断用户是否存在，如存在提示用户重新注册另一个名字，如用户不存在，则进行注册，并显示注册成功的语句。具体步骤：创建一个新页面，此页面就是注册页面所要连接的页面，因此名称必须和注册页面所要连接的页面名称一致。因为此页面会与数据库连接，因此首先要嵌入conn.asp文件，让它连接到数据库中，具体代码是为：代码中的username=request(username),pwd=request(pwd).等等中的括号内的username,pwd都是注册界面中文本域的名称;而前面的username,pwd则是一个变量，它所实现的功能只是将注册页面内文本域的内容读进来，暂时存放。sql=insert into usertable (用户名,密码,密码提示问题,密码提示答案,姓名,性别,年龄,联系电话,联系地址,电子邮件) values(&username&,&pwd&,&ask&,&answer&,&xm&,&select1&,&age&,&tel&,&add&,&email&)语句中要修改的内容： usertable:这是开始所创建的数据库中的表名，将你所创建的表名输入。（用户名，密码,.电子邮件）:此处是所建表中的属性，必须将你所建的表的属性一一对应写入三.登录部份：登录页面：制作一个含有表单的登陆框界面，表单里含有用户名文本域，密码文本域及提交按钮的登陆框界面。在表单的action中输入要提交的页面名（此处为判断页面）具体步骤：首先插入一个表单，然后在表单内插入表格。在表格中插入相应的文本、文本域（如用户名，密码等）和按钮。修改文本域的名称，最后点击表单切换到代码视图中，在中的action= 中输入要提交到的网页名称。在此因为我们将其它网页都保存到reg文件夹中，所以action= 要输入的是action=reg/判断页面名(表示连接到reg文件夹中的网页）判断页面：将登陆界面提交过来的用户名，密码读入相对应的变量，并把变量送入数据库中，如果数据库找不到用户名和密码，则显示出错误的信息。否则的话，将用户名送入到一个新的变量中，并把变量提交到显示页面。判断用户是否存在的界面和显示页面的时候，在顶部必包括conn.asp，因为这些页面与数据库有进行连接。具体步骤：新建网页在代码视图中输入下列代码：%yhm=request(yhm)ma=request(ma)sql=select * from usertable where 用户名=&yhm& and 密码=&ma&openconnset rs=server.createobject(adodb.recordset)set rs=conn.execute(sql)if rs.eof thenresponse.write(错误！请确认你的用户名或密码是否正确！)response.write(点击这里返回)elseresponse.redirect(user.asp)end ifcloseconn%此处将(yhm)和(ma)修改成登录页面中相对应文本域的名称。将sql语句中的usertable换成自己所建的表名。将response.redirect(user.asp)中的user.asp中换成显示页面的名称（此页面为你所限制的页面，只有用户名和密码正确才可以打开的页面）实验思考:会员注册和留言板的相同之处和不同之处？实验三 网页特效的应用实验目的:让学生认识网页特效的用途和类别，并学会有关动态网页中常用的网页特效。实验内容: 素材见tx文件夹一.文字滚动效果所要显示的对象,可以是文字,图片,表格二.滚动条的产生所要显示的对象,可以是文字,图片,表格三.滚动条外观设置 html SCROLLBAR-FACE-COLOR: #666666; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; 四.浮动菜单/图片效果 !- var xPos = 20; var yPos = document.body.clientHeight; var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = true; var interval; img.style.top = yPos; function changePos() width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; img.style.left = xPos + document.body.scrollLeft; img.style.top = yPos + document.body.scrollTop; if (yon) yPos = yPos + step; else yPos = yPos - step; if (yPos = (height - Hoffset) yon = 0; yPos = (height - Hoffset); if (xon) xPos = xPos + step; else xPos = xPos - step; if (xPos = (width - Woffset) xon = 0; xPos = (width - Woffset); function www() img.visibility = visible; interval = setInterval(changePos(), delay); www(); - 五.屏蔽右键实验思考:通过本次网页特效的学习，去了解更多的网页特效。实验四 新闻发布系统的制作实验目的:通过完成新闻发布系统的制作，让学生能掌握后台发布的完整过程（增加，查询，修改，查询）。实验内容: 增加代码：修改代码：%bh=request.QueryString(bh) lb=request(lb)mc=request(mc)nr=request(nr)bz=request(bz) pic=session(pic)sql=update cp set lb=&lb&,mc=&mc&,nr=&nr&,bz=&bz&,pic=&pic& where 编号=&bhsql=update cp set lb=&lb&,mc=&mc&,nr=&nr&,bz=&bz&,pic=&pic& where yhm=&yhm&openconnconn.execute(sql)response.Write(修改产品信息成功！)session(pic)=response.write(点击这里返回)closeconn%查询代码：%yhm=request(yhm)mm=request(mm)sql=select * from hy where yhm=&yhm& and mm=&mm&openconnset rs=server.createobject(adodb.recordset)set rs=conn.execute(sql)if rs.eof thenresponse.write(错误！请确认你的用户名或密码是否正确！)response.write(点击这里返回)else response.redirect(vip.asp)end ifcloseconn%删除代码：%bh=request.QueryString(bh)sql=DELETE from news WHERE 编号=&bhopenconnconn.execute(sql)response.Write(删除资源成功！)response.write(点击这里返回)closeconn%实验思考:新闻发布系统和产品发布系统有什么相似之处？实验五 网站安全的设置和应用实验目的:通过本实验，要求学生可以使用session进行身份安全的验证，对会员的访问进行设置。实验内容: 登陆页面：session(bm)=rs(bm)验证页面：IP统计：实验思考:网站的安全还有哪些防护的方式？实验六 网站后台管理系统实验目的：通过本实验，让学生制作后台框架页面，制作后台的管理程序，独立完成网站的后台系统。实验内容：详见kj文件夹Admin.html企业信息管理系统 Middleadmin.html无标题文档 .navPoint COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt function switchSysBar() var locate=location.href.replace(middel.html,);var ssrc=document.all(img1).src.replace(locate,);if (ssrc=images/main_55.gif) document.all(img1).src=images/main_55_1.gif;document.all(frmTitle).style.display=none else document.all(img1).src=images/main_55.gif;document.all(frmTitle).style.display=   浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。 浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。 Down.html   实验思考:为什么网站前台页面不用框架？实验七 需求分析的实战演练实验目的：学会企业网站的需求分析，需要完成企业网站需求分析说明书一份；实验内容：一、网站需求分析二、设计要求及功能实现四、网站系统内容设计五、网站架构六、网站推广模型七、附件一：项目报价一、网站需求分析装饰网-电子商务解决方案和服务的先进提供商，在经过对*装饰有限公司的初步了解及与*装饰有限公司市场推广负责人的初步沟通后，针对电子商务如何解决的具体问题与行业人士和了解行业和电子商务的专家进行了探讨。*装饰有限公司在装饰日用品当中具有重要地位，知名度较高，产品以外销为主，出口到世界各国与地区。在国外，特别是欧美日等地，企业信息化程度较高，电子商务普遍采用。企业利用企业电子商务后，可以方便地在线查询产品信息和库存情况、实时地提交订单，以及随时向客户提供支持；并可以清晰地监控企业的业务信息，缩短供应链，提高效率，拓宽营销渠道，从而加强供应链各环节的控制，使企业的业务水平、管理和效率得到显著提高，从而更有效地提升业务，降低库存，加快资金周转，使企业更多受益。电子商务对于日用品行业的集团性企业或中小企业来讲，无论是否已经使用大型的ERP系统，或是小型的互联网营销系统（如网的网络产品），能够利用电子商务对企业原有的营销体系进行改革才将是企业在市场竞争中获胜的关键。而对于企业来讲，销售是利润的主要源泉，如何对销售渠道进行更直接、有效、快速的管理和网络销售或传播渠道是目前*装饰有限公司最为需要的。为了更好地在WTO中抢得先机，更好地服务客户，增加客户忠诚度，*装饰有限公司必须尽快建立好自己的商务网站，以便在日益激烈的行业竞争中处于有利地位，以最快的速度利用电子商务来更好的开展和保护自己的业务。为此，*装饰有限公司必须找到一家在电子商务方面有实力、了解行业、有最高性价比的公司，该公司有丰富的电子商务成功经验是必不可少的。网是一家多年来在互联网应用系统开发与运营等几大方向向电信、政府、邮政、金融等各行各业客户提供信息系统、信息产品、信息服务方面提供解决方案的开发集成商。网作为SUN长期合作伙伴，国家信息产业部、国家经贸委和中国人民银行三部委四个司局联合主办的电子商务应用平台建设研讨会的承办者。综上所述，网从本身的专业角度出发，对以装饰日用品为主业的*装饰有限公司的网站建设需求做初步分析及大胆构想，并作此总结，予以说明：1.1网站名称：*装饰有限公司网。1.2网站建设合作宗旨：诚信为本、长期服务。1.3网站分析：*装饰有限公司网站定位于用双语（简体中文、英文）宣传企业形象、新闻发布系统、商务反馈系统、商务论坛系统、产品展示系统、产品综合搜索引擎、企业电子邮箱、以及整个网站的WEB后台管理系统。1.4网站的目标：*装饰有限公司网站的目标是成为企业对外宣传的窗口、成为对客户服务的平台、成为同行业网站的样板。1.5信息方面：以宣传企业形象和相关新闻、其他信息为主，加强企业和用户之间的联系，并充分发挥网络在时效性强和信息量大，且互动性好等方面的优势，让客户能够通过网站得到最新的公司情况信息、产品信息、服务质量信息等，从而把握更多的商机。建立交互式的服务管理系统，通过网站实时收集客户信息，从而提供完善的服务，建立良好的沟通环境。1.6产品展示方面：以产品展示系统为载体，以产品搜索引擎为联系，对公司的产品分门别类在网上让客户轻松浏览，并由后台进行产品的添加、修改、删除等管理，建立面向所有的用户的产品网络平台，逐步倡导网上商务行为。1.7网站受众群分析：*装饰有限公司网站的受众群可分为本系统内部用户、客户用户、一般群众用户三类，本着*装饰有限公司网站建立的目的是“既方便广大用户、同时又为客户提供更快、更好、更准确的服务，减轻客户负担，作为*装饰有限公司又一对外服务渠道。”客户用户将被考虑为主要受众。1.8网站风格：*装饰有限公司网站的设计上，从专业的角度出发，为非专业的互联网企业用户考虑，将实现界面友好清晰、操作简单方便为目的，色调以蓝、白色为主色调，以视觉上舒适为使用原则，在此基础上，从严谨合理的布局、美观大方的图片使用以及色彩的搭配上体现是“一个现代、时尚、贴近生活的品牌”的形象和“简约风范、设计领先、极具创意”的定位。1.9功能的定位：*装饰有限公司网站的功能模块，其中包括新闻发布系统、产品展示系统、商务反馈系统、产品综合搜索引擎、BBS论坛系统。增强网站技术，方便游览者更快更准确查找各类信息，减轻后台维护人员的负担，实现在线发布和更新。二、设计要求及功能实现2.1设计平台：本项目完全基于Microsoft的电子商务平台的基础上，操作系统为Windows 2000版，数据库为SQL Server 2000版，开发语言为ASP语言。2.2目的性：此网站的建设主要是面向现有客户、潜在客户、普通浏览者。从浏览者的角度出发，无论是客户、业界人士他都希望能通过网站充分了解*装饰有限公司或能从中受益。所以网站的布局、创意是相对显得比较重要，使浏览者更快速、更直接地了解*装饰有限公司、感受*装饰有限公司，从而给浏览者留下一个深刻的印象。2.3专业性：该网站建设需要以最专业的网页设计及后台构筑技术水平来达到宣传和提升*装饰有限公司企业形