参考实验步骤
一、新建网站,实现登录页面 (1)新建一个网站 在硬盘(如 D 盘)上新建一个文件夹(例如 test) ,运行 VS2008,操作步骤: “文件”->“新建”->“网站” 在位置中点“浏览”选择新建的文件夹,如图:
点确定,系统会自动创建相关文件,并打开“Default.aspx”文件。 (2)将 efault.aspx 切换到“
设计”视图
在页面中插入一个布局表格:“表”->“插入表” ( )建议选 4 行 3 列 在“工具栏”中找到“Label”控件,拖放一个到页面中表的第一行中间列,找到“Login”控件,拖放一个到 页面中的表中的第二行中间列。在第四行中间插入一个 Label 控件,ID 属性设为 Label_error,其 Text 属性设为空。
设置“Label”控件的 Text 属性为“请输入信息登录” (或其他文字) ,再设置其他的属性,比如字体大小和颜 色, (你感觉美观即可) 设置“Login”控件的属性,鼠标指向控件的右上角“IntelliSense”箭头,得到:
先选“自动套用格式”选一个格式,在选“转换为模板” ,后,此控件的各个部分可以单独选择了,选中“登 录”按钮,如图
鼠标双击此登录按钮,给它添加响应事件,
系统切换到代码窗口,并自动添加响应事件函数,如图所示:
修改此响应函数,添加一些代码,见红色框表示的部分,代码含义见旁边的注释 打开“服务器资源管理器” ,在“视图”菜单中。
在“服务器资源管理器”中鼠标键右击“数据连接” ,选“创建新 SQL Server 数据库” ,按照要求新建一个“Users” 数据库(见下左图) ,在创建新的数据库对话框中,选择服务器为你的机器名(见下右图,我的机器名是 G234,
因为我这里安装的是 SQL 数据库 Express 版) ,输入新数据库名 Users 后点确定。
创建好数据库后,服务器资源管理器窗口中就有了这个数据库连接,如下图:
下面创建数据表,展开新建的数据库连接,右击表,选择“添加新表”
打开表定义窗口,如下,定义各个字段, (注意,id 字段设为标识、自动增 加,就是传说中的主键, )保存时给表命名为:users
接着添加预先定义的数据,右击“users”表,选择“显示表数据” ,手动添加几条数据,如下右图:
(3)新建欢迎页面 在解决
方案管理器中,右击“test”项目,选择“添加新项” :
选择 Web 窗体,指定名称:welcome.aspx;在打开的 welcome.aspx 中添加一个欢迎语句,表示通过验证。
再次添加一个页面,用来显示所有用户信息;如下:
然后在此页面中插入一个布局表格(步骤见前面) 。 (4)绑定数据到 Gridview 控件 在 usersinfo.aspx 页面中的表第二行中间列插入一个 GridView 控件:
点击 GridView 控件的 IntelliSense 按钮(控件右上角的小按钮) ,选择“自动套用格式” ,先把表格美观一下下。 在点击“选择数据源” ,新建一个数据源。
在下面窗口中选“数据库”
下面再选择前面建好的数据连接
下一步保存连接字符串,点下一步
下一步选 users 表和所有列(就是*)
下一步点“测试查询”可看到表中的数据,点完成
这个页面就差不多了,剩下美观的
工作就看你们的了。 (4)修改登录的响应事件 打开 Default.aspx.cs 页面,找到登录按钮的响应事件函数,编辑代码:部分代码如下,具体解释见注释部分
protected void LoginButton_Click(object sender, EventArgs e)//登录按钮单击响应函数 { string uname = Login1.UserName; //将用户名读到uname变量中 string upsw = Login1.Pass
word; //将密码保存到upsw变量中
//下面添加数据连接对象 SqlConnection scon = new SqlConnection(@"Data Source=G234\SQLEXPRESS; Initial Catalog=users;Integrated Security=True"); //查询语句 string sqlstr = "select * from users where uname='" + uname + "' and upsw='" + upsw + "'"; //新建数据库操作命令对象 Sql