关于校园二手商品交易平台的设计与实现.docx

《关于校园二手商品交易平台的设计与实现.docx》由会员分享，可在线阅读，更多相关《关于校园二手商品交易平台的设计与实现.docx（59页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、河北地质大学华信学院学士学位设计摘 要本系统作为一个校园二手商品交易平台的小型电子商务网站，实现了校园资源的整合 以及闲置物品的重复利用价值。本系统是在充分调查了解了用户的需求之后，实现了校园 二手商品交易的大部分需求，包括商品发布、商品浏览搜索、订单管理、评价管理等，本 课题的前端主要使用html+css+jQuery进行实现、后端使用angularjs实现，使用MySql数 据库，服务器采用tomcat，作为一个B/S结构的电商系统。校园二手商品交易平台希望可 以给予同学们生活、学习带来便利，实现校园二手商品的有益流通。关键词 商品交易平台 数据库 前后端分离 B/S模式ABSTRACTT

2、he system as a campus second - hand commodity trading platform for small e - commerce site, to achieve the integration of campus resources and the re - use of idle goods value. The system is fully investigated to know about the needs of users to achieve most of the needs of the campus second-hand co

3、mmodity transactions, including commodity distribution, merchandise browsing search, order management, evaluation management, the front of the subject mainly use html + Css + jQuery to achieve, the back-end use of angularjs implementation, the use of MySql database, the server using tomcat, as a B /

4、 S structure of the electricity business system. Campus second-hand commodity trading platform hope to give students life, learning to bring convenience, to achieve the useful circulation of second-hand goods in campus.Keywords: commodity trading platform database front and rear separation B/S mode6

5、目 录摘 要 I ABSTRACT I 引言 1 1 绪论 1 1.1 课题背景与意义 1 1.2 本文的总体结构 1 2 开发工具及技术 2 2.1 开发工具 2 2.1.1 前台使用技术 2 2.1.2 后台使用技术 2 2.1.3 后端使用技术 3 2.2 B/S架构 3 2.3 软硬件需求 3 3 系统的需求分析和概要设计 3 3.1 可行性分析 3 3.1.1 技术可行性 4 3.1.2 经济可行性 4 3.1.3 管理可行性 4 3.2 系统的需求分析 5 3.3 系统的概要设计 5 3.4 设计的基本思想 73.5 系统的安全性 73.6 数据的完整性 73.7 界面需求 74

6、系统的数据库设计 84.1 数据库的需求分析 84.2 数据库的概念设计 144.3 数据库的逻辑设计 254.4 数据库的物理设计 274.5 数据库的连接原理 364.6 中文乱码问题处理 374.7 CSS文件处理 374.8 JS文件处理 375 系统功能模块的详细设计 385.1 前台用户注册登录模块详细设计 385.2 商品发布模块详细设计 395.3 商品搜索浏览模块详细设计 405.4 个人信息维护模块详细设计 415.5 购物车模块详细设计 425.6 订单管理模块详细设计 436 系统功能模块的实现与测试 446.1 前台用户注册登录模块实现 446.2 商品发布模块实现

7、446.3 商品搜索浏览模块实现 456.4 个人信息维护模块实现 456.5 购物车模块实现 466.6 订单管理模块实现 466.7 程序调试 466.8 测试用例 47结论 49致 谢 50参考文献 51河北地质大学华信学院学士学位设计关于校园二手商品交易平台的设计与实现从21世纪以来，作为一种新型的经营模式，电子商务的发展日益明显，特别是近几 年信息传输速度高度提高的环境下，电子商务日益成熟。并且人们也逐步的接受了网上购 物这一理念。每年高校中的学生至少会有一次甚至多次的网购经历，但又有许多的人在购置到商品 之后觉得不是自己想要的又不能进行退货只能闲置下来暂时不使用。这使得经济本就靠家

8、 庭支撑的学生买到了自己不想要的东西也没有足够的闲钱来购买其他想要的东西。为了更好的处理这些问题，本系统以此需求为基础，通过学生将自己的闲置物品发布 到网站上让其他同学进行浏览进行交易使得校园中的闲置物品流通起来解决了学生经济 不足的问题。本系统基于B/S结构，采用SSM(spring+springMVC+mybatis)框架，后端采用JAVA 语言，前端前台使用html+css+jQuery、前端后台使用angularjs进行开发。该系统可以提供学生进行闲置商品的信息发布，商品信息浏览等功能，管理员进行商 品的审核及用户的管理等操作进行用户、商品、系统的全局管理。该系统具有美观的页面，良好的

9、用户体验。系统使用简单，方便。很大程度上解决了 闲置物品的再利用的问题，缓解了学生的经济问题。1 绪论1.1 课题背景与意义从21世纪以来，作为一种新型的经营模式，电子商务得到了长足的发展，特别是近 几年信息速度高度发达的经济环境下，日益趋向成熟。并且人们已经逐步接受网上购物这 一观念。从电商发展至今，可以看得出开发一个电子商务网站的价值所在：除了投资少，回收 快，基本不需要占压资金之外，24 小时的营业时间以及不受店面地理位置影响都是其显 著特点。而对于消费者而言，采用电子商务方式可以高效、便捷和低成本的实现购买活动。在中国发展网上购物已经具有良好的消费者基础，网上购物方式日趋被大家所接受。

10、 因此设计一个校园二手商品交易的小型电子商务网站具有很好的应用和开发前景。1.2 本文的总体结构本文从介绍校园二手商品交易平台的背景开始，分析了系统设计的目的和意义，同时1河北地质大学华信学院学士学位设计分析了校园二手商品交易市场的现状；根据本项目的自身特点和所涉及到的背景，在第二 章中简单介绍了使用的相关技术应用；第三章分析了项目的可行性及进行了需求分析；第 四章详细整理了整个设计开发过程中对整个项目所设计的数据流图一级实体 E-R图；最 后一章对整个系统进行了测试，并且对系统的前台和后台功能进行一系列的介绍。2 开发工具及技术2.1 开发工具此次设计主要采用 eclipse 加 tomca

11、t 服务器进行，设计过程中前台页面主要使用 html+css+jQuery，后台主要用angularjs完成。下面对eclipse、tomcat进行简要介绍。（1）EclipseEclipse 是一个基于Java的开发平台。就其本身而言，它是通过组件的安装来实现的 各项开发任务的需求的。Eclipse有自己的插件库可以自行选择。（2）TomcatTomcat是小型轻量服务器。2.1.1 前台使用技术（1）Html主要特点有简易性、可扩展性、平台无关性、通用性。（2）Css层叠样式表用于HTML页面的样式速写。总体来说，CSS 具有以下几种特点：丰富的样式定义、易于使用和修改、多页面应 用、层叠

12、、页面压缩。（3）jQueryjQuery是一个封装完善的javascript框架。可以让我们的代码变得简洁。其中用的最 多的是AJAX交互功能。jQuery的特点有快速获取文档元素、提供漂亮的页面动态效果、创建AJAX无刷新 网页、提供对JavaScript语言的增强、增强的事件处理、更改网页内容。2.1.2 后台使用技术AngularjsAngularJS使用了不同的方法，它尝试去补足HTML本身在构建应用方面的缺陷。 AngularJS通过使用我们称为指令（directives）的结构，让浏览器能够识别新的语法。2.1.3 后端使用技术SSM框架SSM框架是由三个开源的框架整合而成的，是

13、一个比较简单的web项目开发框架。其中spring是一个轻量级的控制反转和面向切面的容器框架。SpringMVC 分离了控制器、模型对象、分派器以及处理程序对象的角色，这种分离 让它们更容易进行定制。MyBatis是一个支持普通SQL查询，存储过程和高级映射的优秀持久层框架。2.2 B/S架构B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件，只要有一 台能上网的电脑就能使用，客户端零安装、零维护。系统的扩展非常容易。B/S同时具有 升级和维护方式相对简单、成本较低等2.3 软硬件需求硬件需求：CPU：i5+内存：2G+软件需求：操作系统版本：Win7+开发工具：eclipse

14、 4.5.2开发语言：JAVA浏览器：Chrome 58.0.3026.33 系统的需求分析和概要设计系统分析就是分别对技术、经济、管理的可行性进行分析。对软件中可能遇到的一些 问题及解决方案进行初步的设定，明确目标。本系统采用的是SSM框架的MVC模式。3.1 可行性分析可行性分析能使新系统达到以最小的成本取得最大的利益，目的也是根据开发管理系 统的需求，通过初步调查和系统目标分析，对于本电商系统网站的设计从技术、经济、管 理上进行可行的分析研究，既保证资源的合理有效的利用，也可以避免在日常的工作中由于失误而导致的各种浪费的现象。3.1.1 技术可行性本系统的开发工具是eclipse及MyS

15、QL数据库，开发语言JAVA，主要运用了J2EE 技术，技术方面，本系统采用JAVA语言进行设计，JAVA也是我比较熟悉的开发语言。大四校外近10个月的实习工作中采用的就是JAVA语言开发，因此选用JAVA语言 进行开发。3.1.2 经济可行性本系统的复杂度较小，不需要投入大量资金，同时也存在着实用性，能改善使用方法 在财力和人力上的过度消耗。如果进行使用就可以得到很好的成效，做到合理的利用可用 资源和合理的节约不仅仅提高了工作的效率也减少了工作人员的工作量，使得本系统在处 理业务方面得到很大方面的提升。3.1.3 管理可行性对于大多数的用户来说，网上购物已经是一种习惯了。相对于其他的购物方式

16、此种购 物方式更加的熟悉。一个界面简洁友好的网站可以使使用者更加轻松的了解到此网站所提供的种种操作， 从而能得到更好的购物体验。对于后台管理者而言，本系统提供的后台操作简单，模块划分简洁明了。因此无论是用户亦或者管理员都能很好的操作本网站提供的各项功能，在管理方面是可 行的。综上所述，开发校园二手商品交易平台是必要可行的。393.2 系统的需求分析校园二手商品交易平台的数据流图如下图3-1所示前葡申执行ISB用曰IjtaM.吵5RLl-用户田milratt I gnsjKffife力I行结晕1中用户个人中心始行结旅P资乱公苫管取ifinL914由品搦比歪S1-Rfflfii行结果Jf入中CE&

17、 vaA9办品=通总？用尸IBD近理图3-1 校园二手商品交易平台的数据流图3.3 系统的概要设计系统整体功能模块图如图3-2所示fte校园二手商品交易平台用户信息菅S电商菅$)物车管理iFl浏贤商品浏贤商品直询个人中心资讯公告管H系统管理注册登录图3-2 系统整体功能模块图根据需求分析确定该系统划分为前台和后台两部分：前台面向游客的前台功能模块包括：（1） 注册登录可以在前台注册和登录（2） 商品查询可以在前台商品列表页面进行商品查询（3） 商品浏览可以在商品列表及商品详情页面进行商品的浏览（4） 资讯浏览可以在资讯列表及资讯详情页面进行资讯的浏览面向注册用户的前台功能模块包括：（1） 注册

18、登录可以在前台注册和登录（2） 个人中心可以在个人中心查看修改个人的基本信息、查看个人收藏商品、查看已购买订单、查 看个人发布商品以及密码的修改（3） 商品查询可以在前台商品列表页面进行商品查询（4） 商品浏览可以在商品列表及商品详情页面进行商品的浏览（5） 资讯浏览可以在资讯列表及资讯详情页面进行资讯的浏览（6） 购物车管理可以在购物车中查看购物车商品并对商品进行移除购物车或结算的操作后台面向管理员的后台功能模块包括：（7） 电商管理电商管理包括订单管理、商品管理、商品推荐管理、商品类型管理、商品分类管理等 功能模块（8） 资讯公告管理资讯公告管理模块包括资讯管理、资讯推荐管理、宣传图管理等

19、功能模块（9） 用户信息管理用户信息管理包括注册用户管理、管理员管理、角色管理、账户管理等功能模块（10） 统管理系统管理包括附件管理、信息栏目管理、宣传栏目管理、数据字典等功能模块3.4 设计的基本思想设计思想遵循以下几点：（1）采用B/S模式进行开发。符合一般电子商务网站的设计模式。（2）采用面向对象的开发与设计理念。运用面向对象技术的前提是对整体系统的高 度和准确抽象，通过它可以保证系统良好的框架，进而带来产品较强的稳定性和运行效率。（3）应用框架，本系统应用MVC框架，使得网站的结构组织更为明确和具体。（4）清新的系统界面，符合大学生的生气与活泼的设计风格，简介的设计界面使得 重点更为

20、突出，照顾用户的使用体验。3.5 系统的安全性本系统主要有游客，会员，管理员三个角色。其中管理员只可以登录后台管理页面， 会员只能登录前台门户页面。游客可以访问前台的大部分公开页面，例如：首页、商品展 示页面、商品详情页面、资讯信息页面等。3.6 数据的完整性各种记录信息的完整性，信息记录内容不能为空。各种数据间相互联系的正确性。相同数据在不同记录中的一致性。3.7 界面需求界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工 程，认知心理学、设计学、语言学等都在此扮演着重要的角色。用户界面是用户与程序沟 通的唯一途径，要能为用户提供方便有效的服务。用户界面设计的三大原则是

21、：置界面于 用户的控制之下、减少用户的记忆负担、保持界面的风格的一致性。本系统采用的是html技术作为前端页面的展现，由于每个模块的页面是不一样的， 因此在设计页面时要合理安排共用部分减少页面代码的冗杂性，并且要尽快的使用户能够熟悉网站的主要功能，同时保持页面的简洁一致性。4 系统的数据库设计4.1 数据库的需求分析计算机信息系统以数据库为核心，在数据库管理系统的支持下，进行信息的收集、整 理、存储、检索、更新、加工、统计和传播等操作。数据库已经成为现在信息系统等计算 机系统的基础与核心部分。数据库设计的好坏直接影响到整个系统的质量和效率。数据库的设计一般经过规划。需求分析、概念设计、逻辑设计

22、、物理设计 5个步骤。根据对系统数据库的需求分析，设计如下的数据字典：(1)数据项：系统涉及的数据项有150项，如表4- 1所示。表4- 1数据项列表数据项编号数据项名数据项含义存在结构别名DI-1ACCOUNT_IDDI-2USER_NAMEDI-3PASSWORDDI-4ACCOUNT_STATEDI-5ACTIVE_CODEDI-6INVITE_CODEDI-7REGIST_TIME账户IDVARCHAR(50)登录名VARCHAR(200)登录密码VARCHAR(32)密码账户状态TINYINT激活码VARCHAR(50)邀请码VARCHAR(20)注册时间DATETIME最后登录时D

23、I-8LAST_LOGIN_TIMEDATETIME 间DI-9ACCOUNT_LOGIN_ID账户登录方式IDVARCHAR(50)DI-10LOGIN_WAYDI-11LOGIN_ACCOUNTDI-12ATTACHIDDI-13STORAGEIDDI-14ATTACHNAMEDI-15ATTACHTYPEDI-16ATTACHDESCDI-17ATTACHEXTNAMEDI-18ATTACHSIZEDI-19OPTATTRIDI-20ATTACH_GROUP_IDDI-21OPT_BEAN登录方式VARCHAR(50)登录账号VARCHAR(100)账号信息编号VARCHAR(50)附件

24、ID存储编号VARCHAR(255)附件名称VARCHAR(255)附件类型VARCHAR(255)附件描述VARCHAR(255)附件扩展名VARCHAR(255)文件大小INTEGER操作属性INTEGER附件组编号VARCHAR(255)附件组ID附件操作对VARCHAR(255)象DI-22UPLOADUSERIDDI-23UPLOADUSERNAMEDI-24UPLOAD_TIME上传人编号VARCHAR(255)上传人名称VARCHAR(255)上传时间BIGINTDI-25LASTUPDATEUSERID最后更新人 编号VARCHAR(255)DI-26LASTUPDATEUSE

25、RNAME最后更新人 名称VARCHAR(255)DI-27LAST_UPDATETIME最后更新时 间BIGINTDI-28ISACTIVE有效性INTEGERDI-29ATTACH_ORDER附件排序TINYINT排序DI-30BUCJET_NAMEBucket名称VARCHAR(100)DI-31BUCJET_IDBucketIDVARCHAR(50)DI-32WR_PERMISSION读写权限VARCHAR(20)DI-33BUCKET_STORAGE_MODEBUCKET存 储方式VARCHAR(20)DI-34STORAGE_CONFIG存储配置VARCHAR(500)DI-35C

26、LASSIFY_ID分类IDVARCHAR(50)商品分类IDDI-36PARENT_ID父IDVARCHAR(50)分类父IDDI-37CLASSIFY_TYPE_CODE分类类型编 码VARCHAR(50)DI-38CLASSIFY_NAME分类名称VARCHAR(100)商品分类名 称DI-39CLASSIFY_CODE分类编码VARCHAR(50)DI-40CLASSIFY_LEVEL层级TINYINTDI-41TREE_PAYH分类级别INTDI-42CLASSIFY_STATE状态TINYINTDI-43CLASSIFY_IS_HOT是否推荐TINYINTDI-44CLASSIFY

27、_IMAGE分类图片VARCHAR(50)DI-45COM_ATTR_ID商品属性IDVARCHAR(50)DI-46COM_TYPE_ATTR_ID商品类型属 性IDVARCHAR(50)DI-47COM_ATTR_NAME商品属性名 称VARCHAR(60)DI-48COM_ATTA_VALUE商品属性值VARCHAR(60)DI-49CLASSIFY_ORDER商品分类排 序TINYINTDI-50CLASSIFY_BY_PASS分类层级VARCHAR(300)DI-51CLASSIFY_ID_SHOW是否显示TINYINTDI-52COM_CLASSIFY_REL_ID商品分类关 联I

28、DVARCHAR(50)DI-53CLASSIFY_NAME分类层级名 称VARCHAR(200)DI-54COM_TYPE_ID商品类型IDVARCHAR(50)DI-55COM_TYPE_NAME商品类型名 称VARCHAR(32)DI-56COMMODITY_ID商品idVARCHAR(50)DI-57COMMODITY_NAME商品名称VARCHAR(50)DI-58COMMODITY_CODE商品编码VARCHAR(60)DI-59COST_PRICE成本价DECIMAL(10,2)DI-60MARKET_PRICE市场价格DECIMAL(10,2)DI-61COMMODITY_PR

29、ICE商品价格DECIMAL(10,2)DI-62DESC_ATTA_ID商品描述附 件IDVARCHAR(50)DI-63DEFAULT_ATTA_ID默认缩略图 IDVARCHAR(50)DI-64ATTA_CODE附件编码VARCHAR(50)DI-65COMMODITY_STATE商品状态TINYINTDI-66BUY_TIME购买次数INTEGERDI-67MARK_TIME收藏次数INTEGERDI-68FAVORITE_ID收藏idVARCHAR(50)DI-69FAVORITE_USER_ID收藏用户idVARCHAR(50)用户idDI-70FAVORITE_TIME收藏日期

30、DATETIMEDI-71TYPE_ATTR_ID商品类型属 性IDVARCHAR(50)DI-72TYPE_ATTR_NAME商品类型属 性名称VARCHAR(32)DI-73TYPE_ATTR_SCOPE商品类型属 性范围VARCHAR(2000)DI-74TYPE_ATTR_TYPE商品属性类 型TINYINTDI-75IS_SEARCH是否查询条 件TINYINTDI-76EVALUATE_ID评价IDVARCHAR(50)DI-77PUBLISH_STATE审核状态TINYINTDI-78USER_ID评价用户idVARCHAR(50)用户idDI-79EVALUATE_SCORE评

31、价得分TINYINTDI-80EVALUATE_ORG_ID评价外联idVARCHAR(50)DI-81EVALUATE_CONTENT评价内容VARCHAR(1000)DI-82EVALUATE_CONFIG_ID评价配置idVARCHAR(50)DI-83SRC_ID评价来源idVARCHAR(50)DI-84EVALUATE_NAME评价项名称VARCHAR(50)DI-85EVALUATE_CODE评价项codeVARCHAR(50)DI-86EVALUATE_TOTAL_SCORE评价项总分 数TINYINTDI-87EVALUATE_WAY评价方式TINYINTDI-88DEFAU

32、LT_SCORE评价默认分 数TINYINTDI-89INFORMATION_ID资讯IDVARCHAR(50)DI-90TITLE标题VARCHAR(200)DI-91BROWSER_TIME浏览次数INTEGERDI-92COMMENT_TIME评论次数INTEGERDI-93MARK_TIME收藏次数INTEGERDI-94SOURCE来源VARCHAR(50)DI-95IS_TOP置顶TINYINTDI-96AUTHOR作者VARCHAR(50)DI-97COVER_IMG_ID封面图VARCHAR(50)DI-98DESCRIPTION简介VARCHAR(500)DI-99PUBLI

33、SH_TIME发布时间DATETIMEDI-100PUBLISH_STATE发布状态TINYINTDI-101KEY_WORD关键字VARCHAR(50)DI-102ORDER_COMMODITY_ID商品编号VARCHAR(50)DI-103ORDER_ID订单idVARCHAR(50)DI-104ORDER_NUMBER订单编号VARCHAR(100)DI-105USER_ID用户编号VARCHAR(50)用户idDI-106SELLER_CODE卖家编号VARCHAR(100)DI-107ORDER_PRICE订单价格DECIMAL(18,4)DI-108PAY_ACCOUNT支付账户V

34、ARCHAR(100)DI-109ORDER_STATE订单状态TINYINTDI-110STATE_INSTANCE_CODE状态示例编 号VARCHAR(50)DI-111THIRD_PARTY_CODE第三方订单 编号VARCHAR(200)DI-112PARENT_CONTAINER_CODE父容器编号VARCHAR(200)DI-113INVOICE_STATE发票状态TINYINTDI-114ORDER_TYPE订单类型TINYINTDI-115PAY_CHANNEL支付渠道VARCHAR(100)DI-116ORDER_REMARK备注VARCHAR(2000)DI-117CREATE_TIME订单生成时 间DATETIMEDI-118PAY_TIME付款时间DATET