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

1、表单网页的制作及数据库创建和连接学 生 实 验 报 告课程名称电子商务网页制作实验成绩实验项目名称表单网页的制作及数据库创建和连接批阅教师沈金实验者学号专业班级电商1111实验日期一、实验预习报告（实验目的、内容，主要设备、仪器，基本原理、实验步骤等）（可加页）实验内容：1、登录和注册网页的制作（截图展示），并说明两个网页中共使用哪些控件 2、对应数据库的建立，分别使用SQL server和ACCESS建立相应的数据库和数 据表，并用截图+关系模式表示出来。二、实验过程记录（包括实验过程、数据记录、实验现象等）（可加页）1.新建站点，打开网页一，插入div标记，并设置相关字体的标题，插入表单及

2、表单中的相应的选项，其中包括“字段集”、“文本域”及按钮等选项，页面一中的代码如下图所示:1添加表单后的效果图如下所示；给登录页面添加如下样式；添加样式后效果图如下：预览该页面，会看到最终的登录页面的效果图如图所示：单击登陆页面的“注册”超链接，将跳转到注册页面，新建HTML文档并保存为2-html，切换至代码视图，在和间插入一下的代码：添加样式后的效果图点击预览该网页，会看到最终的注册页面的效果图，如图所示：添加spry样式，点击菜单栏中的“插入”-“spry”，选择相应的选项进行添加预览该页面，会出现如下的效果图：启动access，选择“文件”|“新建”命令，再选择“空数据库”选项，输入文

3、件名“登录表”，单击“创建”按钮即可完成新建登录数据库，此时Access程序就会弹出登录数据库的窗口，如图所示：双击“使用设计器创建表”选项，弹出创建表的输入界面，在界面填入name和password两个字段，将name设为主键，单击“保存”命令，弹出“另存为”窗口，在表名称中输入“登录表”，点击确定双击“登录”表并打开，在表中添加相应的数据按照同样的方法创建“注册”数据库，将name设为主键，如图所示：双击“注册”表，在表中填入相关的数据：在站点的下方会出现一个web.config网页，打开网页会出现如下的代码：在Dreamweaver中选择“新建”命令，在弹出的“新建文档”中选择“空白页”

4、选项，然后再选择“ASP VBScript”，单击“确定”按钮新建一个ASP文档，如图所示：（2）单击“数据库”面板上的“添加”图标，选择“自定义连接字符串”选项，在弹出的对话框中输入连接名称和连接的字符串：点击“测试”按钮，会弹出如下的对话框：点击“确定”，系统自动创建名为cong的数据库连接，如图：启动SQL Server服务，然后启动“SQL Server Management Studio”，输入连接用户名和密码，单击“连接”按钮，进入主界面，右击“数据库”“新建数据库”，在弹出的对话框中输入所建的数据库的名称，修改路径名称，点击“确定”，会看到左边的栏目下多出了一个“wan”的数据库

5、：在数据库wan的下方找到表，点击右键中的新建表，在表中编辑字段和填入相关的数据类型，并将name设置为主键：选中“登录”表，点击右键鼠标中的“编辑前两百行”，在其中填入相关的数据，在数据库wan的下方找到表，点击右键中的新建表，在表中编辑字段和填入相关的数据类型选中“注册”表，点击右键鼠标中的“编辑前两百行”，在其中填入相关的数据，在Dreamweaver CS5中，点击菜单栏中的“窗口”“数据库”再点击数据库下方的“+”中的数据源名称会弹出如下的窗口点击“定义”中的“驱动程序”中的点击确定，数据源名称没有显示，如下图：三、实验结果分析（可加页）在创建表单的过程中，注意表单中各个选项中的功能，以便更好的达到自己想要的效果在建立与Access连接的过程中，要将表放在自己熟悉的路径中，这样可以更好的调用数据库在最后建立与过程中出现了点问题，导致不能链接，具体的原因我也不是很清楚