跳蚤市场设计报告.doc

【摘要】本课程设计运用java语言，将实际跳蚤市场搬到互联网，实现网上信息发布与留言。只有在校生才能注册用户，登录后方可发布信息与留言。管理员可以查看用户注册信息、删除用户留言等。用户以邮件方式、联系电话实现信息交互，留言反馈。商品管理在发布信息时实现信息的分类，网络版的“跳蚤市场”让校园交易变得轻松，简单。 关键词：跳蚤市场 发布 互联网 信息交互 一 需求分析随着现代信息化的普及，网络逐渐成为一个商品交易的平台。用户要进行商品的买卖，网络使这种交易变得更加灵活。这就要求将实际的跳蚤市场变成网络上的跳蚤市场，用户可以在网络上直接发布求购信息和出售信息。为了使交易更加方便顺利的进行，同时使本校学生能够很快的实现自己的商品交易，本跳蚤市场使用java语言，嵌入javascript脚本和div的布局，在Myeclipise 7.0的环境下，使用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(name.equals(admin) sql=select * from board ; else sql=select * from board where username=+name.trim()+; 删除留言信息时也有相应的提示，在更新页面的左上角有一个按钮，按下去之后可以更换背景颜色，这是用了一段javascript代码。在更新留言和留言板页面中，表情放在了一个层里，所用的图片是gif图片。留言板的效果如下：更新页面如下：6、 帮助的设计 在帮助页面中插入了一个四行两列的表格。里面是一些帮助信息。效果如下：四 测试与维护（一）测试在编写代码的过程中，每实现一个功能的每一部分都要有相应的测试。在这个过程中遇到了很多问题。先将遇到的问题和解决方案总结如下：问题一：在运行过程中出现了类找不到和空指针异常解 决：经同学提醒后发现没有导入三个包问题二：登录进去后，出现了表user附近有语法错误。解 决：经同学提醒，在数据库里建表时表名用了user，改过之后运行正常。问题三：运行时出现了数据库连接异常。解 决：经仔细检查，在操作的时候没有附加上相应的数据库。问题四：在留言板选择头像时头像图片显示不出来。解 决：仔细检查后发现，原来是在JavaScript中头像没有获取正确。问题五：更新留言时获取不过来留言内容和留言主题。解 决：仔细检查后发现在DBConn.java中通过id传的那个方法中的连接数据库的表名写错了。问题六：在发布信息中，单选按钮的买或卖插入不到数据库，插到数据库中的是on。解 决：上网查了资料后才知道，在input中应写上value，这样就可以了问题七：在发布信息的选择下拉列表中，获取的是option的value的值，没有获取到与中间的汉字。解 决：经上网查资料后知道下拉列表中获取的就是value的值，我把value的值写成了与中间的汉字，这样问题就解决了，汉字就可以插入到数据库了。问题八：在删除自己的发布信息时出现了NumberFormatException异常。解 决：经仔细检查后发现，通过goodsID删除时字段名写错了。问题九：更新发布的信息时能获取要更新的信息，但是不能更新，又作为一条新的发布信息插入到数据库。解 决：更新信息页面的表单的action写成了测试插入发布信息的页面。在编程过程中难免遇到错误，所以在每写一段代码时都应该进行测试。在遇到错误时要仔细看看代码，看到底是哪出了问题。一定要认真仔细。测试与调试过程是很困难的，有时候会只因为自己一点小马虎折腾好几天。所以，测试过程是很重要的。不要等到代码都写完了再去测试，那样会很麻烦。测试也是软件工程的一部分，有人会认为我写出代码就行了，那他就 犯了一个很大的错误。测试是不可小觑的。（二）维护程序做完全部运行成功之后，在以后的使用中还需要定时的进行维护。本网站需要定时查看有没有发布不良信息。有的话管理员要及时删除。定时查看有没有出现异常情况。定时测试程序的功能，以便用户更好的使用。五 总结在每一次的编程过程中都会有新的发现，新的体会。编程是一个很艰难的过程。有的时候会因为程序没做完而不吃饭。课程设计做完了，但是我们的程序还没有结束。还要进一步的完善 。这次的课程设计最大的一个收获就是遇到问题时90%都是自己解决的。这是一个很大的提高。编程不怕出错，老师说的没错，出错了解决之后一定要做笔记，错在哪，为什么错，都需要自己去好好分析，出了问题自己就能更好的掌握更多的知识，以后再出现问题时就不会措手不及了。还有一个收获就是提高了自己上网查资料的水平。以前一遇到问题就会着慌，急着问同学。现在想想，其实自己上网查资料会更好一些。实在不会了，应该请教一下同学或者老师。在编程过程中一定要非常认真，这也是我一直所信仰的。但是在写代码的过程中还是免不了因为不认真出现错误。编程过程虽然很艰难，但在自己写出一个程序的时候会觉得很开心，很有成就感。这次的课程设计用了很长时间，至少在我看来是很值得的，因为它让我懂得了很多东西，让我收获良多。从一开始的不懂到现在的熟练，这是一个慢慢成长的过程。摔倒了只有慢慢爬起来才会有前进的可能。编的代码多了还有一个小小的好处，那就是能提高自己的打字水平。通过这次的课程设计，我深深体会到了在做一个项目时首先应该有思路。刚开始着手课程设计时一点思路也没有，别人都开始了一半了，自己还没有开始，觉得很是着急，但是着急也没用，应该冷静下来仔细考虑考虑。虽然我的课程设计比别人开始的晚，但我相信，只要我努力，我会完成的。事实证明我做完了。我相信，只要自己肯努力，会有收获的。从前台页面的设计到后台数据库的使用，知识都是相通的，到现在我更加地体会到了这一点。前台界面需要用到网页设计的布局，后台需要数据库的支持，代码需要用到java语言，这次的课程设计综合了所学的三门学科的知识，更融洽地将这三门学科结合到了一起。也使我们懂得了学好各科目的重要性。这次的课程设计很有价值，也是我们做动态网站的一个开始。良好的开端是成功的一半，相信我们在以后的编程过程中会变得更加成熟。相信天道酬勤，时不我待！致谢：能做好这次的课程设计，首先感谢辛辛苦苦教我们的曹莹老师，是曹老师辛辛苦苦的教我们知识，帮我们解决问题，我们才会有今天的成果。然后感谢我的舍友，在我遇到问题解决不了时，是她们给了我帮助。感谢所有支持我的人，谢谢你们的支持！参考文献：JSP由浅入深开发技术能力教程六 用户使用说明书该网站的使用环境：MyEclipse 7.0使用的数据库：sqlserver 2000安装环境：先装好jdk和tomcat 6.0，装好之后再装上MyEclipse 7.0，都装好之后在文件下拉菜单下导入本项目market。之后在MyEclipse 7.0环境的菜单栏中选择window-preference-MyEclipse Enterprise Workbench-Servers-Tomcat,在相应的位置上部署好tomcat，在tomcat下部署好jdk。然后在把market项目部署到tomcat