表单网页的制作及数据库创建和连接

学生实验报告

课程名称电子商务网页制作实验成绩

实验项目名称表单网页的制作及数据库创批阅教师沈金

实验者学号专业班级电商1111 实验日期

一、实验预习报告（实验目的、内容，主要设备、仪器，基本原理、实验步骤等）（可加页）实验内容：1、登录和注册网页的制作（截图展示），并说明两个网页中共使用哪些控件

2、对应数据库的建立，分别使用SQL server和ACCESS建立相应的数据库和数据表，并用截图+关系模式表示出来。

二、实验过程记录（包括实验过程、数据记录、实验现象等）（可加页）

1.新建站点，打开网页一，插入div标记，并设置相关字体的标题，插入表单及表单中的相应的选项，其中包括“字段集”、“文本域”及按钮等选项，页面一中的代码如下图所示:

1

添加表单后的效果图如下所示；

给登录页面添加如下样式；

添加样式后效果图如下：

预览该页面，会看到最终的登录页面的效果图如图所示：

单击登陆页面的“注册”超链接，将跳转到注册页面，新建HTML文档并保存为2-html，切换至代码视图，在和间插入一下的代码：

添加样式后的效果图

点击预览该网页，会看到最终的注册页面的效果图，如图所示：

添加spry样式，点击菜单栏中的“插入”-“spry”，选择相应的选项进行添加

预览该页面，会出现如下的效果图：

启动access，选择“文件”|“新建”命令，再选择“空数据库”选项，输入文件名“登录表”，单击“创建”按钮即可完成新建登录数据库，此时Access程序就会弹出登录数据库的窗口，如图所示：

双击“使用设计器创建表”选项，弹出创建表的输入界面，在界面填入name和password两个字段，将name

设为主键，单击“保存”命令，弹出“另存为”窗口，在表名称中输入“登录表”，点击确定

双击“登录”表并打开，在表中添加相应的数据

按照同样的方法创建“注册”数据库，将name设为主键，如图所示：

双击“注册”表，在表中填入相关的数据：

在站点的下方会出现一个web.config网页，打开网页会出现如下的代码：

在Dreamweaver中选择“新建”命令，在弹出的“新建文档”中选择“空白页”选项，然后再选择“ASP VBScript”，单击“确定”按钮新建一个ASP文档，如图所示：

（2）单击“数据库”面板上的“添加”图标，选择“自定义连接字符串”选项，在弹出的对话框中输入连接名称和连接的字符串：

点击“测试”按钮，会弹出如下的对话框：

点击“确定”，系统自动创建名为cong的数据库连接，如图：

启动SQL Server服务，然后启动“SQL Server Management Studio”，输入连接用户名和密码，单击“连接”按钮，进入主界面，右击“数据库”—“新建数据库”，在弹出的对话框中输入所建的数据库的名称，修改路径名称，点击“确定”，会看到左边的栏目下多出了一个“wan”的数据库：

在数据库wan的下方找到表，点击右键中的新建表，在表中编辑字段和填入相关的数据类型，并将name 设置为主键：

选中“登录”表，点击右键鼠标中的“编辑前两百行”，在其中填入相关的数据，

在数据库wan的下方找到表，点击右键中的新建表，在表中编辑字段和填入相关的数据类型

选中“注册”表，点击右键鼠标中的“编辑前两百行”，在其中填入相关的数据，

在Dreamweaver CS5中，点击菜单栏中的“窗口”—“数据库”再点击数据库下方的“+”中的数据源名称会弹出如下的窗口

点击“定义”中的“驱动程序”中的

点击确定，数据源名称没有显示，如下图：

：

三、实验结果分析（可加页）

在创建表单的过程中，注意表单中各个选项中的功能，以便更好的达到自己想要的效果

在建立与Access连接的过程中，要将表放在自己熟悉的路径中，这样可以更好的调用数据库

在最后建立与ＳＱＬＳｅｒｖｅｒ过程中出现了点问题，导致不能链接，具体的原因我也不是很清楚