基于mvc模型的二手市场的设计与实现毕业设计(论文)(编辑修改稿)

基于mvc模型的二手市场的设计与实现毕业设计(论文)(编辑修改稿)内容摘要：

做出 改变时重载整个 web 页面， Ajax 技术可以使网页更迅速地响应。 本系统中涉及到的 Ajax 的应用主要体现在页面信息验证、下属城市的动态获取，通过该技术，系统在不发生页面跳转的情况下完成前后台的数据交互。 CSS 介绍 CSS 是英语 Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件样式的计算机语言。 CSS 目前最新版本为 CSS3，是能 够真正做到网页表现与内容分离的一种样式设计语言。 相对于传统 HTML 的表现而言， CSS 能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。 CSS 能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。 CSS 本身主要功能是完成对页面的布局与美化工作，在本系统的实现中， CSS江苏海事职业技术学院毕业设计（论文） 8 主要完成页面整体框架布局、 div 层的嵌套布局、页面元素的属性设定。 开发和运行环境 本系统采用的是 B/S 架构，开发工具为 Eclipse，开发语言为 Java，由于 Java的跨平台性，理论上该系统可以在任何操作系统上运行，以下为具体开发环境： 操作系统： Microsoft Windows XP 开发语言： Java+JavaScript 开发工具： 数据库系统： Microsoft SQL Server 20xx 应用服务器软件： Tomcat 图形编辑软件：美图秀秀 系统开发流程 本次毕业设计主要按照以下流程进行实现：需求分析、系统功 能分析、系统整体架构设计、系统细节设计与实现，如下图 所示： 图 系统开发流程图 ，该阶段的内容主要是分析目前二手市场存在的不足，了解用户期望目标。 ，该阶段的主要内容是根据收集到的用户需求信息，分析该系统需要实现的功能。 ，该阶段的主要内容是根据系统各个功能的关联，设计系统架构，在此阶段对系统具体功能模块的设计不做考虑。 ，该阶段是根据系统总 体架构，对各个模块进行需求分析 系统功能分析 系统整体架构设计 系统细节设计与实 现 江苏海事职业技术学院毕业设计（论文） 9 逐个分析并制定解决方案，参照方案完成该模块。 江苏海事职业技术学院毕业设计（论文） 10第三章 需求分析 系统预期用户 本系统作为一个信息发布系统，所有用户都具有搜索信息的权限。 具体划分，用户主要涉及商品信息发布者与商品信息接收者两种角色，对两种角色现做以下详细介绍： ，商品信息发布者主要功能是发布自己的商品转让信息，因为涉及到个人信息的集中存放与辨识问题，商品信息发布者还拥有用户登录、用户个人信息修改、发布历史管理等功能，如下图 所示： 图 商品信息发布者功能图 ，对于该用户，由于没有登录系统，因此仅提供信息索引、用户注册、用户登录（已注册用户）功能，如下图 所示： 用户登录 用户个人信息管理 用户发布历史管理 信息索引 信息发布 江苏海事职业技术学院毕业设计（论文） 11 图 商品信息接收者功能图 系统可行性分析 本次设计的主要影响因素为技术的运用。 从技术本身来说，由于本系统的功能比较少，技术上主要涉及 SSH2 框架、 JSP、 Ajax 和 CSS 技术，皆是当前的主流技术，因此有关查询资料比较丰富，可参 考文件较多，为实现本系统提供了有力的保障；其次，本系统的设计中不涉及硬件及其他配套设备，基本上不需要投入其他资金，因此不存在经济上的困难；第三，本系统功能比较小，所有设计与制作均出自一人之手，后期维护也由同一人承担，不涉及相关技术不了解的情况，不存在管理上的难度。 系统功能性需求 针对目前二手商品信息汇集困难的特点，特设计本系统，因此，系统在功能上要做到以下几点： 1)用户方面 用户分为已注册用户与未注册用户，其两者的主要区别仅在于已注册用户拥有自己的账号，个人资料信息，商品发布功能，未注册用户 仅享受系统提供的信息查询功能。 2)登陆方面 系统首页自动判定该用户是否已经登陆，对于已登陆用户，系统为其保存用户信息，用户可以通过右上角的快速链接查看个人信息，对于尚未登陆用户，系统右上角仅提供注册与登陆链接。 3)信息查询 用户登录 用户注册 信息索引 江苏海事职业技术学院毕业设计（论文） 12 系统页面上方提供一个大的搜索框供用户直接搜索商品关键字，在首页提供常见商品的快速链接，同时，系统在查询结果页面提供信息的更多约束条件的查询，方便用户缩小查询范围。 另外，系统提供分类查询功能，方便用户按种类细化查询条件。 4)信息发布 系统为已登陆用户提供信息发布功能，用户 在页面提交自己的信息表单，填写必要选项，选取商品种类，用户发布成功后即可在页面查看到该条记录。 5)个人信息 用户个人信息是查询已登陆用户的个人相关信息，包括用户信息、发布信息等内容，在该页面可以完成用户个人信息的修改，以及已发布信息的修改和删除操作。 江苏海事职业技术学院毕业设计（论文） 13第四章 系统设计 设计目标 根据当前主流 Web 系统的设计模式，并参考其他类似服务类网上系统的特点，结合本系统自身的实际应用需求，在本系统的设计完成时将要实现以下的目标： 1)基本功能实现。 系统本身的出发点就是完成一项功能，所以，本条目标的实现代表着 系统完成程度的关键评判因素。 系统应该逐一实现功能需求中所述的各项功能。 2)系统配置灵活。 系统应该充分尊重用户的个性，允许用户对涉及自身的某些信息的选择性输出，对一些系统本身运行时不做强烈要求的内容，给予用户充分的自由做选择性填写。 3)友好的操作界面。 系统的基本功能完善的同时，尽量实现一个友好的操作界面，在不影响系统正常服务的情况下，还应做到为用户提供最方便的操作。 4)易于日后维护。 这主要是考虑到系统在建成之后可能涉及用户体验不佳、系统 Bug 逐渐显现、系统性能不稳定的情况下，方便系统维护人员能够对系统及时做出正确调整。 5)易于升级。 一个优秀的系统，一个具有活力的系统必然在一开始就考虑到随着系统的广泛应用，系统在很多地方需要增加或删减模块，这就要求本系统在开发时有着清晰的功能层次划分，能满足系统在需要升级或扩充时能够方便的做出调整。 6)良好的纠错能力。 纠错能力主要体现在对于用户的一些非法操作能够及时给出提示信息，方便用户改进。 例如在登陆系统时用户名及密码错误、密码为空等常见用户误操作行为。 系统目录结构设计 系统在设计伊始就选择了使用 MVC 分层模型和 SSH2 框架，系统目录结构大致如图 所示。 江苏海事职业技术学院毕业设计（论文） 14 图 系统架构图 系统为 Eclipse 建立的 Web Project， src 目录下存放 action、 dao、 util、service、 entity、 test 六个主文件夹，其中 test 文件夹仅用作部分代码测试使用。 action 文件夹存放控制层类、 dao 文件夹中存放系统与数据库之间的操作接口，另外， dao 文件夹中还有 impl 文件夹，用于存放接口的实现类；、 service文件夹存放服务层接口， service 文件夹中还存在 impl 文件夹，其中存放 service层接口的实现类、 util 提供系统组件的一些类的存放 、 entity 主要存放实体类信息，包括表格的映射文件配置信息。 系统 Web Content 目录下存放自定义文件夹 imgs、 css、 js、 pages、 util 和 页面，其中 imgs 文件夹主要是提供所需图片的调用， css 文件中存放页面布局信息，供页面元素调用， js 文件夹中为 JavaScript 信息，页面中的控件通过 JavaScript 脚本实现部分功能， pages 存放多数页面，在本系统中其优势不明显，在大型系统中，分类的页面存储为日后的升级、维护提供了极大的方便，util 文件夹主要存放一些组件页面 ，例如本系统中首页由 、 、 页面组成，页面组合的应用增强了代码的复用性，降低了资源浪费； 页面是系统的入口，它提供首页的跳江苏海事职业技术学院毕业设计（论文） 15转操作，解决系统首页直接加载时因为 css 文件名称的冲突而带来的页面非正常显示现象。 系统体系结构设计 基于用户使用的便利性以及现今主流实现方式的考虑，二手市场系统采用现下比较流行的 B/S 体系架构。 所谓 B/S 架构，就是浏览器 /服务器模式，用户通过浏览器访问系统，通过对浏览器实现与后台服 务的数据交互工作。 相对于传统的 C/S 架构（客户端 /服务器）架构， B/S 架构机构的优势体现在以下几个方面： 1) 极大地降低了客户端计算机的运行负荷，减少了用户机器的资源消耗。 2) 有利于对系统的更改和维护，由于系统本身运行在服务器端，因此对服务器方的更改即可影响到所有客户端的访问数据。 3) 客户通过浏览器访问服务器系统，不涉及用户个人机器配置及操作环境的因素，极大地方便了系统开发人员的工作量。 4) 开发及设计时无需考虑跨平台的实现问题。 系统功能结构设计 通过对系统的深入分析与研究，总结出系统功能的几个主要功能模块， 如图 所示。 以下是对各个模块的具体说明： 1）用户登陆与注册模块，该模块负责用户账户的注册、登陆和修改功能，基于 MVC 系统的二手市场 用户个人中心模块 用户登陆与注册模块 用户信息索引模块 用户信息发布模块 数据库操作模块 图 系统功能模块图 江苏海事职业技术学院毕业设计（论文） 16同时提供对已登陆用户名的保存功能，使用户在一次连接中不用再次登陆。 2）用户个人中心模块，该模块的显示建立在用户具有账户和已登录情况下，对于已注册用户，个人账户信息保存在服务器中，只有在用户登陆的情况下，才会出现个人中心的连接，用户进入个人中心可以查看自己的相关信息，包括个人信息和已发布信息的修改。 3）用户信息索引模块，该模块是本设计的 主要体现模块，系统的主要服务主要都体现在该模块，用户能够通过系统提供的搜索框、城市选项框、时间选择、类型选择功能筛选自己需要的信息。 为方便用户操作，系统首页面提供常用物品的分类链接，方便用户快速查询。 4）用户信息发布模块，用户信息发布模块建立在用户具有用户账号和已登录的情况下，需要发布信息的用户必须拥有自己的账号来标示自己的信息，该功能模块下，用户可以选择自己要发布的商品信息的所属类别、设定商品的期望出售价格、填写自己的联系方式等。 发布信息时用户要指定自己发布信息的所属类别，系统不提供物品类别的自动判定功 能。 5）数据库操作模块，该模块事实上对用户是透明的，但是涉及到整个系统数据的存储问题，关系到系统运行的操作性及顺畅性，因而不容忽视。 数据库模块主要考虑数据表的设计，包括表间的关联问题，同时结合系统设计特点，设计表格使其最高效率的服务于系统。 数据库结构设计 数据库用于存储系统中涉及到的数据，实现主要数据的持久化功能，另外，有些数据还用于页面的现实条用，例如城市表中的下属城市信息还用于页面的动态获取展示，这些信息在需要使用的时候从数据库查询调用，减少页面的加载负荷，保证了系统运行的顺畅。 另外，选择用数 据库存储数据能够方便的直观地看到系统的数据的格式化存储。 本次设计采用的数据库软件为 Microsoft SQLServer 20xx，本次设计中主要有四个基表和一个视图，分表为 user_tb（用户表）、 type_tb（类型表）、 city_tb（城市表）、 info_tb（信息表）、 info_view（用户视图），如下图 ，为数据库中表之间的关联关系： 江苏海事职业技术学院毕业设计（论文） 17 图 系统表关联 以下给出本次设计涉及的几个主要表格及其相关说明： 1）用户表（ user_tb） 负责用户信息的存储，表结构如图 所示。 图 用户表结构 user_id：用户唯一标识字段 user_name：用户名字段，即登陆账户名 password：用户密码，即登陆密码 sex：性别 江苏海事职业技术学院毕业设计（论文） 18 age：年龄 address：用户所在地 mail：用户邮箱，用于验证信 息（本次设计不做实现） real_name：用户真实姓名，用于实名认证（本次设计不做实现） 2）类型表（ type_tb） 描述发布商品的所属类型，类型表严格划分类型所属父阶类型。 表。