关于校园二手商品交易平台的设计与实现大学论文
学士学位论文
题目关于校园二手商品交易平台的设计和实现
姓名
学号
专业计算机科学与技术
指导教师
本系统作为一个校园二手商品交易平台的小型电子商务网站，实现了校园资源的整合以及闲置物品的重复利用价值。本系统是在充分调查了解了用户的需求之后，实现了校园二手商品交易的大部分需求，包括商品发布、商品浏览搜索、订单管理、评价管理等，本课题的前端主要使用html+css+jQuery进行实现、后端使用angularjs实现，使用MySql数据库，服务器采用tomcat，作为一个B/S结构的电商系统。校园二手商品交易平台希望可以给予同学们生活、学习带来便利，实现校园二手商品的有益流通。
关键词商品交易平台数据库前后端分离B/S模式
ABSTRACT
The 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 commodity 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 / 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 mode
摘要..............................................................................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 设计的基本思想 (7)
3.5 系统的安全性 (7)
3.6 数据的完整性 (7)
3.6 界面需求 (7)
4 系统的数据库设计 (8)
4.1 数据库的需求分析 (8)
4.2 数据库的概念设计 (14)
4.3 数据库的逻辑设计 (25)
4.4 数据库的物理设计 (27)
4.5 数据库的连接原理 (36)
4.6中文乱码问题处理 (37)
4.7 CSS文件处理 (37)
4.8 JS文件处理 (37)
5 系统功能模块的详细设计 (38)
5.1 前台用户注册登录模块详细设计 (38)
5.2 商品发布模块详细设计 (39)
5.3 商品搜索浏览模块详细设计 (40)
5.4 个人信息维护模块详细设计 (41)
5.5 购物车模块详细设计 (42)
5.6 订单管理模块详细设计 (43)
6 系统功能模块的实现与测试 (44)
6.1 前台用户注册登录模块实现 (44)
6.2 商品发布模块实现 (44)
6.3 商品搜索浏览模块实现 (45)
6.4 个人信息维护模块实现 (45)
6.5 购物车模块实现 (46)
6.6 订单管理模块实现 (46)
6.7 程序调试 (46)
6.8测试用例 (47)
结论 (49)
致谢 (50)
参考文献 (51)
关于校园二手商品交易平台的设计与实现
从21世纪以来，作为一种新型的经营模式，电子商务的发展日益明显，特别是近几年信息传输速度高度提高的环境下，电子商务日益成熟。并且人们也逐步的接受了网上购物这一理念。
每年高校中的学生至少会有一次甚至多次的网购经历，但又有许多的人在购置到商品之后觉得不是自己想要的又不能进行退货只能闲置下来暂时不使用。这使得经济本就靠家庭支撑的学生买到了自己不想要的东西也没有足够的闲钱来购买其他想要的东西。
为了更好的处理这些问题，本系统以此需求为基础，通过学生将自己的闲置物品发布到网站上让其他同学进行浏览进行交易使得校园中的闲置物品流通起来解决了学生经济不足的问题。
本系统基于B/S结构，采用SSM（spring+springMVC+mybatis）框架，后端采用JA V A 语言，前端前台使用html+css+jQuery、前端后台使用angularjs进行开发。
该系统可以提供学生进行闲置商品的信息发布，商品信息浏览等功能，管理员进行商品的审核及用户的管理等操作进行用户、商品、系统的全局管理。
该系统具有美观的页面，良好的用户体验。系统使用简单，方便。很大程度上解决了闲置物品的再利用的问题，缓解了学生的经济问题。
1 绪论
1.1 课题背景与意义
从21世纪以来，作为一种新型的经营模式，电子商务得到了长足的发展，特别是近几年信息速度高度发达的经济环境下，日益趋向成熟。并且人们已经逐步接受网上购物这一观念。
从电商发展至今，可以看得出开发一个电子商务网站的价值所在：除了投资少，回收快，基本不需要占压资金之外，24小时的营业时间以及不受店面地理位置影响都是其显著特点。而对于消费者而言，采用电子商务方式可以高效、便捷和低成本的实现购买活动。
在中国发展网上购物已经具有良好的消费者基础，网上购物方式日趋被大家所接受。因此设计一个校园二手商品交易的小型电子商务网站具有很好的应用和开发前景。
1.2 本文的总体结构
本文从介绍校园二手商品交易平台的背景开始，分析了系统设计的目的和意义，同时
分析了校园二手商品交易市场的现状；根据本项目的自身特点和所涉及到的背景，在第二章中简单介绍了使用的相关技术应用；第三章分析了项目的可行性及进行了需求分析；第四章详细整理了整个设计开发过程中对整个项目所设计的数据流图一级实体E-R图；最后一章对整个系统进行了测试，并且对系统的前台和后台功能进行一系列的介绍。
2开发工具及技术
2.1 开发工具
此次设计主要采用eclipse加tomcat服务器进行，设计过程中前台页面主要使用html+css+jQuery，后台主要用angularjs完成。下面对eclipse、tomcat进行简要介绍。
（1）Eclipse
Eclipse 是一个基于Java的开发平台。就其本身而言，它是通过组件的安装来实现的各项开发任务的需求的。Eclipse有自己的插件库可以自行选择。
（2）Tomcat
Tomcat是小型轻量服务器。
2.1.1 前台使用技术
（1）Html
主要特点有简易性、可扩展性、平台无关性、通用性。
（2）Css
层叠样式表用于HTML页面的样式速写。
总体来说，CSS具有以下几种特点：丰富的样式定义、易于使用和修改、多页面应用、层叠、页面压缩。
（3）jQuery
jQuery是一个封装完善的javascript框架。可以让我们的代码变得简洁。其中用的最多的是AJAX交互功能。
jQuery的特点有快速获取文档元素、提供漂亮的页面动态效果、创建AJAX无刷新网页、提供对JavaScript语言的增强、增强的事件处理、更改网页内容。
2.1.2 后台使用技术
Angularjs
AngularJS使用了不同的方法，它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称为指令(directives)的结构，让浏览器能够识别新的语法。
2.1.3 后端使用技术
SSM框架
SSM框架是由三个开源的框架整合而成的，是一个比较简单的web项目开发框架。
其中spring是一个轻量级的控制反转和面向切面的容器框架。
SpringMVC分离了控制器、模型对象、分派器以及处理程序对象的角色，这种分离让它们更容易进行定制。
MyBatis是一个支持普通SQL查询，存储过程和高级映射的优秀持久层框架。
2.2 B/S架构
B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件，只要有一台能上网的电脑就能使用，客户端零安装、零维护。系统的扩展非常容易。B/S同时具有升级和维护方式相对简单、成本较低等
2.3 软硬件需求
硬件需求：
CPU：i5+
内存：2G+
软件需求：
操作系统版本：Win7+
开发工具：eclipse 4.5.2
开发语言：JA V A
浏览器：Chrome 58.0.3026.3
3 系统的需求分析和概要设计
系统分析就是分别对技术、经济、管理的可行性进行分析。对软件中可能遇到的一些问题及解决方案进行初步的设定，明确目标。本系统采用的是SSM框架的MVC模式。
3.1 可行性分析
可行性分析能使新系统达到以最小的成本取得最大的利益，目的也是根据开发管理系统的需求，通过初步调查和系统目标分析，对于本电商系统网站的设计从技术、经济、管理上进行可行的分析研究，既保证资源的合理有效的利用，也可以避免在日常的工作中由
于失误而导致的各种浪费的现象。
3.1.1 技术可行性
本系统的开发工具是eclipse及MySQL数据库，开发语言JA V A，主要运用了J2EE 技术，技术方面，本系统采用JA V A语言进行设计，JA V A也是我比较熟悉的开发语言。
大四校外近10个月的实习工作中采用的就是JA V A语言开发，因此选用JA V A语言进行开发。
3.1.2 经济可行性
本系统的复杂度较小，不需要投入大量资金，同时也存在着实用性，能改善使用方法在财力和人力上的过度消耗。如果进行使用就可以得到很好的成效，做到合理的利用可用资源和合理的节约不仅仅提高了工作的效率也减少了工作人员的工作量，使得本系统在处理业务方面得到很大方面的提升。
3.1.3 管理可行性
对于大多数的用户来说，网上购物已经是一种习惯了。相对于其他的购物方式此种购物方式更加的熟悉。
一个界面简洁友好的网站可以使使用者更加轻松的了解到此网站所提供的种种操作，从而能得到更好的购物体验。
对于后台管理者而言，本系统提供的后台操作简单，模块划分简洁明了。因
此无论是用户亦或者管理员都能很好的操作本网站提供的各项功能，在管理方面是可行的。
综上所述，开发校园二手商品交易平台是必要可行的。
3.2 系统的需求分析
校园二手商品交易平台的数据流图如下图3-1所示
图3-1 校园二手商品交易平台的数据流图3.3 系统的概要设计
系统整体功能模块图如图3-2所示
图3-2 系统整体功能模块图
根据需求分析确定该系统划分为前台和后台两部分：
前台
面向游客的前台功能模块包括：
（1）注册登录
可以在前台注册和登录
（2）商品查询
可以在前台商品列表页面进行商品查询
（3）商品浏览
可以在商品列表及商品详情页面进行商品的浏览
（4）资讯浏览
可以在资讯列表及资讯详情页面进行资讯的浏览
面向注册用户的前台功能模块包括：
（1）注册登录
可以在前台注册和登录
（2）个人中心
可以在个人中心查看修改个人的基本信息、查看个人收藏商品、查看已购买订单、查看个人发布商品以及密码的修改
（3）商品查询
可以在前台商品列表页面进行商品查询
（4）商品浏览
可以在商品列表及商品详情页面进行商品的浏览
（5）资讯浏览
可以在资讯列表及资讯详情页面进行资讯的浏览
（6）购物车管理
可以在购物车中查看购物车商品并对商品进行移除购物车或结算的操作
后台
面向管理员的后台功能模块包括：
（1）电商管理
电商管理包括订单管理、商品管理、商品推荐管理、商品类型管理、商品分类管理等功能模块
（2）资讯公告管理
资讯公告管理模块包括资讯管理、资讯推荐管理、宣传图管理等功能模块
（3）用户信息管理
用户信息管理包括注册用户管理、管理员管理、角色管理、账户管理等功能模块
（4）系统管理
系统管理包括附件管理、信息栏目管理、宣传栏目管理、数据字典等功能模块
3.4 设计的基本思想
设计思想遵循以下几点：
（1）采用B/S模式进行开发。符合一般电子商务网站的设计模式。
（2）采用面向对象的开发与设计理念。运用面向对象技术的前提是对整体系统的高度和准确抽象，通过它可以保证系统良好的框架，进而带来产品较强的稳定性和运行效率。
（3）应用框架，本系统应用MVC框架，使得网站的结构组织更为明确和具体。
（4）清新的系统界面，符合大学生的生气与活泼的设计风格，简介的设计界面使得重点更为突出，照顾用户的使用体验。
3.5 系统的安全性
本系统主要有游客，会员，管理员三个角色。其中管理员只可以登录后台管理页面，会员只能登录前台门户页面。游客可以访问前台的大部分公开页面，例如：首页、商品展示页面、商品详情页面、资讯信息页面等。
3.6 数据的完整性
各种记录信息的完整性，信息记录内容不能为空。
各种数据间相互联系的正确性。
相同数据在不同记录中的一致性。
3.6 界面需求
界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等都在此扮演着重要的角色。用户界面是用户与程序沟通的唯一途径，要能为用户提供方便有效的服务。用户界面设计的三大原则是：置界面于用户的控制之下、减少用户的记忆负担、保持界面的风格的一致性。
本系统采用的是html技术作为前端页面的展现，由于每个模块的页面是不一样的，因此在设计页面时要合理安排共用部分减少页面代码的冗杂性，并且要尽快的使用户能够
熟悉网站的主要功能，同时保持页面的简洁一致性。
4 系统的数据库设计
4.1 数据库的需求分析
计算机信息系统以数据库为核心，在数据库管理系统的支持下，进行信息的收集、整理、存储、检索、更新、加工、统计和传播等操作。数据库已经成为现在信息系统等计算机系统的基础与核心部分。数据库设计的好坏直接影响到整个系统的质量和效率。
数据库的设计一般经过规划。需求分析、概念设计、逻辑设计、物理设计5个步骤。
根据对系统数据库的需求分析，设计如下的数据字典：
（1）数据项：系统涉及的数据项有150项，如表4- 1所示。
表4- 1数据项列表
数据项编号数据项名数据项含义存在结构别名DI-1 ACCOUNT_ID 账户ID V ARCHAR(50)
DI-2 USER_NAME 登录名V ARCHAR(200)
DI-3 PASSWORD 登录密码V ARCHAR(32) 密码DI-4 ACCOUNT_STATE 账户状态TINYINT
DI-5 ACTIVE_CODE 激活码V ARCHAR(50)
DI-6 INVITE_CODE 邀请码V ARCHAR(20)
DI-7 REGIST_TIME 注册时间DATETIME
DI-8 LAST_LOGIN_TIME 最后登录时
间
DATETIME
DI-9 ACCOUNT_LOGIN_ID 账户登录方
式ID
V ARCHAR(50)
DI-10 LOGIN_WAY 登录方式V ARCHAR(50)
DI-11 LOGIN_ACCOUNT 登录账号V ARCHAR(100) 账号
DI-12 ATTACHID 信息编号V ARCHAR(50) 附件ID DI-13 STORAGEID 存储编号V ARCHAR(255)
DI-14 ATTACHNAME 附件名称V ARCHAR(255)
DI-15 ATTACHTYPE 附件类型V ARCHAR(255)
DI-16 ATTACHDESC 附件描述V ARCHAR(255)
DI-17 ATTACHEXTNAME 附件扩展名V ARCHAR(255)
DI-18 ATTACHSIZE 文件大小INTEGER
DI-19 OPTA TTRI 操作属性INTEGER
DI-20 ATTACH_GROUP_ID 附件组编号V ARCHAR(255) 附件组ID
DI-21 OPT_BEAN 附件操作对
象
V ARCHAR(255)
DI-22 UPLOADUSERID 上传人编号V ARCHAR(255) DI-23 UPLOADUSERNAME 上传人名称V ARCHAR(255) DI-24 UPLOAD_TIME 上传时间BIGINT
DI-25 LASTUPDATEUSERID 最后更新人
编号
V ARCHAR(255)
DI-26 LASTUPDATEUSERNAME 最后更新人
名称
V ARCHAR(255)
DI-27 LAST_UPDATETIME 最后更新时
间
BIGINT
DI-28 ISACTIVE 有效性INTEGER
DI-29 ATTACH_ORDER 附件排序TINYINT 排序DI-30 BUCJET_NAME Bucket名称V ARCHAR(100)
DI-31 BUCJET_ID BucketID V ARCHAR(50)
DI-32 WR_PERMISSION 读写权限V ARCHAR(20)
DI-33 BUCKET_STORAGE_MODE BUCKET存
储方式
V ARCHAR(20)
DI-34 STORAGE_CONFIG 存储配置V ARCHAR(500)
DI-35 CLASSIFY_ID 分类ID V ARCHAR(50) 商品分类ID DI-36 PARENT_ID 父ID V ARCHAR(50) 分类父ID
DI-37 CLASSIFY_TYPE_CODE 分类类型编
码
V ARCHAR(50)
DI-38 CLASSIFY_NAME 分类名称V ARCHAR(100) 商品分类名
称
DI-39 CLASSIFY_CODE 分类编码V ARCHAR(50) DI-40 CLASSIFY_LEVEL 层级TINYINT DI-41 TREE_PAYH 分类级别INT
DI-42 CLASSIFY_STA TE 状态TINYINT DI-43 CLASSIFY_IS_HOT 是否推荐TINYINT DI-44 CLASSIFY_IMAGE 分类图片V ARCHAR(50) DI-45 COM_A TTR_ID 商品属性ID V ARCHAR(50)
DI-46 COM_TYPE_ATTR_ID 商品类型属
性ID
V ARCHAR(50)
DI-47 COM_A TTR_NAME 商品属性名
称
V ARCHAR(60)
DI-48 COM_A TTA_V ALUE 商品属性值V ARCHAR(60)
DI-49 CLASSIFY_ORDER 商品分类排
序
TINYINT
DI-50 CLASSIFY_BY_PASS 分类层级V ARCHAR(300) DI-51 CLASSIFY_ID_SHOW 是否显示TINYINT
DI-52 COM_CLASSIFY_REL_ID 商品分类关
联ID
V ARCHAR(50)
DI-53 CLASSIFY_NAME 分类层级名
称
V ARCHAR(200)
DI-54 COM_TYPE_ID 商品类型ID V ARCHAR(50)
DI-55 COM_TYPE_NAME 商品类型名
称
V ARCHAR(32)
DI-56 COMMODITY_ID 商品id V ARCHAR(50) DI-57 COMMODITY_NAME 商品名称V ARCHAR(50)
DI-58 COMMODITY_CODE 商品编码V ARCHAR(60) DI-59 COST_PRICE 成本价DECIMAL(10,2) DI-60 MARKET_PRICE 市场价格DECIMAL(10,2) DI-61 COMMODITY_PRICE 商品价格DECIMAL(10,2)
DI-62 DESC_A TTA_ID 商品描述附
件ID
V ARCHAR(50)
DI-63 DEFAULT_ATTA_ID 默认缩略图
ID
V ARCHAR(50)
DI-64 ATTA_CODE 附件编码V ARCHAR(50)
DI-65 COMMODITY_STA TE 商品状态TINYINT
DI-66 BUY_TIME 购买次数INTEGER
DI-67 MARK_TIME 收藏次数INTEGER
DI-68 FA VORITE_ID 收藏id V ARCHAR(50)
DI-69 FA VORITE_USER_ID 收藏用户id V ARCHAR(50) 用户id DI-70 FA VORITE_TIME 收藏日期DATETIME
DI-71 TYPE_A TTR_ID 商品类型属
性ID
V ARCHAR(50)
DI-72 TYPE_A TTR_NAME 商品类型属
性名称
V ARCHAR(32)
DI-73 TYPE_A TTR_SCOPE 商品类型属
性范围
V ARCHAR(2000)
DI-74 TYPE_A TTR_TYPE 商品属性类
型
TINYINT
DI-75 IS_SEARCH 是否查询条
件
TINYINT
DI-76 EVALUA TE_ID 评价ID V ARCHAR(50)
DI-77 PUBLISH_STA TE 审核状态TINYINT
DI-78 USER_ID 评价用户id V ARCHAR(50) 用户id DI-79 EVALUA TE_SCORE 评价得分TINYINT
DI-80 EV ALUA TE_ORG_ID 评价外联id V ARCHAR(50)
DI-81 EV ALUA TE_CONTENT 评价内容V ARCHAR(1000)
DI-82 EVALUA TE_CONFIG_ID 评价配置id V ARCHAR(50)
DI-83 SRC_ID 评价来源id V ARCHAR(50)
DI-84 EV ALUA TE_NAME 评价项名称V ARCHAR(50)
DI-85 EVALUA TE_CODE 评价项code V ARCHAR(50)
DI-86 EVALUA TE_TOTAL_SCORE 评价项总分
数
TINYINT
DI-87 EV ALUA TE_W AY 评价方式TINYINT
DI-88 DEFAULT_SCORE 评价默认分
数
TINYINT
DI-89 INFORMA TION_ID 资讯ID V ARCHAR(50) DI-90 TITLE 标题V ARCHAR(200) DI-91 BROWSER_TIME 浏览次数INTEGER
DI-92 COMMENT_TIME 评论次数INTEGER
DI-93 MARK_TIME 收藏次数INTEGER