1、 I 目 录 摘 要 . 1 Abstract. 1 第一章 绪 论 . 3 1.1 研究背景 . 3 1.2 历史及现状 . 3 1.3 发展前景及优势 . 3 1.4 研究目的 . 4 1.5 开发工具 . 4 第二章 系统需求分析 . 5 2.1 功能分析 . 5 2.1.1 用户模块 . 5 2.1.2 一级菜单模块 . 5 2.1.3 商品模块 . 5 2.1.4 购物车模块 . 6 2.1.5 订单模块 . 6 2.2 安全性分析 . 6 2.3 运行分析 . 7 2.4 可行性分析 . 7 2.4.1 技术可行性 . 7 2.4.2 经济可行性 . 7 第三章 系统总体设计 .
2、8 3.1 设计概述 . 8 3.2 总体结构 . 8 3.3 各个模块功能 . 8 第四章 系统数据库设计 . 10 4.1 数据库需求分析 . 10 II 4.2 概念结构设计 . 10 4.3 逻辑结构设计 . 11 第五章 系统详细设计 . 13 5.1 前台界面设计 . 13 5.1.1 首页界面设计 . 13 5.1.2 主要界面设计 . 15 5.1.3 其他界面设计 . 16 5.2 关键问题设计 . 18 5.2.1 验证码技术 . 18 5.2.2 左右无缝平移设计 . 19 5.2.3 轮播切换设计 . 20 5.2.4 平移图层 . 20 5.2.5 分页技术 . 21
3、 5.2.6 邮箱激活 . 21 参考文献 . 24 致 谢 . 25 1 西华师范大学跳蚤市场网的设计与实现 陈祖梅 计算机 学院 软件工程 专业 2013 级 指导教师： 李艳梅 摘 要 ： 随着 Internet 技术的发展，网络已经侵入人们的日常生活。将来人们的日常生活和工作将越来越仰赖于发展的数字技术，越来越数字化、网络化、电子化、虚拟化。 Internet 的发展历程以及目前的应用状况和发展趋势，将极大的改变我们的生活方式和工作方式，甚至影响社会价值观发生变化。 本设计试图利用 SPRING 将 一个网上二手交易市场架构在网络上，让每一个同学都能在校内实现二手商品交易。通过交易，不
4、仅体现环保、勤俭等传统，还可以进行电子商务的实战演练。本文从理论和实际两个角度出发，以西华师范大学跳蚤市场网为 例 对一个具有基本互动性能 的在线二手商品交易网站进行设计与实现分析。设计首先采用面向对象分析与设计方式介绍。其次对系统进行的可行性分析，然后根据设计思想、设计目标以及整体结构对系统进行精确的策划。最后对系统的主要界面、数据库、交互实现做出较为具体的说明。 采用 SPRING 技术来实现该二手商品交易系统。其主要性能有用户登陆注册，商品查询，订单和购物车等功能。设计在编辑过程中，争取理论和应用合二为一，系统从实际应用到操作技巧上进行阐述。希望能够更充分将所学知识与技术体现运用本次设计
5、网站中。 关键词： 电子商务； SPRING；数据库 Design and Implementation of Flea Market Website of China West Normal University Zumei Chen Software Engineering, Computer School Grade 2013 Instructor: Yanmei Li Abstract: With the development of Internet technology, the Internet has invaded peoples daily life. In the fut
6、ure, peoples life and work will depend more and more on the development of digital technology, and become more and more digital, networked, electronic and virtualized. The development process of Internet and its current application situation and development trend will greatly change our lifestyle an
7、d work style, and even affect social values change. This design attempts to use SPRING to construct an online secondary market in the network, so that each student can complete the secondary commodity transaction in the school. Through the transaction, not only embodies environmental protection, thr
8、ift and other traditions, but also can carry out actual combat exercises of e-commerce. From the two angles of theory and practice, this paper expounds the design and implementation of an online second-hand commodity trading website of China West Normal University with basic interactive function. Th
9、e design is first 2 introduced by object oriented analysis and design. Secondly, the feasibility of the system is analyzed, and then the system is planned accurately according to the design idea, the design goal and the overall structure. Finally, the systems main interface, database, interactive im
10、plementation of a more specific description. SPRING technology is used to realize the second-hand commodity trading system. Its main functions are user login, registration, commodity inquiries, orders and shopping cart and other functions. In the process of editing, the theory and application are co
11、mbined, and the system is expounded from practical application to operation skill. I hope that I will be able to apply the knowledge and technology in this design website more fully. Key words： Electronic Business; SPRING; DATABASE 3 第一章 绪 论 1.1 研究背景 近几年来互联网的快速发展，“互联网 +”的出现，促使多样化信息技术同实体进行联合，以及当代大学生成
12、为网购的主力军，使得各种购物网、快递公司的蓬勃发展；伴随着电子商务的发展，保护环境、节俭节约、循环利用资源的意识在头脑中形成，二手商品交易成为一种发展方向，但是还没有一个专门只为当代大学生提供的一个纯粹的“二手网”。 在跳蚤市场中 ，甩卖的物品多为大四毕业 学生在大学四年中的生活、学习、社交等用品。这些是他们无法带走或者舍不得丢掉的，但仍然可以再次利用起来的物品。这些旧物品对学弟学妹们来说可是一些宝贝，它可以为学弟学妹们提供一些方便的、可靠的、有效的学习资料，一些便宜的生活物资以及即将到来的大学毕业提供一些方向。 但是，从近几年的状况来看，毕业生大部分的东西是没有得到利用的，往往是以廉价卖给废
13、品回收站，有的学弟学妹却以高额的价格从各个商店买来一些接下来的学习和生活可能需要的物品。 1.2 历史及现状 跳蚤市场（ flea market）是西方国家 对 旧货地摊市场的 称 呼 。由一个个地摊摊位组成，市场规模大小不等。 发 售商品多是旧货、人们多余的物品及 不 曾用过但已过时的衣物等，小到衣服上的小装饰物，大到 完好 的旧汽车、录像机、电视机、洗衣机，一应俱全，应有尽有。价格低廉，仅为新货价格的 10 30。跳蚤市场的 治理松懈 。 关于 flea market 的 起 源， 现有两种说法。一是 来源于纽约的 Fly Market， Fly Market 是纽约下曼哈顿地区的一个固定
14、市场，这一市场从美国独立战争 (1775 年 )之前一直 持续 到大约 1816 年 ；二是， Fly 这个词来源于荷兰语 称号 Vly 或 Vile， 原意 为 “ 山谷 ” ， 由于 它在荷兰语中的发音正好和英语中的 flea 一样，所以就形成了 如今的 flea market。 目前市场上有众多二手网，基本可分为二手房、二手车、二手书、二手日常用品这几大类；按地域则几乎每个地区都有本地的二手交易网。二手商品皆有一个破损率、折旧率的概念，因此不可能像新商品一样采用标明商品性能的方式，所以其信任度有待而估以及大都采用线下交易方式。 另外这些网站基本上全是会的都掺杂一些无聊广告、游戏推送，并没
15、有一个很好专属于校园的二手网，页面无法很好的根据师生需求进行物品搜素。 1.3 发展前景及 优势 首先，学校扩招，师生人数不断的增加，用户群将不断的更新扩大；其次，各个高校并没有专属于自己的跳蚤市场网，市场前景广阔；然后，学校、国家、社会对大学生创业的各个方面的引导以及支持；最为重要的是，现在网络的时代的快速发展，互联网涉及生活中每个角落，人们文化素质的提高，科技运用的普及等等 5。 其次，最近年轻人惰性增加，对需要体力的事情拒之千里，从心里面产生抵触。另外，二手市场给予用户一个指路牌，直接将用户带到所要搜寻的商品面前，节省了用户在市场中心急如焚、汗流浃背、口干舌燥地寻找与砍价。依赖于品种丰富
16、，购买者选择余地较大；购买方便、售价便宜等优势。从侧面给电子商务增加潜在市场。 4 然后，该网站开发会逐步更新；管理涉及西华师范大学师生，管理经费较少。 预计在近五年里 Flea Market 将快速占有四川高校市场，直到最后占有全国市场的大部分甚至更远。 1.4 研究目的 以西华师范大学一年一度的跳蚤市场为背景，让废旧物品得到充分的利用；不但方便了同学们，同时也营建节约光荣，浪费可耻的校园文明气氛；为老师和同学提供平台，所有注册用户不仅可以在网上放上自己不需要的东西，同时也可以在网上找到自己需要的东西，物有所值，互利共享 ； 其次是间接性的为学弟学妹从中找到自己以后可能发展方向，并为之而努力
17、奋斗。 1.5 开发工具 开发工具： JerBrains WebStorm10 、 MyEclipse 10 开发语言： JAVA 运行环境： Windows XP/7/10 数据库： MySql JerBrains WebStorm 的介绍： JerBrains WebStorm 中文名为：网络风暴，享有 WEB 前端开发神器的名誉。功能上：具有 JavaScript 功能，例如：基于 DOM，特定浏览器完成、编码导航和用法查询、支持结点、重构、单元测试等；具有批量代码分析、编辑语言混合、拼写检查、重复代码检测器的功能；支持 H5、 CSS/JS、显示内容及应用风格；具有便捷的环境，可以远程
18、同步、集成版本控制系统、本地记录等。 另外，具有强烈的智能代码补全、代码优化、 html 提示、联想查询、代码重构，以及代码检查和快 速修复、调试、结构浏览、折叠等等功能优势。 5 第二章 系统需求分析 2.1 功能分析 为解决不同用户的不同需求，该网站主要功能有： 用户模块、一级菜单分类模块、商品模块、购物车模块、订单模块等 1。 2.1.1 用户模块 根据对用户简单分析，得出用户基本功能 2，见图 2.1。 注册：前台的 JS 校验、使用 AJAX 完成对用户名异步校验、 后台 Struts 2 校验、验证码、发送激活邮件、将用户信息存入数据库里面。 激活：根据激活码查询用户是否存在，激活
19、或者修改用户状态。 登陆：输入用户名和密码进行数据校验，验证码校验进行用户登陆。 退出：销毁 session。 图 2.1 用户模块图 2.1.2 一级菜单模块 查询一级分类及商品类型，并将分类存入到 session 范围类，同时查询到每个一级分类所属的二级分类，以及查询所有商品分类下面的所有商品，并采用分页方式显示，见图 2.2。 图 2.2 一级菜单模块图 2.1.3 商品模块 对商品的展示，查询热门商品、查询最新商品、根据 ID 查询商品 ,见图 2.32。6 图 2.3 商品模块图 2.1.4 购物车模块 首先用户把商品添加到购物车、然后从购物车中移除商品、最后清空购物车中所有商品等，
20、见图 2.4。 图 2.4 购物车模块图 2.1.5 订单模块 生成订单，将购物车中信息存入数据库中，具有订单付款，在线支付、修改订单状态、修改订单信息，查询用户订单等，见图 2.5。 图 2.5 订单模块图 2.2 安全性分析 安全方面，普通用户只可以查找商品、和卖家留言联系进行商品买卖；注册7 用户可以更改自己的相关信息、相关商品的管理、同买家留言交流；系统管理员可以对自身和注册用户基本信息进行操作，删除注册用户；可以对新闻、网站管理进行操作的用户，以及其他类型用户的相关权限借可以。系统是在网络上运行的多用户系统，采用了数据库安全性、操作系统安全性、程序安全性三重安全性管理来达到系统要求的
21、安全性 2。 2.3 运行分析 支持系统运行的系统需要在 Windows xp/7/10 下，需要安装火狐浏览器、MySql 数据库且数据库密码为 123，以及 tomcat7.0 运行环境并保证接口 8080 没有被其他的占用。硬件方面需建立维护和使用制度，在硬件选择是要充分考虑硬件的负载和应用环境。软件方面则需对系统进行定期地维护，尽量能够预防各种BUG 问题。 2.4 可行性分析 可行性分析另一个称呼是可行性研究，即在系统考察基础上，针对新系 统开发判断其是否具有必要性和可能性，从技术、经济、社会的方面进行开发分析和研究，以防止投资失误，保障新系统的顺利开发 3。 2.4.1 技术可行性
22、 前端采用 HTML5、 CSS3 布局 ,JS、 JQuery 技术页面动画效果 , AJAX 页面数据的交互 ,代码分段、分类，重用率高，可维护性强 4。后台 SSH 框架，着重struts 和 spring 进行业务分层描写；代码层次清晰可维护性强。后端数据库采用SQL 编写，轻便且功能强大，数据处理快、权限设置准确、数据安全性高。 2.4.2 经济可行性 经济可行性主要对系统的经济效益进行评价，该系统的设计与开发不需要特殊硬件，使用的软件为开源免费的，不会产生技术专利问题，同在开发过程中的经费低 5。 8 第三章 系统总体设计 3.1 设计概述 根据需求将网站划分为不同的模块，每个模块将完成特定功能，最后将每个模块链接起来，组成一个整体 6。 3.2 总体结构 根据需求分析， Flea Market 网 可以划分为：用户模块、商品模块、订单模块、购物车模块等。用户模块包括用户注册、登陆、激活、退出等功能；商品模块可以分为商品的查询、浏览；订单模块包括商品信息、订单信息、支付信息；购物车模块有商品信息、商品支付状态、商品添加删除等。详见图 3.1。图 3.1 总体模块功能划分图 3.3 各个模块功能 各个模块功能如下 用户模块：用户注册、用户激活、登陆、注销等功能。 图 3.2 用户管理模块功能图
