图片管理系统

Height:100px width:100px
注意检查GridView的属性设置： AllowPaging=“True” AutoGenerateColumns=“False” DataKeyNames=“albumID” PageSize=“2”
增加查询按钮Button
新建ObjectDataSource,配置数据源，选择DB中的GetByID
数据表设计
表名 列名 imageID 描述 图片编号 image（图片表） 数据类型（精度范围） 空/非空 int varchar(50) 非空 非空 约束条件 PK（自增）
imageName 图片名称
imageUrl
imageTime imageDesc albumID
图片地址
添加时间 图片简介
利用SqlDataSource 生成数据库连接字符串
将SqlDataSource生成的数据库连接字符串复制到web.config 中，然后就可以删除该SqlDataSource，如下所示： <connectionStrings> <add name="ConnectionString" connectionString="Data Source=GUOJIA;Initial Catalog= PHOTO;Integrated Security=True"/> </connectionStrings>
wenku.baidu.com
对于”创建专辑”按钮按下后,应该打开新的窗体 AddAlbum.aspx,实现专辑名称,专辑封面图片和专辑简介信 息的添加.如下图:
在DB.cs中继续添加功能块,实现添加专辑信息的功能 public void AddAlbum(string albumName, DateTime albumTime, string logoUrl, string albumDesc) { SqlHelper helper = new SqlHelper(); string strsql = "insert into album (albumName,albumTime,logoUrl,albumDesc) values(@name,@time,@logourl,@desc)"; SqlParameter[] parm = new SqlParameter[] { new SqlParameter("@name",albumName), new SqlParameter("@time",albumTime), new SqlParameter("@logourl",logoUrl), new SqlParameter("@desc",albumDesc) }; SqlCommand cmd = helper.GetCommand(strsql, parm); cmd.ExecuteNonQuery(); }
利用GridView显示专辑信息，用上述方法新建数据 源—对象，与上述方法中不同的是，选择的DB方法不同。
给GridView编辑列，如下所示： BoundField:专辑编号、专辑名称、专辑创建时间
TemplateField:专辑封面
HyperLinkField:为专辑添加图片、浏览专辑图片、修改专辑 CommandField:删除
修改图片
删除图片
修改图片的简介信息及所属的专辑
删除图片相关信息
开发步骤
1、文件—新建网站，在站点下新 建App_Code和 App_Data 文件夹； 2、将数据库文件及数据库日志文 件，存放在App_Data中； 3、右击App_Code，添加新 项，添加类文件SqlHelper.cs 和DB.cs； 4、右击站点—添加配置文件 web.config 5、添加两个文件夹image和 logo分别存放图片
浏览图片 查询专辑 删除图片
修改图片
数据表设计
表名
album（专辑表）
列名
albumID albumName albumTime logoUrl albumDesc
描述
数据类型（精度范围） 空/非空 约束条件
非空 非空 非空 非空 非空 PK（自增）
专辑编号 int 专辑名称 varchar(50) 创建时间 datetime 图片地址 varchar(100) 专辑简介 Varchar(100)
双击”提交”按钮,将专辑信息添加到album数据表中.
protected void Button1_Click(object sender, EventArgs e) { DB db = new DB(); string albumName = TextBox1.Text; DateTime albumTime = DateTime.Now; string logourl = "image/" + FileUpload1.FileName; string exname = FileUpload1.FileName.Split('.')[1]; string albumDesc = TextBox2.Text; if (exname.ToLower() == "jpg" || exname.ToLower() == "gif" || exname.ToLower() == "png") { FileUpload1.SaveAs(Server.MapPath(logourl)); } db.AddAlbum(albumName, albumTime, logourl, albumDesc); Response.Write("<script>alert('创建专辑成功'); location.href='default.aspx';</script>"); }
双击查询按钮buttton1，进入Default.aspx.cs代码中编辑：
protected void Button1_Click(object sender, EventArgs e) { GridView1.DataSourceID = ObjectDataSource3.ID; GridView1.DataBind(); }
varchar(50)
datetime varchar(100)
非空
非空 非空 非空
所属专辑编号 int
系统模块划分
模块类别
创建专辑 修改专辑 删除专辑 查询专辑 添加图片 查询图片
功能
创建专辑名称，添加封面图片、添加专辑简介 修改专辑封面图片和简介信息 删除专辑信息包括专辑中图片信息 按专辑名称查询或分页查询,浏览专辑编号、专 辑名称、专辑封面图片、专辑简介等信息 上传图片及图片简介 显示图片的名称、地址、上传时间、简介、 所属专辑名以及图片本身
当SqlHelper.cs和DB.cs两个公共类写好后，右击站点， 生成网站，检查是否生成成功。 如果生成成功，做如下操作：
利用GridView显示专辑信息，用上述方法新建数据源—对 象，与上述方法中不同的是，选择的DB方法不同。 注意：GridView的属性设置：AllowPaging=True, AutoGenerateColumns=False,DataKeyNames=albumID, PageSize=2.
SqlHelper.cs代码如下：
public class SqlHelper { private static readonly string ConnectionString = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; SqlConnection conn = new SqlConnection(ConnectionString); public SqlCommand GetCommand(string sqlStr, params SqlParameter[] cmdparms) { SqlCommand cmd = new SqlCommand(); cmd.Connection = conn; cmd.CommandText = sqlStr; cmd.CommandType = CommandType.Text; if (cmdparms != null) { foreach (SqlParameter p in cmdparms) { cmd.Parameters.Add(p); } } return cmd; } public SqlHelper() { conn.Open(); } }
//在首页上按名称查询专辑信息 public DataTable GetByID(int id) { SqlHelper helper = new SqlHelper(); string strsql = "select * from album where albumID=@albumID"; SqlParameter[] parm = new SqlParameter[] { new SqlParameter("@albumID",id) }; SqlCommand cmd = new SqlCommand(); cmd = helper.GetCommand(strsql, parm); DataTable dt = new DataTable(); using (SqlDataReader rdr = cmd.ExecuteReader()) { dt.Load(rdr); } return dt; }
//为首页的专辑名称下拉菜单绑定名称 public DataTable GetAlbumName() { SqlHelper helper = new SqlHelper(); string strsql = "select albumID,albumName from album"; SqlCommand cmd = new SqlCommand(); cmd = helper.GetCommand(strsql, null); DataTable dt = new DataTable(); using (SqlDataReader rdr = cmd.ExecuteReader()) { dt.Load(rdr); } return dt; } }
DB.cs代码（首先引用using System.Data.SqlClient;） public class DB { public DB() { // // TODO: 在此处添加构造函数逻辑 // } //在首页上显示所有专辑信息 public DataTable GetAll() { SqlHelper helper = new SqlHelper(); string strsql = "select * from album"; SqlCommand cmd = new SqlCommand(); cmd = helper.GetCommand(strsql,null); DataTable dt = new DataTable(); using (SqlDataReader rdr = cmd.ExecuteReader()) { dt.Load(rdr); } return dt; }
图片管理系统
需求分析
1.创建专辑/修改专辑封皮图片及简介/删除专辑/
按名称查询专辑;
2.为专辑添加图片/浏览专辑图片/删除选中图片/
修改图片简介及所属专辑名;
3.分页查询
用力图
创建专辑
修改专辑
添加图片 删除专辑
浏览图片
查询专辑 删除图片
修改图片
创建专辑
功能结构图
修改专辑 图片管理系统 删除专辑 添加图片
为了代码重用，为了体现分层思想，我们将数据库连接代 码写在SqlHelper.cs公共类中，将数据库操作代码写在DB.cs公 共类中。
SqlHelper.cs中： 1、右击站点—添加引用—.NET—System.Configuration 2、代码中添加using System.Data; using System.Data.SqlClient;