东北大学本科生毕业设计（论文）专用纸
3.2.2系统界面设计
对于系统来说，用户界面设计将非常重要，因为一个交互良好的界面能够加深浏览者的印象.
设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的.
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。常用的软件是Macromedia的Dreamweaver以及Adobe的Photoshop。
设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。
统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，
26 --
东北大学本科生毕业设计（论文）专用纸
影响统一。
和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。
最后简单设计系统的简单登陆界面和主界面
图3.4用户登陆界面
27 --
东北大学本科生毕业设计（论文）专用纸
图3.5用户登陆后的主界面
3.2.3系统的组件设计
在整个系统中,为了解决诸如中文显示乱码此类的问题,本系统需要设计一些组件,来解决相关的问题.
(1).过滤器组件:
Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，Java和JSP文件本身编译时产生的乱码问题和Java程序于其他媒介交互产生的乱码问题。
Java（包括JSP）源文件中很可能包含有中文，而Java和JSP源文件的保存方式是基于字节流的，如果Java和JSP编译成class文件过程中，使用的编码方式与源文件的编码不一致，就会出现乱码
为了解决此类问题,需要设计一个组件来解决此类问题,每次请求和响应到达客户和服务器端时,都先经过此过滤器对字符进行过滤.
28 --
东北大学本科生毕业设计（论文）专用纸
用户 发送请求 过滤器(对字符进行过滤) 返回响应 服务器
图3.6字符过滤器原理图
(2).权限管理组件:
在论坛中的的用户一定会遇到关于权限的问题,比如没有登陆的用户只可以查看帖子,而即使登陆的用户,也只可以对自己应有的权限进行操作,不可以操作管理员的功能.
解决此类问题,本系统是通过判断特定的session来判断用户的权限,当用户登陆成功后,组件会发送相应的用户session,之后每次用户对论坛进行操作,都要先通过session,来判断用户的权限.
29 --
东北大学本科生毕业设计（论文）专用纸
用户 对论坛操作 判断权限 N 是否通过 Y 服务器 返回窗口
图3.7权限判断流程
(3).JSP标签组件
由于本文是基于MVC模式架构,所以在JSP网页中不应存放过多的逻辑判断,当本系统JSP网页中必须存有JAVA逻辑代码时,本系统设计了一些JSP标签来替代这些逻辑代码
30 --