Web应用技术课程设计报告学院： 理学院 专业： 09信计二班 姓名： 谢前斌 学号： 20093967 名称： Web实现博客的简易功能 2012-04-24一、 系统简介通过web技术运用的学习，运用CSS,JavaScript，JSP等设计一个类似个人博客的小系统。主界面分为顶部，左边，右边三块，顶部显示主要功能：查看个人的图片，音乐，视频，书籍；左边显示个人资料及修改；右边显示顶部链接被点击后的图片，音乐，视频，书籍等。二、 系统分析现状及存在的不足： 能够运用JSP实现博客基本的查看和简单的修改，上传功能尚未实现。界面不太美观，尚未涉及到数据库的运用。三、 系统设计3.1 系统设计的目标设计出简单的个人博客的相关功能。系统中有几种特效设计：滚动字条，飘动的字符跟随鼠标， 3.2 系统功能模块设计四、 系统实现4.1 系统采用的技术说明1）.CSS，JavaScript，JSP等技术；2）.Tomcat，eclipse，JAVA jdk的综合运用4.2 主要功能的实现代码和界面1）主界面：用窗口框架分块：2.个人信息编辑界面3.查看我的Q秀4.我的音乐6.我的视频7.我的书籍8.阅读书籍五、 详细代码(1)main.html我的博客(2)left.jsp left 编辑 昵称：断魂居士 性别：男 年龄：23 地址：湖南 长沙 生日：1989-10 学校：中南林业科技大学 爱好：魔兽竞技(3) New Document .spanstyle COLOR: #ff0000; FONT-FAMILY: 宋体; FONT-SIZE: 20pt; POSITION: absolute; TOP: -50px; VISIBILITY: visiblevar x,yvar step=18var flag=0var message=断魂居士欢迎你的光临message=message.split()var xpos=new Array()for (i=0;i=message.length-1;i+) xposi=-50var ypos=new Array()for (i=0;i=1; i-) xposi=xposi-1+stepyposi=yposi-1xpos0=x+stepypos0=yfor (i=0; i=1; i-) xposi=xposi-1+stepyposi=yposi-1xpos0=x+stepypos0=yfor (i=0; imessage.length-1; i+) var thisspan = eval(document.span+i)thisspan.left=xposithisspan.top=yposivar timer=setTimeout(www_xise_cn(),30)for (i=0;i=message.length-1;i+) document.write()document.write(messagei)document.write()if (document.layers)document.captureEvents(Event.MOUSEMOVE);document.onmousemove = handlerMM;www_xise_cn();/ - document.write ()document.write (游云山)document.write (颜廷榘(元)题于胜力寺 )document.write ( )document.write (  一缕炉烟萦几篆，)document.write (  半房香雨入帘花。)document.write (  经声杳杳随风度，)document.write (  灯影幢幢向榻斜；)document.write (   惟有慧心常自在，)document.write (  岂知无量自恒沙。)document.write ()document.write (  云山十景 )document.write (    两华耸翠，)document.write (    一瀑飞涛 )document.write (    仙桥横汉)document.write (    杏坞藏春 )document.write (    岩前帘水)document.write (   &