目录一、设计任务说明 (2)1.页面的设计、布局与美化 (2)2.登录页面的Login.aspx设计 (3)二、需求分析 (3)1.安全需求 (4)2.性能需求 (4)三、详细设计 (5)1.数据库设计 (5)2.模块设计 (7)四、测试分析 (8)五、总结 (9)一、设计任务说明1.页面的设计、布局与美化（1）网站主题本网站致力于构建一个个人展示风采的平台，我们每个大学生都有的自己在学校里面的小小家，那就是我们的个人网站。

所以网站的名字“象牙小筑”顾名思义，网站作为在校大学生在校交流的平台，立足于大学文化，力求通过以学校为单位的交流共享达到丰富学生课余生活的目的。

（2）网站规划网站共有四个个板块，分别为主页，新闻，图片，论坛，小筑论坛和小筑留言。

共19个网页，分为两大模块，主要使用了两套css，其中窝窝论坛共9张网页，共用一套css，而其他包括窝窝主页在内的10张网页公用一套css，在其他个别网页还加入了一些css元素。

JavaScript在本网站的应用主要包括两个方面，一是编写了调用文件的方法，二是网站的特效，特效部分主要通过游戏区的几个js小游戏来实现，随鼠标浮动的文字来实现的。

小筑主页的风格以蓝色为主色调，符合现代大学生青春动感的特点。

包括简介区，菜单区，和链接区三大部分。

分别对应相关页面。

并加入背景音乐，没当回到主页，则播放背景音乐。

小筑故事在主css中加入了自己的一套css元素，凸显的是一种淡雅轻松的气氛。

共分为五个板块，分别是小筑娱乐故事，小筑八卦故事，小筑情感故事，小筑劲爆故事以及一个展示区。

小筑留言本与刚才的网页同样适用的是一套css，主要是利用table标签来实现的简单留言的功能。

小筑图片网页一套为单独的一套css小筑论坛是网站的另一大模块，共包括9个页面。

以黑白色为基准色，凸显一种自由和谐的氛围。

该网页主要分为三大板块：链接区，简介区和消息区。

链接区分别实现对游戏区，讨论区和留言板的链接；简介区主要是以简介游戏区和讨论区为主，也包括对这两个区域的链接；消息区主要是提供最近发生的热点消息以及美图。

2.登录页面的Login.aspx设计页面采用表单设计，用来让用户输入账号和密码的并检查用户名和密码与数据库里面用户信息表的信息是否一致，如果正确则跳转到留言板的主页showmessage.aspx，否则转到返回到login.aspx，继续输入用户名的账号和密码。

若用户还未注册，可以点下面的注册链接，会链接到注册页面Register.aspx。

若要进入管理员登录系统，对留言板系统进行管理，则可以使用admin作为登陆账号和密码。

由于使用Visual studio2008作为开发工具，用户登录模块可以很简单的完成，添加显示当前时间的代码。

添加了一个服务器行为—用户登录，用来判断用户输入的账号和密码与数据库中的是否一致。

1.数据库的设计与实现数据库在一个信息管理系统中占非常重要的地位，数据库结构设计的好坏将直接对应用系统的效率和实现的效果产生影响。

合理的数据库结构设计可以提高数据存储的效率，保证数据的完整和一致。

本系统的数据库采用的是SQL Server数据库。

首先根据分析建立数据表，然后建立与动态网站的连接，通过对网站代码的修改，改变数据库的内容，从而达到网站的更新与升级的功能.3.系统各模块的设计与实现用户的需求体现在对产品信息的浏览和查询，这就要求数据库结构能充分满足各种信息的输入和输出。

收集基本数据，数据结构以及数据处理的流程，组成一份详细的数据字典，为后面的具体设计打下基础。

论坛管理系统的关系数据主要涉及客户、管理员等信息。

二、需求分析随着网络的飞速发展和普及，越来越多的用户习惯上网浏览新闻。

本系统的主要目的就是为用户提供一个方便、及时的网上新闻交流论坛、浏览平台。

利用本系统，用户可以直接在网上发布新闻信息并根据自己的需要对新闻进行浏览、检索、增加、或修改。

本系统遵循软件工程标准，并按照软件工程规定的流程进行项目的开发。

1.安全需求由于使用JSP编写的程序代码隐蔽，在客户端仅可以看到由JSP输出的动态HTML文件，因此只要编写程序时注意严谨性，防止SQL注入和cookies欺骗，整个系统的安全就能得到保障，同时也能防止别人抄袭源代码。

本系统的管理员可以有多名，为防止暴力猜解密码，在设计后台登陆模块时需考虑验证码的设计。

使用Tomacat6.0为系统地发布平台，发布方便，安全可靠性比较高。

2.性能需求Tomacat可以免安装，体积小，运行效率高。

能很方便的在Windows和Linux 系统下发布。

同时使用MySql5.0数据库，安装方便，而且免费使用，MySql在Windows XP以及Linux下都能被良好的支持。

而JSP不但可以用Eclipse，也可以用Dreamweaver编辑，甚至记事本等文本编辑工具即可编写，因此对系统运行环境非常低，小型服务器和家用电脑均可作为本系统运行环境。

静态页面1.速度:反应出用户访问网站页面的速度。

主页是经常被访问的页面，最好把每页的风格统一起来，例如：导航部分最好放在每页相同的位置，便于在每个页面中的跳转。

2．布局：是个人网站具有吸引力的根本所在，它主要说的是信息显示的视觉效果BBS系统将要实现的功能1.会员注册新会员注册，提供会员信息，检验会员信息的有效性，并将会员信息持久化。

2.会员登陆提供用户凭证，验证用户信息，基于角色授权。

2.会员管理管理员由系统初始化分配一个，管理员可以对会员信息进行部分更改，主要包回帖删除用户设定帖子类型用户角色调整，版主调整，删除会员等。

论坛页面及相关功能首页：含登陆、注册功能，主要显示各模块的新信息，可供所有浏览者浏览。

相册：功能可以显示用户上传的图片，拥有上传图片和添加评论功能。

日记：是为注册用户提供写日记的功能，可被任何浏览者浏览，可已发表日记，和添加评论。

学习：拥有。

拼音、英文字母、水果图片、简单汉字等精美图片，可供任何浏览者浏览和学习使用。

三、详细设计1.数据库设计（1）用户信息表（User）用户信息表包括用户姓名、性别、密码、电话、Email、家庭住址、QQ等等。

表3.1用户信息表（2）版块表（Module）版块表包括版块ID号、版块名、创建时间3个字段。

表3.2版块表（3）管理员信息表（Admin）管理员信息表包括账号、姓名、密码3个字段。

表3.3管理员信息表（4）回帖表（RevertCard）回帖表包括回帖子的用户账号、回帖的内容、回帖的时间3个字段。

表3.4查看结果信息表（5）发表帖子表（Card）发表帖子表包括用户ID号、帖子主题、帖子内容、帖子发表的时间4个字段。

表3.5接受帖子表2.模块设计（1）登录模块管理员登录如图3-1所示。

使用TextBox控件、Button控件设计页面。

如果没有注册须先注册成功后再登录，登录时输入用户ID、用户名、密码以及验证码，若用户名或者密码或验证码错误则提示“用户名或密码或验证码有误！”成功登陆后进入管理模块页面。

这是用户登录页面的设计，用户通过这个模板可直接登录或者建立一个新的用户这是管路员登录页面，管理员在这个模板页可查看帖子、更改删除帖子等。

图3-1 登录页面四、测试分析在这次实训中出现了很多的错误，出现的最多的错误就是把代码输错，还有就是做的网页不能正常预览，由其是在主页中出现的错误，特别是网页布局设计视图是好的，但是预览图就走位了；在留言板也反复做了好多遍才做出来，那可真是一波三折。

，之后复制到机房里面去就运行不了，之后找了很多的原因，才找出来，首先要在你放的那个的文件夹，站一个web 共享，在新建一个站点，这样才能正常的运行，还有就是那个数据库就是要重新添加数据源才可以，不然就会出现错误，遇到问题时我努力查阅资料，查阅代码。

五、总结通过这次的网站论坛设计与制作，可以说学到很多以前没有学到的东西。

感觉这几个星期学到的远远比以前学几个学期的要多，要丰富。

在这期间，首先是网页素材的准备，在网上查看一些网页背景和背景颜色搭配，让我了解到网页的颜色不能多过3种色彩。

接下来的几天再结合自己的网页来进行策划，在做首页之前，先用图纸把网页的结构画出来，内容和结构都想清楚用Fireworks把网页设计出来，再切割图片，把它们导成Html格式在Dreamweaver中进行进一步的编辑。

通过这个实训我也发现自己的不足，为其几周的实习结束了，至于总体的感觉只能用八个字来概括虽然辛苦，但很充实。

在这一周里，我学到了很多有用的知识，我也深深地体会到IT行业的辛苦和伟大，随着科学的迅猛发展，计算机行业发展更快了，新技术的广泛应用，会有很多领域是我们未曾接触过的，只有敢于去尝试才能有所突破，有所创新。

所以搞好一次实训，是我今后走上社会的一种财富，所以努力搞好实训才是最要的，打高分不是最重要的，最重要的是你在这次实训中你学到了什么，因为这就是你今后走上社会的一种定贵的财富。

学习的能力很重要，特别是对一个站长来说，因为网络的发展太快，新的技术，新的模式，新的思维方法每天都在出现，如果不学习，很快就会跟不上形势。

做网站虽然辛苦但是让我知道：“千淘万漉虽辛苦，吹尽黄沙始到金！”。