《电子商务网站建设及维护课件：项目四 建设小型企业动态网站》由会员分享，可在线阅读，更多相关《电子商务网站建设及维护课件：项目四 建设小型企业动态网站（48页珍藏版）》请在金锄头文库上搜索。
1、项目4 建设小型企业动态网站,学习目标,1. 能够使用IIS 组件架设ASP 程序网站站点。 2. 理解数据库基础知识，了解不同的数据库系统产品，能够根据网站开发的实际情况选择数据库系统。 3. 掌握表单数据的提交，能够使用ASP 程序接收数据并添加到Access 数据库中。 4. 能够根据网站实际情况设计制作Access 数据库表的字段、数据类型及字段属性。 5. 能够使用ASP 程序连接Access 数据库读取数据、添加数据。,任务1 安装与调试脚本运行环境,任务目标： 1. 能够安装与调试脚本语言ASP 的运行环境； 2. 能够在此基础上调试出一个简单的程序。,知识链接,一、常见Web
2、服务器脚本语言 1. ASP 2. JSP 3. PHP 二、认识互联网信息服务（IIS） 三、认识动态网页的工作原理 小提示：静态网页是网页建设的基础，静态网页和动态网页之间并不矛盾。,任务实施,step 1 安装IIS 功能选项 执行“开始”“控制面板”“程序”“程序和功能”命令。,在弹出的“Windows 功能”对话框中按需求进行手动选择。,知识拓展,执行“开始”“控制面板”“添加或删除程序” 命令，在“添加或删除程序”对话框左侧选择“添加/ 删除Windows 组件”选项。,step 2 配置ASP 选项 在“控制面板”中选择“管理工具”，双击“Internet 信息服务（IIS）管理
3、器”选项。,注意：启用父路径。,step 3 设置IIS 站点属性 选择“Internet 信息服务器”右侧“高级设置”选项。,选择“默认文档”选项，设置该网站的默认文档为“index.asp”，并将其位置调整到最前面。,step 4 运行测试 简单测试。在网站主目录“D:Web”里面用记事本新建一个文本文件，输入 。 将文本文件另保存为“1.asp”文件（注意：“.asp”不能省略，如果省略就保存了一 个文本文件）。 然后在IE 浏览器的地址栏内输入http:/127.0.0.1/1.asp或http:/localhost/1. asp。,试一试 1. 在浏览器地址栏输入“http:/ 电脑
4、的IP 地址”和“http:/localhost”。 2. 将“ ”简写成“ ”，并运行该语句，观察所显示的结果。,任务2 创建数据库,任务目标： 1. 掌握Access 数据库文件的创建、保存； 2. 能够针对需求设计并保存Access 数据库表； 3. 理解Access 数据库字段类型、属性等概念。,知识链接,动态网页内容的更新和维护是通过基于数据库技术的管理系统完成的，工作原理如图：,Access 2013字段的数据类型： 1. 文本数据类型 2. 备注数据类型 3. 数字数据类型 4. 日期/ 时间数据类型 5. 货币数据类型 6. 自动编号数据类型,7.“ 是/ 否”数据类型 8.
5、OLE 对象数据类型 9. 超链接数据类型 10. 附件数据类型 想一想 为什么数据库里文本类型有短文本和长文本？如果都用长文本类型，是不是就不会出现溢出错误了?,任务实施,step 1 创建数据库文件 在“D:Web”目录下创建data 文件夹。 启动Access 2013 软件，单击桌面“数据库”图标。,step 2 设计数据表 右击“ 表1”文档标签，选择“设计视图”选项。,在表单里输入“字段名称”和“数据类型”，将“addtime”字段的格式改为“常规日期”，在默认值里输入“=Now()”。,右击“ news”文档标签，选择“保存”选项。,step 3 输入数据 在数据表记录的“tit
6、le”“content”字段里分别输入内容并保存。,练一练,1. 在数据表中练习修改、复制、粘贴、删除记录等操作。 2. 创建一个新表，表名为“product”，字段为“ID”、“pro_name”、“pro_content”、 “pro_img”、“addtime”；字段类型分类为“自动编号”、“短文本”、“长文本（备注）”、“短文本”、“日期”。,任务3 程序读取数据库内容,任务目标： 1. 理解ASP 程序基础知识； 2. 能够使用ASP 程序连接Access 数据库文件； 3. 能够按要求使用ASP 程序读取Access 数据库数据； 4. 掌握使用ASP 循环语句输出HTML 代码。
7、,知识链接,脚本是由一系列的脚本命令所组成的。 脚本语言是一种介于 HTML 、 JAVA 、 Visual Basic 和 C+ 等编程语言之间的一种特殊语言，不具有编程语言复杂、严谨的语法和规则等特点。,1. 判断语句 要求：判断表单传来的用户名和密码是否正确，并提示。 2. 循环语句 要求：循环显示数据库中的记录。,3. 常用变量转换函数,任务实施,step 1 创建站点 启动Dreamweaver CS5 ，选择“站点”“新建站点”选项。,step 2 更改文件格式 右击文件面板里的“index.html”文件，选择“编辑”“重命名”选项，文件名改为“index.asp”。,step
8、3 输入程序代码 打开“index.asp”文件，单击代码视图，第一行输入内容； 在代码清单中找到新闻列表代码的位置，删除原来的新闻标题“”标签； 输入代码； 在浏览器地址栏里输入http:/localhost/index.asp 进行测试。,想一想,1. 如果将站点里“data/data.mdb”数据库文件名改为“data1.mdb”，代码应如何修改才能正常运行？ 2. 为什么在循环语句“while wend”中要加“rs.movenext（指针下移一条记录）”，如果没有这行代码情况会怎么样？,任务4 使用表单传递数据,任务目标： 1. 了解各表单元素的不同功能与作用； 2. 能够针对不同的
9、要求设置表单属性； 3. 学会使用ASP 程序接收表单内容并显示在页面上。,知识链接,认识Dreamweaver 表单 择“插入”“表单对象”选项，或者通过“插入”栏的“表单”按钮进行表单对象的插入。,任务实施,step 1 新建文件 在站点根目录下创建“admin”文件夹，新建“ASP VBScript”文档，文件名保存为“cp-add.asp”。,step 2 编辑表单页面 选择“ 插入”“表单”选项，将光标定位到表单（红色虚线框）中，输入“产品图片”，选择“表单”“文本域”选项，按Enter 键。, 选择“产品图片”旁的“文本域”选项，更改名称属性。, 将光标定位在表单(红色虚线框)中，
10、在标签选择器上单击(选择表单)，改动作属性。,step 3 编写表单执行代码 新建“ASP VBScript”文档，以“cp-add-ok.asp”保存到“admin”文件夹中。删除“cp-add-ok.asp”文件原有代码，输入代码并保存。 在浏览器地址栏里输入“http：/localhost/admin/cp-add.asp”地址来测试。,试一试,将 改成，重新填写表单，并提交页面。 是HTML 输出编码， 是ASP 程序输出编码，两者要对应否则会出现乱码，Charset=“utf-8“ 对应CODEPAGE=“65001“。,任务5 表单数据写入数据库,任务目标： 1. 熟悉ASP 程序
11、变量的赋值； 2. 学会使用ASP 代码添加数据到数据库；3. 能够使用Java Scvipt 代码在网页上弹出提醒窗口。,知识链接,一、response 和request 对象的一般使用方法 1. response 对象的一般使用方法 “ hello, welcome to ASP!”,2. request 对象的一般使用方法 客户端向服务器提出的请求是通过request 对象进行传递。 ,二、数据库查询语句（SQL 语句） 最基本的数据操作语句是“INSERT”、“SELECT”、“UPDATE”和“DELETE”。 SELECT columns FROM tables; Columns
12、为字段名，tables 为表名，如果有多个字段名用“，”隔开，所有字段用“*”。,三、JavaScript JavaScript 是一种属于网络的脚本语言，已经被广泛用于Web 应用开发，常用来为网页添加各式各样的动态功能。 alert( 弹出窗口上显示的内容); ,任务实施,step 1 输入数据写入数据库代码 用Dreamweaver CS5 打开站点目录“/admin/cp-add-ok.asp”，输入代码。 step 2 测试数据 在浏览器地址栏输入“http:/localhost/admin/cp-add.asp”，在打开的网页中输入相应测试数据；在浏览器地址栏里输入“http:/localhost/index.asp”，在打开的网页中进行测试。,试一试,1. 将站点中“index.asp”产品介绍sql=“select top 4 * from product order by id” 改为sql=“select top 4 * from product order by id desc“，观察有何不同？ 2. 将站点中“admin/cp-add-ok.ASP”的“rs.open sql,conn,1,3”代码改为“rs.opensql,conn,1,1”，观察运行结果有何变化？,
