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

学 生 实 验 报 告 课程名称 电子商务网页制作 实验成绩 实验项目名称 表单网页的制作及数据库创建和连接 批阅教师 沈金 实验者 学号 专业班级 电商1111 实验日期 一、实验预习报告（实验目的、内容，主要设备、仪器，基本原理、实验步骤等）（可加页） 实验内容：1、登录和注册网页的制作（截图展示），并说明两个网页中共使用哪些控件 2、对应数据库的建立，分别使用SQL server和ACCESS建立相应的数据库和数 据表，并用截图+关系模式表示出来。 二、实验过程记录（包括实验过程、数据记录、实验现象等）（可加页） 1.新建站点，打开网页一，插入div标记，并设置相关字体的标题，插入表单及表单中的相应的选项，其中包括“字段集”、“文本域”及按钮等选项，页面一中的代码如下图所示: 1 添加表单后的效果图如下所示； 给登录页面添加如下样式； 添加样式后效果图如下： 预览该页面，会看到最终的登录页面的效果图如图所示： 单击登陆页面的“注册”超链接，将跳转到注册页面，新建HTML文档并保存为2-html，切换至代码视图，在body和/body间插入一下的代码： 添加样式后的效果图 点击预览该网页，会看到最终的注册页面的效果图，如图所示： 添加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连接的过程中，要将表放在自己熟悉的路径中，这样可以更好的调用数据库 在最后建立与ＳＱＬ　Ｓｅｒｖｅｒ过程中出现了点问题，导致不能链接，具体的原因我也不是很清楚