跳蚤市场设计报告 Revised on November 25, 2020 【摘要】本课程设计运用java语言，将实际跳蚤市场搬到互联网，实现网上信息发布与留言。只有在校生才能注册用户，登录后方可发布信息与留言。管理员可以查看用户注册信息、删除用户留言等。用户以邮件方式、联系电话实现信息交互，留言反馈。商品管理在发布信息时实现信息的分类，网络版的“跳蚤市场”让校园交易变得轻松，简单。 关键词：跳蚤市场 发布 互联网 信息交互 一 需求分析

随着现代信息化的普及，网络逐渐成为一个商品交易的平台。用户要进行商品的买卖，网络使这种交易变得更加灵活。这就要求将实际的跳蚤市场变成网络上的跳蚤市场，用户可以在网络上直接发布求购信息和出售信息。为了使交易更加方便顺利的进行，同时使本校学生能够很快的实现自己的商品交易，本跳蚤市场使用java语言，嵌入javascript脚本和div的布局，在Myeclipise 的环境下，使用sqlserver2000数据库，实现了动态网页的信息交互。该网站只对本校学生开放。所有的人都可以查看用户发布的信息和留言。 进入网站之后，要想发布信息和留言，必须先登录，如果是本校学生且是本网站的用户，可以输入用户名和密码直接进入发布信息和发布留言。该用户可以查看所有留言和发布的信息。想要修改留言和发布信息的话还可以修改，但只能修改自己发布的信息。还可以删除自己的信息。如果是本校生但是没有注册用户的话，可以注册后再登录。为了核查注册的用户是本校学生，必须输入学号以核实。为了本网站的安全性，非本校生不可以注册。如果用户想要退出本跳蚤市场，可以注销。为了便于本网站的管理，用户注销后，该用户所发布的信息和留言也随之删除。作为一个网站，用户应该可以修改自己的信息：用户名和密码。本网站还设计了用户修改信息的页面，供用户修改。为了便于管理和信息的安全性和有效性，避免不良信息的出现，本网站设有管理员。可以更新和删除所有用户的留言信息。还可以查看用户的注册信息。为了使网页看起来美观，该网站采用了div的布局方式，嵌入了多种javascript脚本。为了使进入本网站的人可以先了解本网站，在首页的右侧设置了简介。要使进入该网站的所有人可以更容易的找到自己所需要的信息，本网站设置了信息分类，可以查看发布的信息的详情，这样可以更容易找到买者或卖者。为了使网站整体更协调，在首页右上角插入了透明flash，更好地与首页背景图融合在一起。在页面中还导入了自己制作的导航条，使链接更加方便和快捷，使页面更加的美观。需求分析是很有必要的，有所需才会有所求。只有需要了，才会知道应该怎么去做。盲目的去做，肯定达不到自己想要的效果。在编程过程中做好需求分析，才能更好地进行下一步的操作。才能更好地服务于用户。 二 概要设计 该网站整体采用了div的布局方式，中间内容是一个iframe。共有五个模块。首页部分、信息分类部分、发布信息部分、留言簿部分和帮助部分。首页部分是对该网站的简单介绍。信息分类部分中是各个用户发布的商品信息，用了框架布局。左侧是信息的分类。右侧是信息的内容。内容中可以查看信息详情。发布信息部分中用户可以发布信息，但是必须先登录。合法的用户登录进去之后方可发布信息。用户可以查看自己发布的商品信息， 可以更新和删除自己的信息。在发布信息大字下面点击我要发布就可以发布信息。所有人都可以查看所有留言，如果要发布留言，点击我要留言时，提示先登录。用户在登陆进去之后才可留言。登录进去之后用户可以更新和删除自己的留言信息。在更新留言的页面中用户还可以对该页面更换背景颜色。帮助信息中用户可以查看各个模块的操作方法。在首页的右侧也可以查看各个模块的使用说明。 三 详细设计

（一）模块划分 1、模块划分

该网站共有六个模块。用户模块、首页模块、信息分类模块、发布信息模块、留言

簿模块和帮助模块。该网站最大的特点就是多处运用javascript代码，透明flash，还运用了网页中使滚动条变颜色的插件。 （1）、用户模块 用户模块包括用户注册、用户注销和用户信息修改。只有数据库message表（相当于学校学生数据库）里的学号可以注册用户。用户注册时必须先输入学号以判断学号是否是合法的，如果学号不合法就不能进行注册。如果注册的用户名已存在的话有相应的提示。用户如果想要退出跳蚤市场，可以进行注销。注销后该用户的所有留言信息和发布信息都会随之删除。用户还可以修改自己的密码。 （2）、首页模块 首页是该网站一些简单的简介。 （3）、信息分类模块 信息分类是所有用户发布的商品信息。还可按发布的商品信息的类型进行划分。 该跳蚤市场的商品信息的类型共有九类：计算机类、金融类、会计类、英语类（属于书籍类）、mp3、电脑（属于电子产品类）、电脑硬件类、日常用品类和其他类。还可以查看商品的的详情。 （4）发布信息模块 要想发布信息，提示先登录。只有已注册的用户才可以发布信息。用户还可以更新和删除自己的发布信息。 （5）、留言簿模块 任何人都可以查看所有的留言信息。但是要想留言，必须先登录。登录之后才可发布留言和更新删除自己的留言。如果管理员进入留言簿，可以查看用户注册的信息，可以更新和删除所有的用户的留言信息。 （6）、帮助模块 帮助模块主要是对该网站的一些功能的用法的介绍。 2、程序流程图

首 页

首 页 用 户 信息分类类 我要发布 留言簿 帮 助 注册 计算机类 修改信息 注销 电脑硬件 电脑 Mp3 英语类 会计类 金融类 其他 日常用品 登录 发布信息 我要发布 修改/删除 详情 留言表

登 录

管理员登陆 用户登录

用户信息 进入留言板

进入留言板 我要留言

更新删除 我要留言

更新删除 所有留言 自己留言 (二)数据库设计 本网站的数据库采用sqlserver 2000数据库。数据库的名字为market。market中有四张表，分别是message表（学生信息表）、usermessages表（用户注册信息表）、board表(留言信息表)和goodsmessage表（用户发布的商品信息表）。用户注册的时候，注册的学号应与message学生信息表中的学号去匹配。如果注册的学号没有在message表里，提示学号不合法。输入合法的学号、用户名和密码之后，信息直接插入到usermessage表里。用户发布的留言插入到board表中，发布的商品信息插入到goodsmessage表里。 （三）代码设计

1、首页的设计 首页中是该网站的一些简单介绍。首页中的字放在了marquee中，设置它的direction属性为down，效果就是字体从页面的上部乡下滚动。效果如下图所示： 2、用户模块的设计 用户模块中要注册用户时需要输入学号，与数据库中message学生信息表中的学号去匹配，如果message表中没有该学号就不能注册。效果如下： 3、信息分类的设计 点击信息分类时可以查看所有发布的信息。左侧有信息的分类，可以查看发布的各类信息。如：要查看计算机类的书籍的发布情况，点击之后就进入到了计算机类书籍的页面。查看详情的时候，用url信息跟踪把该条信息的商品号跟踪下来，从数据库中查出该商品号的所有信息，在页面上显示出来。通过javascript中浏览器对象中的history对象返回上一页。在信息分类的内容区域中，使用了框架集。点击左侧的类型，内容显示在右侧。效果如下图所示： 查看详情效果如下： 4、我要发布的设计 要发布信息，首先需要登录。登录之后可以查看自己所发布的信息，可以更新和删除。更新和删除也是用url信息跟踪，把该条信息的商品号跟踪下来。删除时会弹出提示信息，是否要删除。点击是的话就会删除该条信息，点击否的话就会返回。发布信息的页面出现的方式是垂直百叶窗的方式，使网页更加美观。删除的提示如下图所示： 5、留言簿的设计 点击留言簿的时候，可以看到所有的留言信息，不可以更新和删除。但是要想发布留言点击我要留言时提示先登录。为了保证信息的安全性，登录之后才可留言，管理员登陆进去之后可以修改和删除所有人的留言。可以查看所有已注册的用户的注册信息。用户进入之后只可删除自己的。在这里，从数据库中取出信息的时候，代码中用了一条if和else语句。 if("admin")){ sql="select * from board "; } else{ sql="select * from board where username='"+()+"'"; } 删除留言信息时也有相应的提示，在更新页面的左上角有一个按钮，按下去之后可以更换背景颜色，这是用了一段javascript代码。在更新留言和留言板页面中，表情放在了一个层里，所用的图片是gif图片。留言板的效果如下： 更新页面如下： 6、帮助的设计

在帮助页面中插入了一个四行两列的表格。里面是一些帮助信息。效果如下：

四 测试与维护

（一）测试 在编写代码的过程中，每实现一个功能的每一部分都要有相应的测试。在这个过程中遇到了很多问题。先将遇到的问题和解决方案总结如下： 问题一：在运行过程中出现了类找不到和空指针异常 解 决：经同学提醒后发现没有导入三个包 问题二：登录进去后，出现了表user附近有语法错误。 解 决：经同学提醒，在数据库里建表时表名用了user，改过之后运行正常。 问题三：运行时出现了数据库连接异常。 解 决：经仔细检查，在操作的时候没有附加上相应的数据库。 问题四：在留言板选择头像时头像图片显示不出来。 解 决：仔细检查后发现，原来是在JavaScript中头像没有获取正确。 问题五：更新留言时获取不过来留言内容和留言主题。 解 决：仔细检查后发现在中通过id传的那个方法中的连接数据库的表名写错了。 问题六：在发布信息中，单选按钮的买或卖插入不到数据库，插到数据库中的是on。 解 决：上网查了资料后才知道，在input中应写上value，这样就可以了 问题七：在发布信息的选择下拉列表中，获取的是option的value的值，没有获取到与中间的汉字。