1拖入datalist控件,新建数据源,显示数据库中的数据
2编辑模板,删除picUrlLabel控件,添加image控件
3编辑image控件的DataBinding...
4切换到html页面,修改imageUrl 的值,使之成为正确的图片路径。设置datalist的列数。
5为图片添加超链接,以链接到详细页面detail.aspx
6在detail.aspx详细页面获取地址栏里username的值,以此为关键字,查询数据库,选择formview控件显示此人的详细信息,与以上datalist雷同。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
public partial class detail : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string s = "select * from users where username='" + Request["username"].ToString()+"'";
SqlConnection con = new SqlConnection("Data Source='PROVING\\SQLEXPRESS';Integrated Security=True;Pooling=False;Initial Catalog='workManage0_db'");
con.Open ();
DataSet ds = new DataSet();
SqlDataAdapter ada = new SqlDataAdapter(s, con);
ada.Fill(ds);
FormView1.DataSource = ds.Tables[0].DefaultView;
FormView1.DataBind();
con.Close();
}
}
7绑定各控件
8详细页