VC++综合设计说明书k.doc

VC+综合设计说明书姓名董庆宽田宝华班级网络092网络092学号2009111210任务分工代码、美工代码、美工指导教师李璟完成日期2011年6月10日一、问题描述本设计主要是基于博客系统的开发，我们主要是根据基本的博客系统，做出了博客系统中管理员登陆和日志两大部分。二、程序特点本设计从博客系统的管理员的登陆，管理员的管理，管理主要包括了管理员的增、删和密码的更改。还有就是日志的增添、编辑和删除基本的功能，在编辑日志时可以对日志中的一些的字体在编辑框中可以基本的更改，比如字体的大小、体型、颜色等。三、系统设计我们的博客管理系统，是基于ASP.NET开发的。开始运行出来的界面是管理员的登录界面，从登录界面输入管理员的姓名和密码，就可以进入我们的博客管理系统。博客管理系统里面可以进行管理员的添加和删除，管理员登录密码的更改保存，还有日志的增添、编辑、删除功能，日志中字体的更改等功能。四、问题与讨论 网站的开发中很多的编辑的错误，但是比如说就是开始的时候我们的数据不能存入我们建立的数据库，打开的网站有时不能得到数据库中的基本的数据，但是通过老师的课件还有网络上的一些代码的联合，再加上队友的互相的探讨，我们解决了该问题。五、程序截图登录界面截图：登录界面的主要代码： 个人博客                  用户名： 密码：         版权所有：烟雨平生 主界面的图片：主界面的代码： 菜单的基本代码： 菜单 function FOLDMenu(id, onlyone) if (!document.getElementById | !document.getElementsByTagName) return false; this.menu = document.getElementById(id); this.submenu = this.menu.getElementsByTagName(ul); this.speed = 3; this.time = 10; this.onlyone = onlyone = true ? onlyone : false; this.links = this.menu.getElementsByTagName(a); FOLDMtotype.init = function() var mainInstance = this; for (var i = 0; i this.submenu.length; i+) this.submenui.getElementsByTagName(span)0.onclick = function() mainInstance.toogleMenu(this.parentNode); ; for (var i = 0; i this.links.length; i+) this.linksi.onclick = function() this.className = current; mainInstance.removeCurrent(this); FOLDMtotype.removeCurrent = function(link) for (var i = 0; i this.links.length; i+) if (this.linksi != link) this.linksi.className = ; FOLDMtotype.toogleMenu = function(submenu) if (submenu.className = open) this.closeMenu(submenu); else this.openMenu(submenu); FOLDMtotype.openMenu = function(submenu) var fullHeight = submenu.getElementsByTagName(span)0.offsetHeight; var links = submenu.getElementsByTagName(a); for (var i = 0; i links.length; i+) fullHeight += linksi.offsetHeight; var moveBy = Math.round(this.speed * links.length); var mainInstance = this; var intId = setInterval(function() var curHeight = submenu.offsetHeight; var newHeight = curHeight + moveBy; if (newHeight minHeight) submenu.style.height = newHeight + px; else clearInterval(intId); submenu.style.height = ; submenu.className = ; , this.time); FOLDMtotype.collapseOthers = function(submenu) if (this.onlyone) for (var i = 0; i this.submenu.length; i+) if (this.submenui != submenu) this.closeMenu(this.submenui); * margin: 0; padding: 0; .foldmenu border: 1px solid #2868C0; width: 153px; margin: 5px; .foldmenu ul list-style-type: none; height: 28px; line-height: 28px; overflow: hidden; cursor: pointer; font-size: 12px; font-weight: bold; margin-top: 0px; .foldmenu ul.open height: auto; .foldmenu ul span display: block; padding-left: 15px; background-image: url(images/menubg.gif); color: #FFFFFF; font-size: 12px; .foldmenu ul li border-bottom: 0px solid #DDDDDD; .foldmenu li a background-color: #EEF3FA; color: #113791; display: block; text-decoration: none; text-align: left; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 40px; .foldmenu li a:hover background-color: #C6E4F8; color: #113791; .foldmenu li a.current background-color: #C6E4F8; color: #113791; body background-color: #EEF3FA; font-size: 12px; 网站设置 网站设置 用户管理 我的日志 美文欣赏 生活感悟 编程文章 window.onload = function() myMenu = new FOLDMenu(foldmenu, true); myMenu.init();/ myMenu2 = new FOLDMenu(foldmenu2);/ myMenu2.init(); ; 头部的代码： .style1 width: 592px; 你好： 主界面的图片的导入： .style1 height: 589px; width: 1143px; 六、改进与展望鉴于我们团队的技术和时间问题，有很多好的想法都没有实现：我的博客博客管理系统的相册、留言板很多的功能还没有实现，在以后的学习中我们会不断的改进我们的系统，添加基本的相册，留言板，还有用户的浏览功能。七、总结 通过这次的博客管理系