Web应用程序开发能力综合实训 -在线相册设计 系别： 班级： 姓名： 学号： 日期： 1、 课程设计题目：在线相册设计2、 课程设计目的一个综合性的实践环节，通过课程设计促进知识的复习和所学知识的巩固。并利用所学知识能够利用VS2005开发一个简易系统.3、 课程设计要求1、以小组为单位进行设计，四人一组。2、任选一个设计完成，界面自定，同样的项目功能代码不能雷同，否则以不及格计。3、上交的成果的内容必须由以下两个部分组成：a)上交源程序：按照基本功能的具体要求所开发的所有源程序及数据库文件，首页文件统一为index.aspx，图片文件统一存入Images文件夹b)课程设计报告：电子档保存在word 文档中，文件名要求按照“班级学号_姓名_课程设计报告”起名，如文件名为“02计网1班55号_张三_课程设计报告.doc”。c）纸质课程设计报告要求十页以内。需求分析随着人们生活水平的逐步提高，旅游照相成了大家必不可少放松项目。虽然照片最后会存入到自己的电脑里，但是时间一长、照片一多，这些有着勾起回忆的“资料”，就会显得杂乱无章，即不方便欣赏，也不方便管理。而在线相册具有欣赏、传播方便，界面美观等特点，可以很好的管理所存入的照片，不失为最佳欣赏、保存照片的相册工具。在线相册系统平台也就应此应运而生。本系统是一种基于B/S架构的在线管理系统，它采用目前最流行的java语言编写，用到了当今先进的技术如 jsp技术、基于JSP+Servlet+DAO模式在小型应用系统中式灵活并稳定的架构，是典型的基于MVC模式的架构。同时采用MVC框架技术也提高了系统的可维护性。系统分为：个人管理模块、相册管理模块、相片管理模块。注：注册用户登陆后可以进行添加相册，上传，删除照片，修改资料等一系列操作。而如果是未注册用户只能查看相册中的内容，没有权力进行相应的修改。特别是上传相片、相册列表、相册管理、相片查看及评论管理等模块是在线相册系统的重点。4、 课程设计内容1.系统总体结构图 1-1 总体架构2.用例图用例图就是把网站各个用户的动作分解一下，再用画图软件把它画出来。电子相册系统的角色之一是注册用户目的：完成注册用户登陆后的一系列操作的完整过程。（1）用户输入登录名，密码，系统识别用户信息的有效性；（2）对用户信息进行识别；（3）用户完成相册列表，新建相册修改资料等一系列操作；（4）退出系统。图 1-2 用例图3.系统功能模块结构在线相册系统的目标是工在线用户发布相片、将相片归类存放，并允许其他在线网友欣赏及评论相片。在线相册管理系统分为用户管理、相册管理模块、相片管理模块、评论管理模块。注：注册用户拥有全部操作权限，而如果是未注册用户只能查看相册中的内容，没有权力进行相应的修改。4.相片管理模块(1) 业务描述：用户登录后能发布并删除、修改发布的相片。(2) 业务流程：用户可以浏览相关的相册的照片，获取相片的列表和分页（某个用户某个分类中的相片），以缩略图及全图两种模式来显示选择的某张相片，在该页面中用户可以根据自己的需要上传相应的图片，为图片取名、分类，提交后返回相册列表。(3) 输入数据：记录编号是自增列不显示在前台页面；图片名称、文件简介分别以文本框的形式展示在前台页面中，由用户输入；图片的上传以一种数据流的形式出现，出现在前台的时候以一种需要用户点击选择的形式出现。(4) 角色说明：此功能主要由注册用户和非注册用户使用。5.相册管理模块(1) 业务描述：新建相册，删除相册，修改相册，并获取列表和分页（某个用户个人分类）。(2) 业务流程：点击相册管理，进入相册管理的主界面根据提示输入相关的信息后选择提交，则可看到刚刚新添加的那个相册，然后可以根据自己的需要选择是的操作。 (3) 错误处理：在填写信息的过程中不允许有不被填写的栏目，系统会给出相应的提示。(4) 输入数据：由用户输入相应的数据信息。(5) 输出结果：其输出结果为在相册列表中给予相应的显示。(6) 角色说明：此功能主要注册用户使用。6.用户管理模块(1) 业务描述：用户以用户名及密码登陆 注册，可修改密码。对注册用户来讲，将自己的资料从后台数据库中读取出来然后根据用户的需要进行相应的修改，根据用户资料采集界面来采集相应的数据，根据这些数据来更新数据库中该用户的相应资料。如果是未注册的用户可根据提示进行注册。(2) 业务流程：用户登录后进入我的主页，可以浏览相册和最新10条相片评论信息，选择一相册进入可以浏览相册的整个相片，并查看选中相片的放大图以及对其的评论信息。同时还可以查看每条评论的详细信息。(3) 错误处理：在填写信息的过程中不允许有不被填写的栏目，系统会给出相应的提示。(4) 输入数据：由用户输入相应的数据信息。(5) 输出结果：无(6) 角色说明：此功能主要注册用户使用。7.数据库模块本系统中涉及的数据库主要包括注册用户、相片分类、相片信息及评论信息。注册用户信息表保存在线相册系统的注册用户的基本信息，包括用户名、昵称、密码及注册时间等，如表1-1所示。表1-1 注册用户信息表（userInfo）名称类型含义说明useridInt(8)主键usernamevarchar(100)登录用户名not nullpasswordvarchar(100)用户密码nicknamevarchar(255)用户昵称addTimedatetime注册时间相片分类只有4个字段：即主键、分类名称、描述信息及所属的用户id。如表1-2。表1-2 相片分类信息（album）名称类型含义说明categoryridInt(8)主键namevarchar(50)分类名称not nullmemovarchar(255)分类描述useridintr(8)所属用户id关联到userInfo表的userid相片信息表用于保存用户相片及其相关信息，包括相片标题、相片简介、相片上传时间、相片所属分类、相片保存的地址，以及相片的文件名。其中，相片保存的地址及文件名是附加信息：相片文件名是用来记录用户上传相片时原相片文件的名称，用于用户浏览或下载相片时让Web浏览器显示文件名，以供用户使用；文件类型信息指的是相片文件的格式类型，在显示相片时会用到。如表1-3。表1-3 相册信息表（image）名称类型含义说明photoidInt(8)主键Titlevarchar(50)相片标题memovarchar(255)相片描述catrgroyidint(8)相片分类关联到category表的categoryidurlvarchar(100)相片保存地址pubTimedatetime相片上传或最新修改时间filenameintr(8)所属用户id8.运行界面如图1-3所示：图 1-3 主界面5、 课程设计核心代码Login.aspx代码如下： protected void btnLogin_Click(object sender, EventArgs e) string name =TextBox1.Text.Trim(); string pswd =TextBox2.Text.Trim(); string str = server=.;database=MyPhoto;uid=sa;pwd=111111; SqlConnection con = new SqlConnection(str); con.Open(); str = select count(*) from UserInfo; SqlCommand cmd = new SqlCommand(str,con); int count = Convert.ToInt32(cmd.ExecuteScalar(); if (count 0) Response.Redirect(main.aspx); else Response.Write(alert(登录不成功，请检查输入信息);); addImage.aspx主要代码如下： protected void Button1_Click(object sender, EventArgs e) DB db = new DB(); int albumID = Convert.ToInt32(DropDownList1.SelectedValue); DateTime imageTime = DateTime.Now; string imageUrl = image/ + FileUpload1.FileName; string imageType = FileUpload1.FileName.Split(.)1; string imageName=FileUpload1 .FileName .Split (.)0; string imageDesc=TextBox1 .Text .ToString (); if(imageType .ToLower ()=jpg|imageType .ToLower ()=gif|imageType .ToLower ()=png) FileUpload1 .SaveAs (Server .MapPath (imageUrl ); db .addimage (albumID ,imageName ,imageUrl ,imageTime ,imageDesc); Response .Write (alert(添加成功！);location.href=Default.aspx; );addAblum.aspx主要代码如下：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 e