asp网页设计参考步骤

《asp网页设计参考步骤》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、参考实验步骤一、新建网站，实现登录页面（1）新建一个网站在硬盘（如D盘）上新建一个文件夹（例如test），运行VS2008，操作步骤：“文件”->“新建”->“网站”在位置中点“浏览”选择新建的文件夹，如图：点确定，系统会自动创建相关文件，并打开“Default.aspx”文件。（2）将efault.aspx切换到“设计”视图在页面中插入一个布局表格：（“表”->“插入表”）建议选4行3列在“工具栏”中找到“Label”控件，拖放一个到页面中表的第一行中间列，找到“Login”控件，拖放一个到页面中的表中的第二行中间

2、列。在第四行中间插入一个Label控件，ID属性设为Label_error,其Text属性设为空。设置“Label”控件的Text属性为“请输入信息登录”（或其他文字），再设置其他的属性，比如字体大小和颜色，（你感觉美观即可）设置“Login”控件的属性，鼠标指向控件的右上角“IntelliSense”箭头，得到：先选“自动套用格式”选一个格式，在选“转换为模板”，后，此控件的各个部分可以单独选择了，选中“登录”按钮，如图鼠标双击此登录按钮，给它添加响应事件，系统切换到代码窗口，并自动添加响应事件函数，如图所示：修改

3、此响应函数，添加一些代码，见红色框表示的部分，代码含义见旁边的注释打开“服务器资源管理器”，在“视图”菜单中。在“服务器资源管理器”中鼠标键右击“数据连接”，选“创建新SQLServer数据库”，按照要求新建一个“Users”数据库（见下左图），在创建新的数据库对话框中，选择服务器为你的机器名（见下右图，我的机器名是G234，因为我这里安装的是SQL数据库Express版），输入新数据库名Users后点确定。创建好数据库后，服务器资源管理器窗口中就有了这个数据库连接，如下图：下面创建数据表，展开新建的数据库连接，右击

4、表，选择“添加新表”打开表定义窗口，如下，定义各个字段，（注意，id字段设为标识、自动增加，就是传说中的主键，）保存时给表命名为：users接着添加预先定义的数据，右击“users”表，选择“显示表数据”，手动添加几条数据，如下右图：（3）新建欢迎页面在解决方案管理器中，右击“test”项目，选择“添加新项”：选择Web窗体，指定名称：welcome.aspx；在打开的welcome.aspx中添加一个欢迎语句，表示通过验证。再次添加一个页面，用来显示所有用户信息；如下：然后在此页面中插入一个布局表格（步骤见前面）。

5、（4）绑定数据到Gridview控件在usersinfo.aspx页面中的表第二行中间列插入一个GridView控件：点击GridView控件的IntelliSense按钮（控件右上角的小按钮），选择“自动套用格式”，先把表格美观一下下。在点击“选择数据源”，新建一个数据源。在下面窗口中选“数据库”下面再选择前面建好的数据连接下一步保存连接字符串，点下一步下一步选users表和所有列（就是*）下一步点“测试查询”可看到表中的数据，点完成这个页面就差不多了，剩下美观的工作就看你们的了。（4）修改登录的响应事件打开Def

6、ault.aspx.cs页面，找到登录按钮的响应事件函数，编辑代码：部分代码如下，具体解释见注释部分protectedvoidLoginButton_Click(objectsender,EventArgse)//登录按钮单击响应函数{stringuname=Login1.UserName;//将用户名读到uname变量中stringupsw=Login1.Password;//将密码保存到upsw变量中//下面添加数据连接对象SqlConnectionscon=newSqlConnection(@"DataSour

7、ce=G234SQLEXPRESS;InitialCatalog=users;IntegratedSecurity=True");//查询语句stringsqlstr="select*fromuserswhereuname='"+uname+"'andupsw='"+upsw+"'";//新建数据库操作命令对象SqlCommandscmd=newSqlCommand(sqlstr,scon);//新建数据操作接口对象SqlDataAdaptersda=newSqlDataAdapter(scmd);//新建内存表，

8、用来保存查询的结果数据DataTabledt=newDataTable();//执行查询try{scon.Open();//打开数据连接sda.Fill(dt);//执行查询,结果放在dt中if(dt.Rows.Count<=0)//判断是否找到合法用户{Label_error.Text="错误的用户名或密码！";//提示用户错误}else//