朋友网《.NET开发基础》综合方案设计书报告

1、.NET 开发基础综合设计报告题目：朋友网成员：李晓丹软件 101 2010111105董金文软件 101 2010111133指导老师：李璟完成日期：2013.6.16- 0 -目录一、系统开发环境及配置 .- 1 -三、系统总体设计 .- 1 -3.1系统结构设计 .- 1 -3.2系统功能模块 .- 2 -四、系统详细设计 .- 3 -4.1前台主要功能 .- 3 -4.2后台主要功能 .- 6-五、 系统数据库设计 .- 7 -六、系统编码实现 .- 7 -6.1前台设计与核心代码 .- 7-6.2后台设计与核心代码 .- 19-六、总结 .-22-参考文献 .-23-1一、 系统开发

2、环境及配置开发环境：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）服务器配置二、系统需求分析朋友网，原名 QQ校友。是腾讯公司打造的真实社交平台，为用户提供行业、公司、学校、班级、熟人等真实的社交场景。2011 年 7 月 5 日，腾讯

3、公司正式宣布旗下社区腾讯朋友更名为朋友网。”。朋友网是继Email 、BBS 、IM 之后出现的第四种网络交流方式，是网络时代的个人联系同学的新型方式，是以超级链接为武器的网络日记，是代表着新的生活方式和新的工作方式，更代表着新的学习方式。具体说来，朋友网这个概念解释为使用特定的软件，在网络上发表文章、上传照片、联系同学的好软件。简言之，朋友网就是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。朋友网的出现集中体现了互联网时代媒体界所体现的商业化垄断与非商业化自由，大众化传播与个性化（分众化，小众化）表达，单向传播与双向传

4、播3 个基本矛盾、方向和互动。朋友网作为一种新表达的方式，它的传播不仅情绪，包括大量的智慧、意见和思想。某种意义上说，它也是一种新的文化现象， 博客的出现和繁荣，真正凸现网络的知识价值，标志着互联网发展开始步入更高的阶段。总的的说朋友网已经与人们的日常生活密不可分。三、系统总体设计3.1 系统结构设计1朋友网首相日个后友页册志人台情管管主管链理理页理接相册日志日志个人用户用户上传上传修改信息注册登录编辑浏览删除3.2 系统功能模块a. 个人注册：(1) 本功能面向新注册的会员。b. 相册管理功能：(1) 该功能面向所有普通用户。(2) 普通用户可以在自己的主页中上传照片。(3) 用户可以编辑、

5、删除自己写的照片。c. 日志管理功能：(1) 普通用户可以在自己的主页中发表日志、查看他人日志。(2) 用户可以编辑、删除自己写的日志d. 个人主页信息：(1) 该功能面向所有普通用户。(2 ）个人主页的相册、日志。e. 后台管理：2(1) 用户注册。(2)用户登录。F. 友情链接四、系统详细设计4.1 前台主要功能在前台系统的创建过程中主要实现的是用户浏览信息平台的搭建。前台系统主要包含以下几个页面网站首页文件日志浏览显示文件新用户注册文件注册成功所有日志浏览、删除、发表相册的编辑、删除个人主页主要界面：3454.2 后台主要功能(1)数据库的实现(2)注册信息的保存(3)验证码的实现(4)

6、日志发表、信息内容6五、系统数据库设计表 1： userlogin列名数据类型是否允许空说明usernamenvarchar(30)n帐号userpwdvarchar(20)n密码sexncharn性别logintimedatetimey登录时间表 2：日志 列名数据类型是否允许空说明idintnId 号标题Nvarchar(50)y标题发布者Nvarchar(50)y发布者发布日期datetimey发布日期浏览次数inty浏览次数内容texty内容表 3：相册 列名数据类型是否允许空说明ImageIDintnId 号ImageDataImagey图片数据ImageContentTypevar

7、char(50)y图片内容类型ImageDescriptionVarchar(200)y图片描述ImageSizeinty图片大小六、系统编码实现6.1 前台设计与核心代码登录* margin : 0px;padding : 0px;border : 0px;bodyfont-size : 12px;font-family : 宋体 ;7background-image : url(images/)#containerwidth : 840px;margin : 0px auto ;#topheight : 100px;width : 840px;float: left;margin-left

8、: 0px;padding-left: 0px;background-image : url(images/bg-hd.jpg);#middleheight : 381px;width : 840px;float: left;margin-left: 0px;padding-left: 0px;background-color: #cedbe3;#leftheight : 380px;width: 540px;float: left;background-image : url(images/login1.jpg);#rightfloat : left;height :378px;width

9、:496px;8#bottomwidth : 840px;height : 100px;background-color: #cedbe3;#informationheight: 50px;background-color: #cedbe3;      9                        &nb

10、sp;                                                   &

11、nbsp;         版权所有：山东建筑大学软件101                                    学校地址：济南历城

12、区港沟镇                   &n10bsp;           电话：nbsp;邮箱： 主页* margin : 0px ; padding : 0;list-style: none;line-height: 1

13、.8 ;bodyfont-size: 12px;font-family: 宋体 ;#containerwidth : 840px;margin : 0px auto ;#infoboxpadding : 0px 20px;background-color: #f7f7f8;#pagelistliawidth : 90px;line-height: 60px;color : Green;display: block ;text-decoration:none; #pagelistlia .lbttext-decoration:none;#pagelistlia:hover.lbt11text-d

14、ecoration:underline;#pagelist2list-style: none;float: left; #pagelist2liwidth : 140px;height : px;text-align: left;font-size: 12px;margin-bottom: 2px;margin-left: 2px;margin-right: 2px;margin-top: 2px;#pagelist2liimgvertical-align: top ;#pagelist2afont-size: 12px;text-decoration: none;line-height: 2

15、0px;#head1 afont-size: 12px;text-decoration: none;line-height: 20px;color : Green;#centerborder-top: 2px solid#333;padding : 15px;height :2px;.c clear : both ;height : 1px;12overflow :hidden ;background : #333#infoboxliborder-right: 1px solid#000;float: left;margin-right: 1px;text-align: center ;mar

16、gin-top: -4px ; #infoboxspandisplay:none;#infoboxa:hoverspandisplay:block ;position: absolute ;border : 1px solid#640000;background :#FFFFCC;margin-top: 26px!important;margin-top: 20px; color : #000;padding : 5px;white-space:nowrap;#nav#contentheight : 500px;width : 840;#left1width : 150px;height :

17、500px;float: left;#left2width : 200px;height : 500px;float: left;13#py_mediawidth : 147px;height : 92px;float: left;#user1width : 60px;height : 60px;float: left;#user2width : 86px;height : 28px;float: left;#blankwidth : 147px;height : 60px;#middlewidth : 650px;float: left;height :501px;#rightwidth :

18、 262px;height : 495px;float: left;14#datefloat: left;#friendwidth : 207px;float: left;height :26px;#middlefloat: left;#submiddlefloat: left;height :127px;width :644px;#submiddle1float: left;width :618px;height :72px;#submiddle2float: right;#submiddle3float : left;width :618px;height :342px;#subsubmi

19、d15float: left;width :86px;height :126px;#subsubmid2float : left;width :478px;height :126px;首页 首页 相册 相册 好友 好友 应用 应用 我的主页 我的主页 16上传头像 全部动静 与我相关 相册 日志 音乐 17 可能认识的人    ex.aspx target=_blank全部换一组 18a href =index.aspxa href =index.aspxa href =index.aspxtarget =_blank 王艳    &

20、nbsp; target =_blank 董金文     target =_blank 席光锋  马大兵     邵艳    萧艳  6.2 后台设计与核心代码查看日志19publicpartialclasslookLog : System.Web.UI.Pageprotectedvoid Page_Load( objectsender,EventArgs e)stringConnStr =Data Source=.SQLExpress;AttachDbFilename=|D

21、ataDirectory|DBFriend.mdf;IntegratedSecurity=True;User Instance=True;SqlConnectionconn =new SqlConnection(ConnStr);SqlCommandcmd =new SqlCommand();SqlDataAdaptersda =new SqlDataAdapter ();DataSet ds =new DataSet ();conn.Open();cmd.Connection = conn;cmd.CommandText =select * from Log;sda.SelectComman

22、d = cmd;sda.Fill(ds);GridView1.DataSource = ds.Tables0;GridView1.DataBind();conn.Close();发表日志、修改日志publicpartialclassmodifyLog : System.Web.UI.Pageprivatestringmessage;protectedvoid Page_Load( objectsender, System.EventArgs e)if(Sessionusername .ToString() = )Response.Redirect(login.aspx);message = Request.QueryStringmess ;Sessionid = Request.QueryStringid ;if(!IsPostBack)TextBoxInit();protectedvoid ButtonOK_Click(objectsender, System.EventArgs e)stringstrConn =Data Source=.SQLExpress;AttachDbFilename=|DataDirectory|DBFriend.mdf;IntegratedSe