电子商务网站建设与实践（第5版） 课堂实验-任务实施汇总 项目2-8 网站建设入门- 综合实例

项目二网站建设入门【任务实施】任务1申请域名1．实验目的（1）为网上书店设计一个有意义的域名，如“冬藏”。（2）了解域名代理服务机构名称与网址，熟悉申请域名的整个流程与管理机构。2．实验要求（1）环境准备：有能够连接Internet的计算机。（2）知识准备：互联网知识、域名知识。3．实验目标（1）设计、申请一个好记忆，又与网站主体内容相一致的域名。（2）域名要选择简短、切题的文字。（3）域名不应与其他单位的商标或企业标识发生冲突。4．问题分析（1）域名太长。企业名称很长，为了保持一致，域名也很长。（2）域名无特点、不易记住。对域名的作用理解不够，没有充分挖掘企业标识和企业文化中蕴含的潜力。（3）不能反映网站主题内容。域名中除了中心词很重要外，其他部分也很关键。网站主题也可以靠非中心词体现。5．解决方法（1）一个好的域名应该与企业的性质、企业的名称、企业的商标及平时的企业宣传一致。选择与本公司密切相关的域名，但注意不能超过20个字符。（2）设计、选择域名要与企业经营的产品或服务有关联，要简短，读起来上口。（3）设计域名可以利用地方方言的读音或英语单词的谐音等增加可记性。这里为网站设计的域名为：，，。6．实验步骤通过注册服务机构申请注册域名的操作步骤如下。（1）打开中国互联网络信息中心（CNNIC）主页。图2-28CNNIC的主页（2）将主页中的右侧滚动条拖拽到底，单击“注册服务机构”选项下面的“注册服务机构查询”选项，出现CN域名认证注册服务机构分布页面。（3）在界面中单击“北京”链接，显示“北京地区CN域名服务合作伙伴查询”列表，可看到CNNIC授权的注册服务机构。（4）企业可以根据自己的喜好，选择一家机构申请注册自己的域名，这里以阿里云计算有限公司（万网）为例来作说明。进入阿里云计算有限公司（万网）的首页。图2-29中国万网首页（5）在“查域名”栏中输入企业想申请注册的域名，并单击右侧的“查询域名”按钮。域名注册系统在数据库中查找该域名是否已经存在，如该域名已被注册，则提示申请者域名已存在，请更换域名；否则会提示该域名是未被注册的域名。（6）“”域名已被注册。图2-30域名查询结果（7）由于域名已被注册，需要更换一个事先准备好的其他域名。输入“dong-cang”，查询结果显示该域名未被注册，可加入清单进行购买。图2-31“dong-cang”域名未被注册（8）单击“加入清单”按钮，在页面的“域名清单”按钮中就出现“①”提示，点击“域名清单”，可将所选域名逐一列出，出现下图所示的页面。注意在点击“加入清单”时，要求首先注册成为阿里云计算有限公司（万网）的会员，注册会员步骤这里不再赘述。图2-32列出“域名清单”（9）单击“立即购买”按钮，出现万网会员确认订单页面。在该页面中可以选择注册的年限，最少可选1年，最多可选10年。然后选择域名所有者类型，域名所有者只能是个人或企业。在阅读并接受域名服务条款后点击“立即购买”，最后支付成功后，完成整个域名注册过程。图2-33“确认订单”界面需要说明的是，阿里云计算有限公司（万网）的网页界面会有变化，实际注册域名时需根据届时的界面完成注册工作，但主要业务流程大体如此。任务2DNS的设置1．实验目的添加域名系统组件，完成系统DNS的设置。2．实验要求（1）环境准备：服务器已经安装了操作系统WindowsServer2016。（2）知识准备：域名知识与DNS知识。域名系统（DNS）是一个用于在网络上寻找计算机和其他资源的等级性命名系统。DNS最常见的用途是提供一项服务，将好记的DNS域名映射到网络资源或IP地址。这可以允许配置成查询DNS的计算机用主机名称而不是用IP地址来指定远程系统。3．实验目标（1）添加域名系统（DNS）组件。（2）新建符合“冬藏”网站需要的区域。（3）新建符合“冬藏”网站需要的域。（4）新建符合“冬藏”网站需要的主机。4．问题分析（1）对于DNS的用途不了解。（2）安装WindowsServer2016时没有安装DNS组件，无法进行设置。（3）对于区域、域和主机的关系不清楚。5．解决方法（1）首先检查系统是否安装了DNS组件，如果没有，首先要进行安装。安装可以运行“开始→服务器管理器”程序，在“管理”菜单中选择“添加角色和功能”，在“添加角色和功能向导”中执行到“服务器角色”时，选择“DNS服务器”角色，并点击“添加功能”，然后按照提示单击“下一步”按钮，直至安装完成。（2）教师讲解DNS对于网站的用途，特别需要说明DNS与IP的关系。在本实验中，假设“冬藏”网站的IP地址是3，“冬藏”网站的域名是，设置DNS能够保证无论用户是用IP地址访问，还是用域名访问都可以打开“冬藏”网站的首页。换句话说，就是DNS具有解析域名的作用，能够将IP地址与域名捆绑在一起。6．实验步骤设置“冬藏”网站DNS的操作步骤如下。单击“开始”→“服务器管理器”，打开“服务器管理器”仪表盘。图2-34“服务器管理器”仪表盘选择“管理”菜单，单击“添加角色和功能”菜单，打开“添加角色和功能向导”窗口。图2-35“添加角色和功能向导”窗口在“添加角色和功能向导”窗口中点击“下一步”按钮，直至执行到“服务器角色”时，选中“DNS服务器”角色，并添加DNS服务器所需功能，然后点击“添加功能”按钮。图2-36添加DNS角色按照提示单击“下一步”按钮，直至安装完成，最后点击“关闭”按钮即可。图2-37完成DNS角色添加在“服务器管理器”窗口的“工具”菜单中选择“DNS”，准备配置DNS服务器。图2-38DNS管理器窗口（1）图2-39DNS管理器窗口（2）用鼠标右键单击“正向查找区域”，在弹出的快捷菜单中选择“新建区域”命令，打开“新建区域向导”对话框。图2-40DNS管理器窗口（3）

单击“下一步”按钮，进行“区域类型”设置。图2-41“新建区域向导”对话框选择“主要区域”单选按钮，单击“下一步”按钮。图2-42选择区域类型设置区域名“”。图2-43设置区域名称单击“下一步”按钮，设置区域文件。选择“创建新文件，文件名为”单选按钮，区域文件名为.dns，单击“下一步”按钮，设置新建区域动态更新。图2-44“新建区域向导”对话框因为允许动态更新是较大的安全弱点，所以应该选择“不允许动态更新”单选按钮，单击“下一步”按钮，完成新建区域的设置。图2-45“新建区域向导”对话框单击“下一步”按钮，在“新建区域向导”窗口中会显示出设置好的内容。图2-46完成新建区域向导图2-47完成了区域设置的DNS管理器窗口用鼠标右键单击“”区域，在弹出的快捷菜单中选择“新建主机”命令，打开“新建主机”对话框。图2-48“新建主机”对话框（1）输入主机名称“www”，输入IP地址“3”。图2-49“新建主机”对话框（2）单击“添加主机”按钮，完成主机设置。图2-50DNS成功创建主机说明单击“确定”按钮，在DNS管理器窗口可以看到添加的内容。图2-51完成了主机添加的DNS管理器窗口至此，“冬藏”网站的DNS设置就完成了。任务3Apache服务的配置1．实验目的掌握Apache服务的配置方法，可以根据不同错误页面代码自定义配置不同的错误显示页面。2．实验要求（1）环境准备：具有PHPStudy运行环境的服务器。（2）知识准备：掌握PHPStudy的使用方法，具备网页设计基础。3．实验目标（1）能够建立自定义错误页面。（2）能够识别基本的页面错误代码。（3）能够根据错误代码，引导用户访问指定的错误页面。4．问题分析（1）用户访问企业网站时，会出现各种错误。（2）企业网站出现错误时，无法引导用户继续浏览其他页面。（3）不能准确判断用户访问页面时所出现的错误5．解决办法（1）建立站点访问日志，记录用户访问错误的页面。（2）添加自定义错误页面，引到用户浏览其他页面。（3）学习WEB常见的HTTP错误代码，了解错误代码所表示的含义。6．实验步骤针对PhPStudy运行环境的服务器，对其Apache服务进行配置，并且修改自定义错误页面的方法如下：（1）修改自定义错误页面，并将其存放在站点的指定文件夹中。Apache服务的自定义错误页面默认情况下存放在PhPStudy安装目录的“WWW\error”目录下，如图2-52所示：图2-52自定义错误页面默认存放的文件夹Apache服务发生的每个错误都会有一个编号，从这个编号可以看出发生了什么错误。（2）将错误代码与自定义的错误页面进行对应。首先打开PhpStudy管理界面的“首页”，在该页面中点击“套件”栏中Apache服务所对应的“配置”按钮，如图2-53所示。图2-53PhpStudy管理界面的“首页”此时可以打开“Apache设置”对话框，在该对话框中可以对Apache服务进行基本配置和性能配置。在“Apache设置”对话框的“基本配置”选项卡中，将错误代码与错误页面进行一一对应，如图2-54所示。图2-54“Apache设置”对话框（3）重新启动Apache服务器。在“基本配置”标签中将错误代码与错误页面一一对应之后，可以点击确认按钮，返回到PhpStudy管理界面，此时Apache服务会自动重新启动，并在运行状态栏中显示Apache服务停止及启动的时间，如图2-55所示。图2-55运行状态栏显示Apache服务停止及启动时间（4）尝试测试错误页面引导是否起作用。最后在浏览器中访问Apache服务所搭建的网站，并且访问一个不存在的页面，此时浏览器会显示“404.html”页面中的内容，如图2-56所示。图2-56浏览器显示404错误页面【拓展实验】实验1Windows环境下WAMP安装包的使用与配置1．实验目的掌握一种支持Windows操作系统，并集成Apache、Mysql和PHP的服务器应用软件。2．实验要求（1）环境准备：具有Windows2016操作系统环境，并下载好WampServer软件。（2）知识准备：掌握计算机网络基本理论，了解域名解析相关知识。3．实验目标（1）完成WampServer软件的安装。（2）能够对Wamp服务进行启动。4．问题分析（1）不同的企业对服务器应用软件有不同的要求。（2）企业不同的Web站点之间端口有冲突。（3）安装软件过程中出现“丢失MSVCR110.dll”系统错误，软件无法正常运行。5．解决办法（1）按照企业要求安装服务器应用软件。（2）修改Web站点的端口，确保使用的端口不被占用；或停止占用80端口的应用程序。（3）WAMPServer软件的运行依赖于VisualC++的库函数，需要提前将vcredist_x64软件安装好。6．实验步骤（1）安装vcredist_x64软件。以管理员身份运行vcredist_x64应用程序，系统启动vcredist_x64安装界面，如图2-57所示。选择“我同意许可条款和条件”，然后点击“安装”按钮，直至显示“设置成功”，如图2-58所示，点击“关闭”按钮完成vcredist_x64应用程序安装。图2-57vcredist_x64应用程序安装界面图2-58完成vcredist_x64应用程序安装（2）安装WampServer软件。以管理员身份运行WampServer安装包，系统显示WampServer软件的安装界面，如图2-59所示，按照系统提示，直至软件完成安装。图2-59WampServer软件的安装界面（3）辨别WampServer服务的启动状态。WampServer服务运行后会在系统的右下角显示（绿色）图标，表示WampServer所有服务正常启动；如果显示（橙色）图标，表示WampServer部分服务正常启动；如果显示（红色）图标，表示WampServer所有服务都没有启动。（4）启动或停止服务。在WampServer中进行任何配置文件的更改后，都需要重新启动相关服务。当需要重新启动时，可以使用鼠标左键点击图标，显示WampServer管理菜单，如图2-60所示。在管理菜单中可以启动所有服务、停止所有服务和重新启动所有服务。图2-60WampServer管理菜单（5）浏览站点。在管理菜单中点击“Localhost”菜单可以打开浏览器，查看WampServer中所安装的Apache、PHP以及MySQL服务版本号等信息，如图2-61所示。图2-61WampServer安装信息浏览至此WampServer服务器软件安装完毕。实验2信息服务管理器（IIS）的配置1．实验目的（1）了解IIS中主要项目的功能与属性设置方法。（2）掌握IIS的使用技巧。2．实验要求（1）环境准备：2台以上的计算机，主机1.4GHz以上64位CPU，另外配有1GB以上的内存、网卡等部件。可以考虑使用虚拟机替代，最常用的就是VMware虚拟机。（2）知识准备：操作系统及服务器的知识。3．实验目标（1）正确安装IIS10。（2）了解各选项的功能并能正确使用。（3）减少安全漏洞。4．问题分析（1）WindowsServer2016中没有IIS。安装WindowsServer2016时系统不会默认安装IIS，所以要单独添加。（2）建立了Web站点，却不能使用它发布网页。当IIS中建有多个Web站点时，只能有一个处于启动状态，其他站点都处于停止状态，所以不能看到该站点中的内容。（3）网站中的信息被非法侵入者盗取。网络安全问题一直是微软公司产品无法彻底解决的难题。要堵塞和减少安全漏洞，必须从多个方面采取措施，包括安装IIS子组件时的选择设置。5．解决办法（1）使用添加Windows组件的方法将IIS安装到管理工具中。（2）将其他站点设为“停止”，启动用户想使用的Web站点；或使用不同的主机头名来区分不同的站点。（3）当对IIS比较熟悉以后，尽量不要使用默认方式安装IIS，而要采取手动方式根据自己的需要选择安装项目。6．实验步骤（1）IIS10的安装。①在WindowsServer2016的“开始”菜单中，单击“服务器管理器”程序，选择“添加角色和功能”，打开“添加角色和功能向导”窗口，在运行至“服务器角色”时，选择“Web服务器（IIS）”选项，添加IIS角色，如图2-62所示。图2-62“添加角色和功能向导”窗口②在“添加角色向导”窗口中，选中“Web服务器（IIS）”，然后单击“下一步”按钮，进行Web服务器的角色添加。③依据向导提示，所有选项均选择默认即可，最后“添加角色向导”会给出安装结果，提示安装成功，如图2-63所示。图2-63成功安装Web服务器（IIS）角色若要检查IIS是否安装成功，请在浏览器地址栏中输入以下地址：http://localhost/。如果已经成功地安装了IIS，并且可以正确地配置Web站点，按“Enter”键后就会在IE浏览器窗口中看到IIS默认文档内容，如图2-64所示。图2-64在IE浏览器窗口中测试IIS（2）IIS10的管理。当IIS应用程序或系统其他方面出现问题时可以重新启动Internet服务，开发者也可能需要停止或重新启动IIS提供的服务。重新启动Internet服务要优于重新启动计算机。在IIS10中，可以停止并重新启动所有Internet服务（包括Web服务和FTP服务等），这使得在应用程序运行不正常或变为不可用时无需重新启动计算机。在WindowsServer2016中，可以使用Internet信息服务（IIS）管理器来重新启动、启动或停止Web服务器（IIS）角色。在“Internet信息服务（IIS）管理器”中，选中左边树窗格本地计算机图标，然后从右侧操作窗口中选择“停止”命令即可停止Web服务器（IIS）角色，如图2-65所示。图2-65Internet信息服务（IIS）管理器也可以根据需要选择“重新启动”或“停止”命令实现Web服务器的重启或停止功能。项目三电子商务网站设计与开发【任务实施】任务1制作冬藏网站首页（静态）实验目的：（1）了解电商网站的主要功能。（2）掌握使用Dreamweaver软件制作网页整体布局方法和技巧。（3）掌握使用Dreamweaver软件制作网页页眉、导航栏、轮播图片、图书列表、网页页脚的方法和技巧。（4）掌握使用Dreamweaver软件编写、修改CSS样式表代码的方法和技巧。（5）掌握使用Dreamweaver软件调试网页的方法和技巧。实验要求（1）安装DreamweaverCC2018中文版（或其它相近版本的Dreamweaver软件）。（2）掌握Dreamweaver软件的使用方法。（3）对HTML标签知识和CSS代码知识比较熟悉。实验目标（1）完成冬藏网站站点的建立。（2）完成冬藏网站首页index.html文件的制作。（3）加深对电商网页整体布局的了解。问题分析（1）不知怎样确定网页的风格。（2）对网页布局的方法掌握不好。（3）轮播图片不会制作。（4）对HTML5和CSS3新增标签不熟悉。（5）对CSS样式表的优先级不熟悉。解决办法（1）确定电商网页的风格，要以简洁明快为主，少有冷色的颜色，多用暖色或中性的颜色。（2）电商网页中包括的内容很多，尤其是网站的首页，更是如此。要比较好的设计一个网页的布局，尽量将网页的功能分成不同的模块，按内容展现的先后顺序完成布局设计。尽量减少模块中内容的嵌套。（3）制作轮播图片的方法比较多，一般使用html、css、js代码配合完成。纯CSS3制作的轮播图片实用性比较差。也可以使用插件制作轮播图片。基础差的学生可以使用在线制作轮播图，然后再自己修改。（4）HTML5和CSS3已经成为目前网页前端开发的主流标准，许多新增标签和CSS3代码提升了网页的制作效率。在网页制作过程中，遇到自己不熟悉的HTML标签和CSS代码，打开CSS3菜鸟教程网站，里面有比较纤细的介绍。通过学习教程中的知识和规模其实例，对我们有很大帮助。（5）如果对CSS样式表的优先级不熟悉，同样可以CSS3菜鸟教程和类似的网站去学习，此外还可以打开一些著名的网站，将其网页保存，阅读分析其网页源代码和CSS代码来学习。实验步骤（1）冬藏网站index.html网页的最终效果，如图3-1所示。图3-1（2）创建本地站点。=1\*GB3①建立本地站点文件夹d:\dongcang。并在dongcang文件夹内新建css、images、js三个文件夹，用于存放网页的各类文件。如图3-2所示。图3-2=2\*GB3②打开Dreamweaver软件，选择菜单“站点—新建站点”，选择前面建好的d:\dongcang作为本地站点文件夹。并选择“高级设置”，将dongcang文件夹中的images文件夹作为存放网页图片的默认文件夹。如图3-3、3-4、3-5所示。图3-3图3-4图3-5（3）制作网站站标。网站标志（Logo）简称“站标”，是网站特色和内涵的集中体现。“冬藏”网上书店网站站标力求简单明快，这里使用文字的排列来体现网站的主题，如图3-6所示。（说明：除了用PS等软件制作外，还可以利用在线制作工具来制作网站LOGO）图3-6（4）“冬藏”网上书店网站首页布局示意图。布局结构如图3-7所示。图3-7（5）创建index.html网页文件和index.css、style.css样式表文件。如图3-8、3-9、3-10、3-11、3-12所示。图3-8图3-9图3-10图3-11图3-12（6）在index.html网页中链接引入index.css和style.css样式表文件。如图3-13所示。（说明：使用外部样式，每次修改样式表文件的内容后，都要保存样式文件，然后预览网页，才能看到新设置或新修改的样式对网页所起的作用。）图3-13（7）打开style.css文件，在其中添加如图3-14红框中所示的内容，这3段CSS代码的作用是CSS页面样式初始化。如图3-14所示。（说明：通过初始化CSS，可以消除各浏览器对CSS默认的设置，保持网页在各浏览器中的外观保持一致；另外通过初始化还能提高编码质量，省去设置很多重复的css样式。）图3-14（8）制作index.html页面的topnav部分。1）打开index.html的代码视图，将图3-15红框中的代码添加到网页的body区，制作网页的topnav部分的导航功能。如图3-15所示。图3-152）在style.css文件中为topnav部分编写CSS代码。如图3-16所示。图3-163）保存style.css文件，网页显示效果如图3-17所示。接下来还需要编写CSS代码对右侧的“登录、注册”等文字进行格式设置。图3-174）在style.css文件中继续为topnav部分插入如图3-18所示的样式。图3-185）保存style.css文件，右侧的文字分散开排列，鼠标指向某个导航项目时，其背景颜色会发生变化，网页显示效果如图3-19所示。接下来还需要编写CSS代码对右侧的“登录、注册”等文字进行格式设置。图3-196）为“登录”、“问答”等导航项目应用小图标样式。从/article/10287.html下载iconfont文件，将下载的文件解压到D:\dongcang\css文件夹中在index.html网页文件的头部区，链接引入Rjdaoico.css文件。如图3-20红框中内容所示。图3-20保存index.html网页文件并预览，效果如图3-21所示。图3-21（9）制作index.html页面的网店LOGO和搜索框购物车等部分内容。1）在网页代码视图中插入<header>标签，如图3-22所示。在style.css创建如图3-23所示的样式。图3-22图3-23（说明：<header>是html5中一个语义化标签，是一种有导航作用的结构元素，可能包含一些标题元素和其他元素，如搜索表单、导航、logo等，一般会出现在页面的顶端或接近这个位置的header元素，就成为整个页面的页眉。使用语义化标签可以让代码结构清晰，方便阅读，有利于团队合作开发，也有利于搜索引擎优化（SEO。）2）在网页代码视图<header>标签后面插入如图3-24红框中所示内容，制作网站LOGO。在style.css中创建如图3-25所示的样式。保存网页文件和样式表文件后，预览效果如图3-26所示。图3-24图3-25图3-263）在网页代码视图<header>标签后面插入如图3-27红框中所示内容，制作网站搜索框。在style.css中创建如图3-28所示的样式。保存网页文件和样式表文件后，预览效果如图3-29所示。图3-27图3-28图3-294）在网页代码视图<header>标签后面插入如图3-30所示内容，制作我的收藏。在style.css中创建如图3-31所示的样式。保存网页文件和样式表文件后，预览效果如图3-32所示。图3-30图3-31图3-325）在网页代码视图插入如图3-33所示内容，制作我的购物车。在style.css中创建如图3-34所示的样式。保存网页文件和样式表文件后，预览效果如图3-35所示。图3-33图3-34图3-35（10）制作index.html页面的导航栏。1）在网页代码视图插入如图3-36红框中所示内容，制作网站导航栏。这段代码要添加在</header>标签之前。在style.css中创建如图3-37所示的样式。保存网页文件和样式表文件后，预览效果如图3-38所示。（说明：<nav>是HTML5的新标签，只是作为标注一个导航链接的区域。）图3-36图3-37图3-382）在style.css中创建如图3-39所示的样式，设置导航栏右侧“客服”、“关于我们”两项的显示效果。保存样式表文件后，预览效果如图3-40所示。图3-39图3-40（11）制作index.html页面中的轮播图片。轮播图片是网站首页中常见的一种信息展示方式。制作轮播图片一般采用html代码、CSS代码和JavaScript脚本代码三者配合来完成的。轮播图片的JavaScript脚本代码可以到到jquery之家网站下载。网址：/jQuery/1）准备好4张1180px*400px的轮播图片。2）在index.html网页代码视图插入如图3-41红框中所示内容，制作轮播图片。这段代码要添加在</header>标签之后。打开index.css文件，在其中创建如图3-42红框中所示内容的样式。保存网页文件和样式表文件后，预览效果如图3-43所示。（说明：完成以上操作，网页中只能显示第一张轮播图片，还不能实现多张图片交替显示的效果）图3-41图3-42图3-43为了让轮播图片能够动起来，需要在index.html网页代码中加入JavaScript脚本。首先在index.html网页代码的头部区链接jquery.js和lyz.delayLoading.min.js这2个外部JavaScript文件，如图3-44红框中所示内容。接着在index.html网页代码视图中插入一段JavaScript脚本代码，如图3-45红框中所示内容。（说明：这里实际是用到jquery.js、lyz.delayLoading.min.js和slider.js3个JavaScript文件，由于文件内容太长，这里不截图显示其具体代码了）保存网页文件，预览效果如图3-46、如图3-47所示。图3-44图3-45图3-46图3-47（12）制作index.html页面中的图书主题banner和热销排行。在网页代码视图插入如图3-48所示内容，制作网站导航栏。在style.css中创建如图3-49所示的样式。保存网页文件和样式表文件后，预览效果如图3-50所示。图3-48图3-49图3-50（13）制作index.html页面中的热销排行图书列表。1）在网页代码视图插入如图3-51所示内容，制作热销排行图书列表的显示区域。在style.css中创建如图3-52所示的样式。保存网页文件和样式表文件，这部分目前没有可以预览显示的内容。图3-51图3-522）在网页代码视图插入如图3-53红框中所示内容，制作热销排行图书列表的具体项目。在style.css中创建如图3-54所示的样式。保存网页文件和样式表文件，预览显示效果如图3-55所示。图3-53图3-54图3-553）在网页代码视图下插入如图3-56中红框所示内容，制作热销排行图书列表的文字信息。在style.css中创建如图3-57、3-58、3-59所示的样式。保存网页文件和样式表文件，预览显示效果如图3-60所示。（说明：由于目前只制作一本图书的列表项目，所以是居中显示的，当添加更多图书项目时，就会呈现1行有4列内容的显示效果了）图3-56图3-57图3-58图3-59图3-604）在网页代码视图中，复制如图3-61所示的所有代码，然后在这段代码后面粘贴3次，并修改复制后代码的图片名称和对应的书名、价格和销售数量等文字信息。具体内容如图3-62画红框部分内容所示。保存网页文件，预览显示效果如图3-63所示。（说明：在Dreamweavercc2018的代码视图中，当点击了双标签中的始标签后，系统会自动将这对标签呈现红色高亮显示，这一功能有助于我们完整准确的复制一段html代码。标签代码的高亮效果如图3-51所示）图3-61图3-62图3-63（14）制作index.html页面中的新书推荐版块。1）在网页代码视图插入如图3-64下方红框所示内容，制作新书推荐板块。在style.css中已有titname样式，不用再添加新的样式。保存网页文件，预览效果如图3-65所示。（说明：新书推荐的代码要添加在<divclass="mslist">这对标签的尾标签后面。为了看清楚html代码结构，在网页代码视图中可以使用行号后面的、按钮，折叠或展开某模块的代码）图3-64图3-652）在网页代码视图中，将前面操作步骤（10）制作完成的热销排行图书列表的全部代码，复制到新书推荐标签后面。具体内容如图3-66下方红框所示。预览显示效果如图3-67所示。（说明：为了截图方便，这里对两段<divclass="item">代码进行了折叠收起操作，见图中箭头指向部分。）图3-66图3-673）在网页代码视图中，选中最后一段<divclass="item">代码，如图3-68所示，将其复制到本段代码的下一行处，这样的复制操作共进行4次。然后对这些代码修改图片名称和对应的书名、价格和销售数量等图书信息。修改图书信息后代码内容如图3-69、3-70所示。网页预览效果如图3-71所示。图3-68图3-69图3-70图3-71（15）制作index.html网页页脚信息。页脚信息包括“购物指南”、“支付方式”等内容和“联系客服”、“友情链接”等两部分。这两部分内容都放到<footer></footer>标签内。<footer>和<herder>一样，也是html5新增的语义标签。<footer>标签一般用于定义文档的页脚，用于网页的底部布局，表示页脚，包含文档的版权信息、使用条款的链接、联系信息等等。1）在网页代码视图中插入<footer>标签，如图3-72所示。在style.css文件中创建如图3-73所示的样式。（说明：<footer></footer>标签插在index.html网页代码的结尾处，</body>标记的前面。）图3-72图3-732）在网页代码视图<footer>标签内，插入如图3-74红框中所示内容。制作网页页脚的第一部分内容。在style.css文件中创建如图3-75、3-76所示的样式。保存网页文件和样式表文件，预览效果如图3-77所示。图3-74图3-75图3-76图3-773）在网页代码视图</footer>标签前面，插入如图3-78红框中所示内容。制作网页页脚的第一部分内容。在style.css文件中创建如图3-79所示的样式。保存网页文件和样式表文件，预览效果如图3-80所示。图3-78图3-79图3-80至此，完成冬藏网站index.html静态页面的制作任务。任务2制作网站的图书类目页面（静态）1.实验目的：（1）了解电商网站商品类目页面的主要功能。（2）掌握使用Dreamweaver软件制作网页整体布局的方法和技巧。（3）掌握使用Dreamweaver软件制作网页商品类目页面的方法和技巧。（4）掌握使用Dreamweaver软件编写、修改CSS样式表代码的方法和技巧。掌握使用Dreamweaver软件调试网页的方法和技巧。2.实验要求（1）安装DreamweaverCC2018中文版（或其它相近版本的Dreamweaver软件）。（2）掌握Dreamweaver软件的使用方法。对HTML标签知识和CSS代码知识比较熟悉。3.实验目标（1）完成冬藏网站首页goods-list.html文件的制作。完成冬藏网站首页index.html文件和goods-list.html文件的链接制作。4.问题分析（1）有了网站首页文件，怎么快速制作出其他页面。图书分类页面选择项需要设置哪些内容。5.解决办法（1）要快速制作出整体风格一致，功能有所不同的网页，有多种方法，如使用Dreamweaver软件的网页模板功能，使用Dreamweaver的库功能，使用自助建站等，这些方法各有利弊。而建立一套规范可靠的CSS外部样式表文件，是保证网页风格统一，建站高效快捷的关键因素。（2）电商网站，图书分类页面选择区域，需要设置哪些内容，主要是考虑浏览者和顾客的需要。不同的浏览者需求和浏览习惯会有所不同，在项目设置上，要选择多数浏览者都需要的分类方式。如开发者没有经验，可以参考其他网站的设置方法。6.实验步骤（1）冬藏网站goods-list.html网页的最终效果，如图3-81所示。图3-81（2）将任务一中制作完成的index.html网页文件复制一份，改名为goods-list.html,存放在站点D:\dongcang文件夹下。（3）在Dreamweavercc2018软件中，打开goods-list.html文件。（4）打开代码视图，删除goods-list.html文件中如图3-82所示的代码。（说明：这是原来首页文件中的轮播图片到热销排行部分的代码）图3-82（5）在代码视图下，继续往下移动鼠标，找到新书推荐这行代码，将其删除。如图3-83所示。保存网页，预览效果如图3-84所示。图3-83图3-84（6）打开文件，新建一个goods.css样式表文件，保存在D:\dongcang\css文件夹下。如图3-85、3-86所示。图3-85图3-86（7）切换到goods-list.html文件代码视图，将光标放到网页代码的头部区，链接引入goods.css样式表文件。如图3-87红框处所示。图3-87（8）在goods-list.html文件代码视图下，将光标放到</header>标签后面空白处。如图3-88所示。图3-88（9）在网页代码视图中插入如图3-89红框中所示内容。在goods.css创建如图3-90所示的样式。保存网页和样式表文件，预览效果如图3-91中箭头指向地方所示。图3-89图3-90图3-91（10）在网页代码视图中插入如图3-92红框中所示内容。在goods.css创建如图3-93所示的样式。保存网页和样式表文件，预览效果如图3-94中箭头指向地方所示。图3-92图3-93图3-94（11）在网页代码视图<divclass="porselect">标签中插入如图3-95红框中所示内容。在goods.css创建如图3-96、3-97所示的样式。保存网页和样式表文件，预览效果如图3-98中箭头指向地方所示。图3-95图3-96图3-97图3-98（12）在网页代码视图<divclass="porselect">标签中继续插入如图3-99红框中所示内容。保存网页文件，预览效果如图3-100中箭头指向地方所示。图3-99图3-100到这里，图书分类页面选择分类部分制作完成。接下来还要在网页底部图书信息后面，制作分页选择信息。（13）在网页代码视图中<footer>标签前插入如图3-101红框中所示内容。在goods.css创建如图3-102、3-103所示的样式。保存网页和样式表文件，预览效果如图3-104中箭头指向地方所示。图3-101图3-102图3-103图3-104（14）在网页代码视图中对各本图书的信息进行检查修改，包括图片、书名、价格、销售数量等，使本网页中列出的图书都是经济类的图书，符合本页面的分类定位。最后保存网页，整个网页预览效果如图3-105所示。（说明：每位同学选择的图书项目可能不同，但最后显示效果应符合要求。）图3-105（15）在DreamweaverCC2018软件中打开index.html文件，给主导航栏中的“经济”增加链接，使其链接到goods.list.html文件。如图3-106所示。保存网页，预览链接效果。图3-106至此，完成冬藏网站图书分类页面goods.list.html静态页面的制作任务。项目三电子商务网站设计与开发【拓展实验】实验1ASP.NET运行环境与配置1．实验目的（1）了解ASP.NET的特点。（2）掌握设置ASP.NET的运行环境。2．实验要求（1）环境准备。硬件：CPU为酷睿2以上的装有网卡的计算机，内存至少为2GB，硬盘至少为60GB。可以考虑使用虚拟机。软件：操作系统是Windows，这里以Windows7专业版为例，安装IIS7。（2）知识准备：掌握动态网页设计的方法，了解HTML和ASP.NET程序的创建方法。3．实验目标通过安装IIS7和.NETFramework3.5，设置好运行ASP.NET程序的环境。4．问题分析（1）不了解ASP.NET动态网页的特点，不知道怎样制作ASP.NET网页。（2）不了解IIS7和.NETFramework3.5的安装顺序。（3）不知道需要安装哪些与ASP.NET有关的文件。（4）无法在浏览器中预览ASP.NET动态网页。5．解决办法（1）通过学习第3章和第8章的有关内容，增加对ASP.NET的了解。（2）查看Dreamweaver软件帮助信息中有关ASP.NET动态网页运行环境的内容。（3）检查IIS设置是否正确，检查虚拟目录设置是否正确。（4）检查ASP.NET有关组件是否按要求正确安装。（5）如系统设置完成后，仍不能正常运行ASP.NET程序，可以在Windows命令模式下运行，执行以下操作：C:\>\WINNT\Microsoft.NET\Framework\v1.1.4322\aspnet_regiis-i各操作系统下该文件位置有所不同，可以用搜索功能查找aspnet_regiis.exe文件，确定正确的路径。Aspnet_regiis.exe可以用于安装和卸载链接的ASP.NET版本。使用-i选项可安装ASP.NET，并更新所有现有ASP.NET应用程序的脚本映射。使用-ir选项可安装ASP.NET，但不更新脚本映射。若要卸载与该工具关联的ASP.NET版本，请使用-u选项。6．实验步骤第一步：配置ASP.NET运行环境。要使用ASP.NET创建动态网页，首先要从硬件和软件方面配置好ASP.NET的运行环境。在硬件方面，必须在计算机上安装网卡，并接好网线。在软件方面，必须安装TCP/IP、服务器软件及浏览器软件，并指定本机的IP地址。在满足了以上条件后，还要安装7.0以上版本的IIS。（1）安装IIS。①打开Windows7的控制面板，单击左下侧的“程序”，单击“打开或关闭Windows功能”。控制面板主页②现在出现了安装Windows功能的选项菜单，注意选择的项目，我们需要手动选择需要的功能，这里把IIS的有关项目全都勾选上。插入Windows7系统安装光盘，单击确定。（或从网上直接安装组件程序）。打开或关闭Windows功能③安装完成后，再次进入控制面板。单击“系统和安全”。控制面板程序窗口④单击“管理工具”，在其中双击“Internet(IIS)管理器”选项，进入IIS设置。Internet(IIS)管理器（一）Internet(IIS)管理器（二）⑤双击窗口左侧的计算机名处，并单击“网站”，从中选择“DefaultWebSite”，鼠标右键单击“DefaultWebSite”，设置站点中有关的选项。设置默认站点属性⑥这里主要是设置站点的停止/启动、网站的目录、网站的端口、网站的默认文档等项目。至此，Windws7的IIS7设置已经基本完成了。（2）安装NETFramework3.5。Windows7在系统安装时，默认安装NETFramework3.5。如果用户的操作系统下没有安装NETFramework3.5，或安装了但不能正常使用，可以在组件功能里卸掉，重新安装NETFramework3.5。安装方法和安装其他Windows组件一样，这里不再过多介绍。如果是单独安装.NETFramework3.5，一定要在安装完IIS后且服务器能正常运行的情况下，才能接着安装NETFramework。（3）创建虚拟目录。在Windows7中创建虚拟目录。一旦启动了Web服务，Web服务器就可以对通过浏览器提交的ASP.NET动态网页请求做出响应。为了实现这种响应，要求ASP.NET文件必须保存在Web服务器上的特定文件夹中，通常是保存在Web站点的主目录或其子目录中，主目录的默认设置是\Inetpub\wwwroot文件夹。如果希望在Web站点主目录及其子目录之外的其他文件夹中保存ASP.NET文件，则必须对该文件夹设置Web共享选项，使之成为Web站点内的一个虚拟目录。所谓虚拟目录，就是在URL地址中使用的目录名称，有时也称做URL映射。虚拟目录的名称可以与物理目录相同，也可以不相同。在Windows7中创建虚拟目录的操作步骤如下。①确认Web服务已经启动。打开D盘，找到“叮当网上书店”本地站点的文件夹ding-dang。②单击ding-dang文件夹，然后在“文件”菜单中选择“共享”命令。在文件夹属性对话框中选择“Web共享”选项卡，然后选取“共享这个文件夹”单选按钮。设置文件夹的Web共享属性③打开“编辑别名”对话框，输入别名“dingdang”。指定虚拟目录的别名④单击“确定”按钮，再次单击“确定”按钮。如果将网页保存在Web站点的主目录中，则在本地计算机上可以通过以下URL地址来访问该网页：http://localhost／文件名。如果将网页保存在Web站点主目录及其子目录中，或者保存在某个虚拟目录及其子目录中，则在本地计算机上可以通过以下URL地址来访问该网页：http://localhost／目录/.../文件名。如果要在网络中的其他计算机上访问上述网页，使用主机名或IP地址来代替占位符localhost即可。实验2制作一个支持网站用户登录的ASP.NET动态网页1．实验目的（1）学习开发ASP.NET程序的方法。（2）掌握ASP.NET网页调用数据库的方法。（3）学会调试ASP.NET程序。2．实验要求（1）环境准备：计算机中装有IIS7.0、.NETFramework3.5，装有DreamweaverCS6设计软件。（2）知识准备：具有数据库基础知识，能熟练使用Access2010建立数据库和数据表；会使用Dreamweaver软件，设置远程站点和ASP.NET连接数据库的方法。3．实验目标（1）建立一个储存注册用户信息的数据库。（2）制作一个用户登录的动态网页。4．问题分析（1）不了解ASP.NET程序的开发环境要求。（2）不了解怎样建立Web页和数据库的连接。（3）程序运行时出现登录界面，但输入正确信息后没有反应。（4）程序运行时提示“System.Data.OleDb.OleDbException:不能使用''；文件已在使用中。”的异常信息。5．解决办法（1）ASP.NET程序的开发环境有多种，最理想的方式是安装了VisualStudio.NET2003或2005，在VS2003、VS2005、VS2008下进行编写和调试，效率高，调试方便；其次可以使用ASP.NET网页文本编辑器，DreamweaverCS6也支持制作ASP.NET动态网页。最后可以选择使用记事本编写ASP程序，但对编写者的要求非常高，不能直接调试，也没有错误信息提示等。（2）ASP.NET网页和数据库的连接，可在站点的根目录下通过编写Web.config文件建立，这样减少网站中各个页面连接数据库都需要手工输入连接数据库连接串，将来修改起来更是方便。（3）程序运行时出现登录界面，输入正确信息后没有反应，可能是程序需要的控件没有被激活，可以执行AspNET_regiis.exe–c命令（参考本章实验的介绍），然后再重启IIS，就可以正常运行了。（4）出现“System.Data.OleDb.OleDbException:不能使用''；文件已在使用中。”的异常信息，是因为Access数据库是单用户单线程的数据库，在Access里面打开编辑数据库文件时，其实是以当前Windows用户（比如Administrator）身份打开数据库，而ASP.NET默认使用的是ASP.NET虚拟用户（隶属于Users组），级别低于Administrator，无法和Administrator“抢夺”权限，所以出现冲突错误。解决办法是把Access数据库所在的站点根目录的文件夹设置共享权限全部选中。

6．实验步骤网站会员登录页面一般包括两项功能：对未注册的新用户提供注册服务，对已注册的会员用户允许通过输入正确的用户名和密码进入会员区。（1）建立一个存储注册用户信息的数据库。打开Access程序，在网站根目录下建立一个名为UserInfo.mdb的数据库文件，在UserInfo.mdb中建立一个名为Usersheet的数据表。网站用户信息表Usersheet的表结构字段名称类型长度允许空说明code自动编号4否用户编号，应为自动编号，设为主键loginname文本16否用户名userpass文本8否密码username备注10是用户真实姓名Birth日期/时间8是出生日期Email文本32是E-mailpassQuestion文本20是找回密码时提问的问题PassAnswer文本20是答案Address文本20是联系地址Telephone文本32是联系电话Zipcode文本32是邮政编码收货人地址Sex文本2是性别为方便调试程序，可以在数据表中先录入一条记录。数据表中的记录内容（2）用记事本编写一个网页配置文件web.config，并保存在网站站点的根目录下。文件内容如下：<configuration><appSettings><addkey="MM_CONNECTION_HANDLER_Cnn"value="default_oledb.htm"/><addkey="MM_CONNECTION_STRING_Cnn"value="Provider=Microsoft.Jet.OLEDB.4.0;DataSource=c:\inetpub\dingdang\UserInfo.mdb;PersistSecurityInfo=False"/><addkey="MM_CONNECTION_DATABASETYPE_Cnn"value="OleDb"/><addkey="MM_CONNECTION_SCHEMA_Cnn"value=""/><addkey="MM_CONNECTION_CATALOG_Cnn"value=""/></appSettings></configuration>Source=c:\inetpub\dingdang\UserInfo.mdb;PersistSecurityInfo=False"/>这句程序应根据站点数据库实际位置做更改。（3）编写用户登录页面程序default.aspx，程序编写完成后，将其保存在网站站点根目录下。用户登录程序一般应该包括显示登录界面，提醒输入信息，检查输入信息是否正确和登录成功链接打开主页面等功能。与之配套的应该有用户注册程序和找回密码程序等。注册用户程序和找回密码程序这里没有给出，运行时单击该按钮无效。程序内容：<%@language="vb"debug="true"%><%@RegisterTagPrefix="MM"Namespace="DreamweaverCtrls"Assembly="DreamweaverCtrls,version=,publicKeyToken=836f606ede05d46a,culture=neutral"%><MM:DataSetid="DataSet1"runat="Server"IsStoredProcedure="false"ConnectionString='<%#System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_Cnn")%>'DatabaseType='<%#System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_Cnn")%>'CommandText='<%#"SELECT*FROMUserSheetWHERELoginName=?AndUserPass=?"%>'Debug="true"><Parameters><ParameterName="@LoginName"Value='<%#IIf((Request.Form("theName")<>Nothing),Request.Form("theName"),"")%>'Type="WChar"/><ParameterName="@thePass"Value='<%#IIf((Request.Form("thePwd")<>Nothing),Request.Form("thePwd"),"")%>'Type="VarChar"/></Parameters></MM:DataSet><MM:PageBindrunat="server"PostBackBind="true"/><scriptrunat="server">SubLogin_Click(ByValsenderAsObject,ByValEAsEventArgs)dimJHStrasStringIfDataSet1.DefaultView.Table.Rows.Count>0thenJHStr=DataSet1.DefaultView.Table.Rows(0)("JHTag")Iftrim(JHStr)="1"ThenSession("userid")=DataSet1.DefaultView.Table.Rows(0)("code")Session("username")=DataSet1.DefaultView.Table.Rows(0)("username")Session("logintime")=System.DateTime.NowResponse.Redirect("main.aspx")elseLblErr.Text="此账户尚未激活，无法正常登录！"endifelseLblErr.Text="登录名称或密码错误！"endifEndSubSubFindPass_Click(ByValsenderAsObject,ByValEAsEventArgs)Response.Redirect("LoadPass.aspx")EndSubSubReg_Click(ByValsenderAsObject,ByValEAsEventArgs)Response.Redirect("Login.aspx")EndSub</script><html><scriptlanguage="javascript"><!--//varObj=''document.onmouseup=MUpdocument.onmousemove=MMovefunctionMDown(Object){Obj=Object.iddocument.all(Obj).setCapture()pX=event.x-document.all(Obj).style.pixelLeft;pY=event.y-document.all(Obj).style.pixelTop;}functionMMove(){if(Obj!=''){document.all(Obj).style.left=event.x-pX;document.all(Obj).style.top=event.y-pY;}}functionMUp(){if(Obj!=''){document.all(Obj).releaseCapture();Obj='';}}//--></script><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>用户登录</title><linkhref="css/Main.css"type="text/css"rel="stylesheet"/></head><bodyscroll="no"><formrunat="server"><tableid="MoveDiv"style="position:absolute;top:25%;left:30%;"width="413"border="0"align="center"cellpadding="0"cellspacing="0"bgcolor="#EEEAD6"><tr><tdheight="29"colspan="3"background="image/topbg.gif"><tablewidth="95%"align="right"border="0"cellspacing="0"cellpadding="0"title="可移动登陆框"style="cursor:hand;"onMouseDown="MDown(MoveDiv)"><tr><tdalign="left"valign="middle"nowrap><fontcolor="#FFFFFF"><B>欢迎光临</B></font></td></tr></table></td></tr><tr><tdwidth="3"background="image/link.GIF"></td><td><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><tr><td><tablewidth="95%"border="0"align="center"><tr><td><fieldset><trheight=30><tdwidth="15%"height="30"> </td><tdwidth="20%">登录名称：</td><tdwidth="65%"><asp:TextBoxID="theName"TextMode="SingleLine"runat="server"/><asp:RequiredFieldValidatorControlToValidate="theName"Display="Dynamic"ErrorMessage="请输入登录名称！"ID="Require1"runat="server"Text="请输入登录名称！"/></td></tr><trheight=30><tdheight="30"> </td><td>登录密码：</td></tr><trheight=40><tdheight="40"colspan="3"align="center"><asp:ButtonID="Login"runat="server"Text="登录"BorderStyle="Ridge"Font-size="9pt"BorderWidth=1OnClick="Login_Click"/></td></tr></table></fieldset></td></tr><tr><tdalign=leftstyle="padding-left:5px;"><asp:ButtonID="Reg"runat="server"Text="立即注册"BorderStyle="Ridge"Font-size="9pt"BorderWidth=1OnClick="Reg_Click"CausesValidation=false/>  <asp:ButtonID="FindPass"runat="server"Text="忘记密码"BorderStyle=      <asp:LabelID="LblErr"runat="server"ForeColor=redText=""></asp:Label></td></tr></table></td></tr></table></td><tdwidth="3"background="image/link.GIF"></td></tr><tr><tdheight="3"background="image/linkbom.GIF"colspan="3"></td></tr></TABLE></form></body></html>（4）编写显示登录成功信息的程序main.aspx，程序编写完成后，将其保存在网站站点根目录下。main.aspx是用户登录程序default.aspx的配套程序，用户登录成功，不是显示网站的主页，而是显示main.aspx中的祝贺登录成功信息。程序内容：<%@language="vb"debug="true"%><scriptrunat="server">SubPage_Load(ByValSenderAsObject,ByValeAsEventArgs)IfNotPage.IsPostBackThenIfIsDBNull(Session("userid"))OrTrim(Session("userid"))=""ThenLblInfo.Text="对不起，您尚未登录系统！"LogOut.Visible=FalseModiUser.Visible=FalseLogIn.Visible=TrueElseLblInfo.Text="恭喜，"&Trim(Session("username"))&"，您已成功登录系统！"LogOut.Visible=TrueModiUser.Visible=TrueLogIn.Visible=FalseEndIfEndIfEndSubSubLogOut_Click(ByValsenderAsObject,ByValEAsEventArgs)Session("userid")=""Session("username")=""Session("logintime")=""LblInfo.Text="用户注销成功，您可安全关闭此页面，也可重新登录！"LogIn.Text="重新登录"LogOut.Visible=FalseModiUser.Visible=FalseLogIn.Visible=TrueEndSubSubLogin_Click(ByValsenderAsObject,ByValEAsEventArgs)Response.Redirect("default.aspx")EndSubSubModi_Click(ByValsenderAsObject,ByValEAsEventArgs)Response.Redirect("ModiUser.aspx")EndSub</script><html><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>登录成功</title><linkhref="css/Main.css"type="text/css"rel="stylesheet"/></head><body><formrunat="server"><palign=center><asp:LabelID="LblInfo"Font-Size="15px"runat="server"Text=""></asp:Label></p><palign=center><asp:ButtonID="LogOut"runat="server"Text="注销用户"OnClick="LogOut_Click"/>    <asp:ButtonID="LogIn"runat="server"Text="登录"OnClick="Login_Click"/>    <asp:ButtonID="ModiUser"runat="server"Text="修改资料"OnClick="Modi_Click"/></p></form></body></html>（5）在站点中运行程序。default.aspx程序正常运行后，显示如下图的效果。

打开登录程序窗口在登录程序窗口中输入信息直接单击“登录”按钮的效果提示输入错误信息的效果下图为运行main.aspx程序的效果登录成功的页面项目四数据库的管理与使用【任务实施】任务1表的创建与管理1．实验目的了解MySQL数据库的常用数据类型。掌握使用SQL语句创建表的方法。2．实验要求（1）环境准备：已创建冬藏书店的数据库do