朋友网《开发基础》综合设计报告.doc

- 0 - .NET 开发基础 综合设计报告 题目： 朋友网 成员： 李晓丹 软件 101 2010111105 董金文 软件 101 2010111133 指导老师： 李璟 完成日期： 2013.6.16 1 目 录 一、系统开发环境及配置- 1 - 三、系统总体设计 .- 1 - 3.1 系统结构设计 .- 1 - 3.2 系统功能模块 .- 1 - 四、系统详细设计 .- 1 - 4.1 前台主要功能 .- 1 - 4.2 后台主要功能 .- 1 - 五、 系统数据库设计 .- 1 - 六、系统编码实现 .- 1 - 6.1 前台设计与核心代码 .- 1 - 6.2 后台设计与核心代码 .- 1 - 六、 总结 .- 1 - 参考文献 .- 1 - 0 一、一、 系统开发环境及配置系统开发环境及配置 开发环境： Microsoft Visual Studio.NET（简称 VS.NET） 编程语言： C# html 语言 配置：安装了.NET 框架以及 VS2008 开发工具的计算机。 （1） 最低配置 PIII CPU，128MB 内存，20GB 硬盘。 （2） 建议配置 P4 CPU，256MB 及以上内存，80GB 硬盘。 软件环境软件环境 （1）Windows XP 及 以上操作系统 （2）完整安装 Office （3）服务器配置 2、系统需求分析系统需求分析 朋友网，原名 QQ 校友。是腾讯公司打造的真实社交平台，为用户提供行业、公司、学校、班级、 熟人等真实的社交场景。2011 年 7 月 5 日，腾讯公司正式宣布旗下社区腾讯朋友更名为朋友网。 ” 。 朋友网是继Email、BBS、IM之后出现的第四种网络交流方式，是网络时代的个 人联系同学 的新型方式，是以超级链接为武器的网络日记，是代表着新的生活方式和新的工作方式，更代 表着新的学习方式。具体说来， 朋友网这个概念解释为使用特定的软件，在网络上 发表文章、 上传照片、联系同学的好软件。 简言之，朋友网就是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地 与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。 朋友网的出现集中体现了互联网时代媒体界所体现的商业化垄断与非商业化自由，大众化传 播与个性化（分众化，小众化 ）表达，单向传播与双向传播 3 个基本矛盾、方向和互动。 朋友网作为一种新表达的方式，它的传播不仅情绪，包括大量的智慧、意见和思想。某种意义 上说，它也是一种新的文化现象，博客的出现和繁荣，真正凸现网络的知识价值，标志着互联网发 展开始步入更高的阶段。 总的的说朋友网已经与人们的日常生活密不可分。 1 三、系统总体设计三、系统总体设计 3.1 系统结构设计系统结构设计 朋友 网 相 册 管 理 日 志 管 理 个 人 主 页 后 台 管 理 相册 上传 编辑 删除 日志 上传 日志 修改 个人 信息 浏览 用户 注册 用户 登录 首 页 友 情 链 接 3.2 系统功能模块系统功能模块 a.个人注册： (1)本功能面向新注册的会员。 b. 相册管理功能： (1)该功能面向所有普通用户。 (2)普通用户可以在自己的主页中上传照片。 (3)用户可以编辑、删除自己写的照片。 c. 日志管理功能： (1)普通用户可以在自己的主页中发表日志、查看他人日志。 2 (2)用户可以编辑、删除自己写的日志 d. 个人主页信息： (1)该功能面向所有普通用户。 (2）个人主页的相册、日志。 e. 后台管理： (1)用户注册。 (2)用户登录。 F.友情链接 四、系统详细设计四、系统详细设计 4.1 前台主要功能前台主要功能 在前台系统的创建过程中主要实现的是用户浏览信息平台的搭建。 前台系统主要包含以下几个页面 网站首页文件 日志浏览显示文件 新用户注册文件 注册成功 所有日志浏览、删除、发表 相册的编辑、删除 个人主页 主要界面： 3 4 5 4.2 后台主要功能后台主要功能 (1)数据库的实现 (2)注册信息的保存 (3)验证码的实现 (4)日志发表、信息内容 6 5、系统数据库设计系统数据库设计 表 1：userlogin 列名列名数据类型数据类型是否允许空是否允许空说明说明 usernamenvarchar(30)n帐号 userpwdvarchar(20)n密码 sexncharn性别 logintimedatetimey登录时间 表 2：日志 列名列名数据类型数据类型是否允许空是否允许空说明说明 idintnId 号 标题Nvarchar(50)y标题 发布者Nvarchar(50)y发布者 发布日期datetimey发布日期 浏览次数inty浏览次数 内容texty内容 表 3：相册 列名列名数据类型数据类型是否允许空是否允许空说明说明 ImageIDintnId 号 ImageDataImagey图片数据 ImageContentTypevarchar(50)y图片内容类型 ImageDescriptionVarchar(200)y图片描述 ImageSizeinty图片大小 六、系统编码实现六、系统编码实现 6.1 前台设计与核心代码前台设计与核心代码 登录 * margin:0px; padding:0px; border:0px; body font-size:12px; 7 font-family:“宋体“; background-image:url(images/) #container width:840px; margin:0px auto; #top height:100px; width:840px; float:left; margin-left:0px; padding-left:0px; background-image:url(images/bg-hd.jpg); #middle height:381px; width:840px; float:left; margin-left:0px; padding-left:0px; background-color:#cedbe3; #left height:380px; width :540px; float:left; background-image:url(images/login1.jpg); #right float:left; height: 378px; width: 496px; 8 #bottom width:840px; height:100px; background-color:#cedbe3; #information height :50px; background-color:#cedbe3; 9 版权所有：山东建筑大学软件101 学校地址：济南历城区港沟镇 10 电话邮箱： 主页 * margin:0px ; padding:0; list-style:none; line-height:1.8; body font-size:12px; font-family:“宋体“; #container width:840px; margin:0px auto; #infobox padding:0px 20px; background-color:#f7f7f8; #pagelist li a width:90px; line-height:60px; color:Green; display:block; text-decoration: none; #pagelist li a .lbt text-decoration: none; #pagelist li a:hover .lbt 11 text-decoration: underline; #pagelist2 list-style:none; float:left; #pagelist2 li width:140px; height:px; text-align:left; font-size:12px; margin-bottom:2px; margin-left:2px; margin-right:2px; margin-top:2px; #pagelist2 li img vertical-align:top; #pagelist2 a font-size:12px; text-decoration:none; line-height:20px; #head1 a font-size:12px; text-decoration:none; line-height:20px; color:Green; #center border-top:2px solid #333; padding:15px; height: 2px; .c clear:both; 12 height:1px; overflow: hidden; background:#333 #infobox li border-right:1px solid #000; float:left; margin-right:1px; text-align:center; margin-top:-4px; #infobox span display: none; #infobox a:hover span display: block; position:absolute; border:1px solid #640000; background: #FFFFCC; margin-top:26px!important; margin-top:20px;color:#000; padding:5px; white-space: nowrap; #nav #content height:500px; width:840; #left1 width:150px; height:500px; float:left; #left2 width:200px; height:500px; float:left; 13 #py_media width:147px; height:92px; float:left; #user1 width:60px; height:60px; float:left; #user2 width:86px; height:28px; float:left; #blank width:147px; height:60px; #middle width:650px; float:left; height: 501px; #right width:262px; height:495px; float:left; 14 #date float:left; #friend width:207px; float:left; height: 26px; #middle float:left; #submiddle float:left; height: 127px; width: 644px; #submiddle1 float:left; width: 618px; height: 72px; #submiddle2 float:right; #submiddle3 float:left; width: 618px; height: 342px; 15 #subsubmid float:left; width: 86px; height: 126px; #subsubmid2 float:left; width: 478px; height: 126px; 首页首页 相册相册 好友好友 应用应用 我的主页我的主页 16 上传头像 全部动静 与我相关 相册 日志 音乐 17 可能认识的人 ex.aspx“ target=“_blank“全部 换一组 18 王艳 董金文 席光锋 马大兵 邵艳 萧艳 19 6.2 后台设计与核心代码后台设计与核心代码 查看日志 public partial class lookLog : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) string ConnStr = “Data Source=.SQLExpress;AttachDbFilename=|DataDirectory|DBFriend.mdf;Integrated Security=True;User Instance=True;“; SqlConnection conn = new SqlConnection(ConnStr); SqlCommand cmd = new SqlCommand(); SqlDataAdapter sda = new SqlDataAdapter(); DataSet ds = new DataSet(); conn.Open(); cmd.Connection = conn; cmd.CommandText = “select * from Log“; sda.SelectCommand = cmd; sda.Fill(ds); GridView1.DataSource = ds.Tables0; GridView1.DataBind(); conn.Close(); 发表日志、修改日志 public partial class modifyLog : System.Web.UI.Page private string message; protected void Page_Load(object sender, System.EventArgs e) if (Session“username“.ToString() = “) Response.Redirect(“login.aspx“); message = Request.QueryString“mess“; Session“id“ = Request.QueryString“id“; if (!IsPostBack) TextBoxInit(); protected void ButtonOK_Click(object sender, System.EventArgs e) 20 string strConn = “Data Source=.SQLExpress;AttachDbFilename=|DataDirectory|DBFriend.mdf;Integrated Security=True;User Instance=True;“; if (message = “0“) /发表日志 if (FindZhuTi() = true) this.ClientScript.RegisterStartupScript(this.GetType(), “, “alert(库中已经有要发布的标题， 无法重复发布！);“); return; else SqlConnection conn = new SqlConnection(strConn); conn.Open(); SqlCommand command = new SqlCommand(“insert into Log(id,标题,内容,发布日期,发布者,浏览次数) values(id,title,content,date,username,0)“, conn); command.Parameters.AddWithValue(“id“,message); command.Parameters.AddWithValue(“title“, this.TextBox1.Text.Trim(); command.Parameters.AddWithValue(“content“, this.TextBox2.Text.Trim(); command.Parameters.AddWithValue(“date“, DateTime.Now.ToString(“yyyy-MM-dd hh:mm:ss“); command.Parameters.AddWithValue(“username“, Session“username“.ToString(); command.ExecuteNonQuery(); conn.Close(); Server.Transfer(“log.aspx“); else if (message = “1“) /修改日志 SqlConnection conn = new SqlConnection(strConn); conn.Open(); SqlCommand command = new SqlCommand(“upda