个人网页设计.doc

个人网页设计一、 建立网站 利用Visual Studio 2005建立一个网站，来进行网站设计。建立过程如下图：这样就做好了一个空的网站，我们下面可以对网站进行编辑了。我们将一个Table的空间放入到主题页面下面，这样有助于我们进行随后的编辑二、 数据库的设计利用sql2000建立以个数据库用于在程序中导入数据1、在xls文件中添加我们所需要的歌曲相关文件2、将文件导入数据库中导入后的表浏览一下三、 主题页面的设计将各个空间拉到相应的位置我们进行编辑可以得到主题页面，如下图所示：位于左侧的是登陆界面和个人信息，二位于右侧的是一些常用网站的链接。对于网站的链接我们利用HyperLink进行设计并设置其属性 图片的添加，我们需要将我们所要添加的图片放入我们建立的网站下才能添加，建立一个image文件夹，将所用到得文件全部放入其中。其余控件比较简单就不在一一列举，主页采用单登陆的方式，没有过多的设定用户，因此登陆的程序代码也就比较简单如下： protected void Button1_Click(object sender, EventArgs e) if (TextBox1.Text = 孙振 & TextBox2.Text = 123) Response.Redirect(Default2.aspx); else TextBox1.Text = TextBox2.Text; return;四、 浏览页面的设计 我所建立的是一个人管理日常喜欢歌曲的系统，添加个删除一些歌曲，浏览一些歌曲。布局如下：DropDownList1控件未与相应的数控绑定，因为有些特殊情况下容易出错。采用即时更新的方法代码如下： if (DropDownList1.Text.Trim() = ) string constr = server=(local);database=student;Integrated Security=SSPI; SqlConnection myConnection = new SqlConnection(constr); myConnection.Open(); string a = select * from 歌曲 ; SqlDataAdapter adp = new SqlDataAdapter(a, myConnection); DataSet ds = new DataSet(); adp.Fill(ds, 歌曲); GridView1.DataSource = ds; GridView1.DataBind(); myConnection.Close(); myConnection.Open(); string b = select distinct 来源 from 歌曲 ; SqlDataAdapter adp2 = new SqlDataAdapter(b, myConnection); DataSet ds2 = new DataSet(); adp2.Fill(ds2, 歌曲); DropDownList1.DataSource = ds2.Tables0; DropDownList1.DataTextField = 来源; DropDownList1.DataValueField = 来源; DropDownList1.DataBind(); myConnection.Close(); 需要添加和删除时可以转到相应的界面下面。代码如下： protected void Button1_Click(object sender, EventArgs e) Response.Redirect(Default3.aspx); protected void Button2_Click(object sender, EventArgs e) Response.Redirect(Default3.aspx); 运行效果如下：五、 管理页面的设计 管理界面和浏览界面有所类似，设计方法也基本相同，不过管理界面多了两个可操作性控件，用来添加和删除。设置一个update函数用于每次添加或删除后能将页面项更新 public void Update() string constr = server=(local);database=student;Integrated Security=SSPI; SqlConnection myConnection = new SqlConnection(constr); myConnection.Open(); string b = select distinct 歌曲名称 from 歌曲 ; SqlDataAdapter adp2 = new SqlDataAdapter(b, myConnection); DataSet ds2 = new DataSet(); adp2.Fill(ds2, 歌曲); DropDownList1.DataSource = ds2.Tables0; DropDownList1.DataTextField = 歌曲名称; DropDownList1.DataValueField = 歌曲名称; DropDownList1.DataBind(); myConnection.Close(); （1） 添加歌曲将添加歌曲对应的TextBox1，TextBox2，TextBox3写到相应的数据库中。代码如下： protected void Button1_Click(object sender, EventArgs e) string constr = server=(local);database=student;Integrated Security=SSPI; SqlConnection MyConnection = new SqlConnection(constr); String strCmd = insert into 歌曲 values ( + TextBox1.Text.Trim() + , + TextBox2.Text.Trim() + , + TextBox3.Text.Trim() + ); MyConnection.Open(); SqlCommand MyCommand1 = new SqlCommand(strCmd, MyConnection); MyCommand1.ExecuteNonQuery(); MyConnection.Close(); TextBox1.Text = TextBox2.Text = TextBox3.Text = ; Update(); （2） 删除歌曲代码如下： protected void Button1_Click(object sender, EventArgs e) string constr = server=(local);database=student;Integrated Security=SSPI; SqlConnection MyConnection = new SqlConnection(constr); String strCmd = insert into 歌曲 values ( + TextBox1.Text.Trim() + , + TextBox2.Text.Trim() + , + TextBox3.Text.Trim() + ); MyConnection.Open(); SqlCommand MyCom