《网页设计与制作项目教程》课件6.pptx

1、网页设计与制作项目教程项目六 电子商城动态网站建设【项目目标】【项目目标】能力目标：(1)正确搭建动态网站环境并创建动态网站(2)利用ODBC实现对数据库的连接。(3)制作用户注册页面并实现客户端与服务端的行为验证。(4)制作用户登录页面并实现对数据库的数据验证。知识目标：(1)动态网站概念和ASP动态网页技术的工作原理。(2)IIS构造ASP环境的方法。(3)ASP连接Access数据库的方法。(4)表单的设计与制作方法。(5)客户端验证和服务器验证的方法。网页设计与制作项目教程任务1 动态网站的创建【任务目标】【任务目标】创建Web服务器中电子商城的首页，如图6-1-1所示。【任务实施】【

2、任务实施】为了完成上面的任务，可将其分解为三个子任务来解决。（1）子任务1 IIS的安装与设置网站要在服务器平台下运行，离开一定的平台，动态交互式的网站就不能正常运行。要将本地电脑设置为服务器，必须在计算机上安装能够提供Web服务的应用程序，对于开发ASP页面来说，安装Internet Information Server(IIS)是最好的选择。IIS的作用是将客户端与服务器端进行连接，当访问者在浏览器中发出一个请求时，这个请求通过网络发送到服务器，然后服务器再将它交给IIS处理，并根据请求的文件进行生意人处理。本任务在Windows 7+IIS的环境中进行（2）子任务2 动态网站的创建、配置

3、与测试1、复制网页源文件2、在Dreamweaver C6中新建站点eshop3、添加并配置站点服务器4、测试站点服务器5、显示电子商城首页6、创建电子商城网站的模板页网页设计与制作项目教程任务2 用户注册页面的制作与实现【任务目标】【任务目标】制作一个用户注册表单的页面，并实现用户注册信息保存在数据库的操作。制作效果图如图6-2-1所示。【任务实施】【任务实施】电子商务网站中，当用户第一次访问时，可以注册一个用户名，以后就可以用这个用户名和密码进行登录，注册的内容很多，其中，加*属于必填项目，其它属于可填可不填的项目，必填的注册内容需要经过合法性检查才能将注册信息写入数据库中。将上述问题的关

4、键步骤分解为四个子任务来解决。（1）子任务1 数据库的连接一个网站的注册、登录都是Web应用程序完成的，而且必须有数据库的支持才能完成。1、创建“电子商城”Access 数据库2、创建“用户”表3、创建数据库连接4、在Dreamweaver中建立网站与数据库的连接（2）子任务2 注册页面制作在Dweamveaver CS6中，选择“文件”菜单下的“新建”，选择模板中的页，利用模板新建register.asp文件，如图6-2-17所示（3）子任务3 注册页面客户端表单验证表单验证通常分两种：客户端验证与服务器端验证。客户端验证属于对用户输入信息的检验，这里就是在把用户注册时输入的信息提交给服务器

5、之前，检验用户输入的信息是否满足注册要求，如用户名和密码必须填写，邮箱必须符合电子邮箱地址要求，这些检验只需在客户端浏览器完成。（4）子任务4 注册页面服务端的验证与插入记录1、注册页面插入记录2、注册页面服务端的验证网页设计与制作项目教程任务3 用户登录页面的制作与实现【任务目标】【任务目标】制作一个用户登录表单的页面，并实现用户登录信息与数据库存储的登录信息比对的操作。【任务实施】【任务实施】在登录表单中，输入用户名和密码进行登录，如果登录信息与数据库存储的信息相同，则登录成功，否则登录失败。（1）子任务1 登录页面制作利用模板新建login.asp文件，如图6-3-1所示（2）子任务2

6、登录页面服务端的数据验证 用户身份验证也是一种服务器行为，即将用户的登录信息与数据库对应的表的用户名和密码进行验证，如果登录成功就转换到loginok.asp文件（用以显示用户登录成功的信息页面），失败则重新跳回登录页面【项目总结】【项目总结】在本项目中，介绍了动态网站建设的基础知识，包括了IIS的安装与设置，动态网站的创建、配置与测试过程，并能在动态网站中实现注册、登录等功能。【项目检测】【项目检测】一、练习题1.简述ODBC的作用。2.客户端验证与服务器验证有什么区别？3.DSN包含哪些内容？二、拓展训练 如何实现用户登录成功后，让用户名在首页上显示？网页设计与制作项目教程项目五 建设第三方网店