图片管理系统.ppt

《图片管理系统.ppt》由会员分享，可在线阅读，更多相关《图片管理系统.ppt（89页珍藏版）》请在第壹文秘上搜索。

1、1.创建专辑创建专辑/修改专辑封皮图片及简介修改专辑封皮图片及简介/删除专辑删除专辑/ 按名称查询专辑按名称查询专辑;2.为专辑添加图片为专辑添加图片/浏览专辑图片浏览专辑图片/删除选中图片删除选中图片/ 修改图片简介及所属专辑名修改图片简介及所属专辑名;3.分页查询分页查询用力图用力图创建专辑创建专辑修改专辑修改专辑删除专辑删除专辑查询专辑查询专辑添加图片添加图片浏览图片浏览图片删除图片删除图片修改图片修改图片图片管理系统图片管理系统创建专辑创建专辑修改专辑修改专辑删除专辑删除专辑查询专辑查询专辑添加图片添加图片浏览图片浏览图片删除图片删除图片修改图片修改图片功能结构图功能结构图数据表设计数

2、据表设计表名表名album（专辑表）（专辑表）列名列名描述描述数据类型（精度范围）数据类型（精度范围）空空/非空非空约束条件约束条件albumID专辑编号专辑编号 int非空非空PK（自增）（自增）albumName专辑名称专辑名称 varchar(50)非空非空albumTime创建时间创建时间 datetime非空非空logoUrl图片地址图片地址 varchar(100)非空非空albumDesc专辑简介专辑简介 Varchar(100)非空非空表名表名image（图片表）（图片表）列名列名描述描述数据类型（精度范围）数据类型（精度范围） 空空/非空非空约束条件约束条件imageID图片

3、编号图片编号int非空非空PK（自增）（自增）imageName图片名称图片名称varchar(50)非空非空imageUrl图片地址图片地址varchar(50)非空非空imageTime添加时间添加时间datetime非空非空imageDesc图片简介图片简介varchar(100)非空非空albumID所属专辑编号所属专辑编号int非空非空数据表设计数据表设计模块类别功能创建专辑创建专辑创建专辑名称，添加封面图片、添加专辑简介创建专辑名称，添加封面图片、添加专辑简介修改专辑修改专辑修改专辑封面图片和简介信息修改专辑封面图片和简介信息删除专辑删除专辑删除专辑信息包括专辑中图片信息删除专辑信

4、息包括专辑中图片信息查询专辑查询专辑按专辑名称查询或分页查询按专辑名称查询或分页查询,浏览专辑编号、专浏览专辑编号、专辑名称、专辑封面图片、专辑简介等信息辑名称、专辑封面图片、专辑简介等信息添加图片添加图片上传图片及图片简介上传图片及图片简介查询图片查询图片显示图片的名称、地址、上传时间、简介、显示图片的名称、地址、上传时间、简介、所属专辑名以及图片本身所属专辑名以及图片本身修改图片修改图片修改图片的简介信息及所属的专辑修改图片的简介信息及所属的专辑删除图片删除图片删除图片相关信息删除图片相关信息系统模块划分系统模块划分1、文件新建网站，在站点下新 建App_Code和 App_Data 文件

5、夹；2、将数据库文件及数据库日志文 件，存放在App_Data中；3、右击App_Code，添加新 项，添加类文件SqlHelper.cs 和DB.cs；4、右击站点添加配置文件 web.config5、添加两个文件夹image和 logo分别存放图片利用利用SqlDataSource生成数据库连接字符串生成数据库连接字符串 将SqlDataSource生成的数据库连接字符串复制到web.config中，然后就可以删除该SqlDataSource，如下所示： 为了代码重用，为了体现分层思想，我们将数据库连接代码写在SqlHelper.cs公共类中，将数据库操作代码写在DB.cs公共类中。Sql

6、Helper.cs中：1、右击站点添加引用.NETSystem.Configuration2、代码中添加using System.Data; using System.Data.SqlClient;SqlHelper.cs代码如下：代码如下：public class SqlHelper private static readonly string ConnectionString = ConfigurationManager.ConnectionStringsConnectionString.ConnectionString; SqlConnection conn = new SqlConne

7、ction(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);

8、 return cmd; public SqlHelper() conn.Open();DB.cs代码（首先引用using System.Data.SqlClient;）public class DBpublic DB()/ TODO: 在此处添加构造函数逻辑/ /在首页上显示所有专辑信息 public DataTable GetAll() SqlHelper helper = new SqlHelper(); string strsql = select * from album; SqlCommand cmd = new SqlCommand(); cmd = helper.GetComm

9、and(strsql,null); DataTable dt = new DataTable(); using (SqlDataReader rdr = cmd.ExecuteReader() dt.Load(rdr); return dt; /在首页上按名称查询专辑信息 public DataTable GetByID(int id) SqlHelper helper = new SqlHelper(); string strsql = select * from album where albumID=albumID; SqlParameter parm = new SqlParamete

10、r 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(); str

11、ing 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; 当当SqlHelper.cs和和DB.cs两个公共类写好后，右击站点，两个公共类写好后，右击站点，生成网站，检查是否生成成功。生成网站，检查是否

12、生成成功。如果生成成功，做如下操作：如果生成成功，做如下操作： 利用GridView显示专辑信息，用上述方法新建数据源对象，与上述方法中不同的是，选择的DB方法不同。注意：GridView的属性设置：AllowPaging=True,AutoGenerateColumns=False,DataKeyNames=albumID,PageSize=2. 利用GridView显示专辑信息，用上述方法新建数据源对象，与上述方法中不同的是，选择的DB方法不同。给给GridView编辑列，如下所示：编辑列，如下所示：BoundField:专辑编号、专辑名称、专辑创建时间专辑编号、专辑名称、专辑创建时间Te

13、mplateField:专辑封面专辑封面HyperLinkField:为专辑添加图片、浏览专辑图片、修改专辑为专辑添加图片、浏览专辑图片、修改专辑CommandField:删除删除Height:100pxwidth:100px注意检查注意检查GridView的属性设置：的属性设置：AllowPaging=“True”AutoGenerateColumns=“False”DataKeyNames=“albumID”PageSize=“2”增加查询按钮增加查询按钮Button新建ObjectDataSource,配置数据源，选择DB中的GetByID双击查询按钮buttton1，进入Default

14、.aspx.cs代码中编辑： protected void Button1_Click(object sender, EventArgs e) GridView1.DataSourceID = ObjectDataSource3.ID; GridView1.DataBind(); 对于”创建专辑”按钮按下后,应该打开新的窗体AddAlbum.aspx,实现专辑名称,专辑封面图片和专辑简介信息的添加.如下图:在在DB.cs中继续添加功能块中继续添加功能块,实现添加专辑信息的功能实现添加专辑信息的功能public void AddAlbum(string albumName, DateTime a

15、lbumTime, 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 SqlPa

16、rameter(logourl,logoUrl), new SqlParameter(desc,albumDesc) ; SqlCommand cmd = helper.GetCommand(strsql, parm); cmd.ExecuteNonQuery(); 双击双击”提交提交”按钮按钮,将专辑信息添加到将专辑信息添加到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()