毕业论文（设计）校园二手商品交易平台的设计与实现

摘要 1 2 31.1校园二手商品交易平台开发背景 31.2国内电子商务研究报告 31.3解决的主要问题 41.4平台采用的开发技术 41.5本文的主要工作 41.6论文的组织结构 5第2章校园二手商品交易平台需求分析 62.1校园二手商品交易平台概述 62.1.1校园二手商品交易平台项目背景 62.1.2校园二手商品交易平台项目说明 62.1.3校园二手商品交易平台的研究目的及意义 72.2校园二手商品交易平台目标和解决的问题 72.3校园二手商品交易平台需求问题描述 82.3.1校园二手商品交易平台业务需求分析 82.3.2校园二手商品交易平台功能性需求 82.3.3校园二手商品交易平台非功能性需求 82.3.4数据库需求分析 92.4本章小结 第3章校园二手商品交易平台概要设计 3.1校园二手商品交易平台设计目标和原则 3.2校园二手商品交易平台架构设计 3.3校园二手商品交易平台总体设计规划 3.4校园二手商品交易平台数据设计 山东大学本科毕业论文23.5校园二手商品交易平台用户界面设计 3.6校园二手商品交易平台模块设计 3.7本章小结 第4章校园二手商品交易平台详细设计 4.1数据库模型描述 4.2模块模型描述 4.2.1会员管理模块 4.2.2网上购物模块 4.2.3后台管理模块 4.2.4搜索功能模块 4.2.5其他功能模块 4.3本章小结 第5章项目编码和测试 5.1校园二手商品交易平台的总体实现 5.2校园二手商品交易平台编码结构 5.2.2路由控制器 第6章总结和展望 286.1总结 286.2展望 参考文献 附录1英文原文 附录2译文 校园二手商品交易平台的设计与实现关键字：校园二手；电子商务；大学生；数据库；前端山东大学本科毕业论文2Withthequickeningpaceoflife,people,especiallystudents,arebecomingmoreandmorepopularandefficientabletogetpropertreatment,notonlythefinalwasteintheprocessofdohuman,butalsocausewasteofresources.Campussecond-handcommoditytradingplatformistoprovideaplatformforonlineprocessingofsecond-handgoods.Campussecond-handcommoditytradingplatforcommoditytradingplatformmaintenanceofthebackstagedatabaseandthedevelopmentofthefrontapplicationprogramtwoaspects.Throughthecombinationofthebackgrounddatabaseandtheforegroundapplicationprogram,theusercanonlyrealizethepurthesaleofgoodsthroughtheregistration,andtheorders.Thebackstageadministratormcommoditylist,membershipinformation,oKeywords:campussecond-hand;electroniccommerce;universitystudent;database;山东大学本科毕业论文3第1章绪论1.1校园二手商品交易平台开发背景随着电子商务的发展，网上交易已经步入巅峰时期，交易额总额每年都会被刷新，越来越多的商品交易都转化为或者正在转化为虚拟交易。伴随着学生购买能力的提高，支付能力也越来越高，大学生购买的商品数量也逐渐增多，甚至超出了自己的需求，以至于几乎每个大学生手中都会有很多闲置不用的物品，丢掉可惜，留着又没有用处，只能选择卖给废品回收站，不但浪费了钱财，还浪费了资源。因此，二手商品交易成为了当代大学生课余生活的一大热门话题，目前专注于校园二手商品交易的互联网平台只有一个“校园二手街”,学生可以出售各种二手商品，例如考研书籍、电风扇、自行车、电脑手机等。然而该平台由于产品设计存在明显缺陷，并不能够满足日益增长的市场需求，对于学生们的二手商品闲置问题收效甚微。因此，建立一个成熟的校园二手交易平台可以大大方便在校的学生，同时也营造了节约光荣，浪费可耻的校园文化氛围。最主要的是，它也可以通过网络将自己不用的东西放在网上，也可在网上找到自己需要的东西，物美价廉，达到双赢。1.2国内电子商务研究报告电子商务通常是指是在全球各地广泛的商业贸易活动中，在因特网开放的网络环境下，基于浏览器/服务器应用方式，买卖双方不谋面地进行各种商贸活动，实现消费者的网上购物、商户之间的网上交易和在线电子支付以及各种商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业运营模式。它利用计算机技术、网络技术和远程通信技术，实现整个商务(买卖)过程中的电子化、数字化和网络化。作为新兴起的网络在线服务行业，二手商品交易网站在国内的历史并不算太长，其中比较著名的有全球二手网，中国二手网，赶集网以及各地地区性的二手网站，如北京二手网，上海二手网，大连二手网等[8]。然而这些面向全社会的二手交易网对于学生来说并不便捷，反而比较繁琐。学生由于其本身的特点就是不山东大学本科毕业论文4适合在这些网站上注册并出售二手商品，因此建立一个面向在校师生的二手交易网站，只针对在校师生开放，不但具有针对性，而且市场潜力也很大。1.3解决的主要问题校园二手商品交易平台是在互联网环境日益完善，电子商务发展已趋于成熟的大环境下，结合传统二手商品流通体系建立起来的商业系统，属于国家号召的“互联网+”范畴。该系统通过卖家上传二手商品，并填写完善的商品信息(商品实物图，商品价格，商品描述，卖家接受的交易方式等),经过系统管理员审核通过后便可以上架出售，买家可以通过浏览商品选择自己需要的商品，也可以通过系统提供的分类菜单快速找到自己需要的物品，当然也能够直接在搜索栏中输入自己想要的商品的关键字，点击搜索即可得到供选择的商品列表。设计能够满足卖家和买家出售和购买商品的需求并建立完善的商品质量监控管理体系是本文要解决的主要问题。在需求分析方面，要在充分理解电子商务行业和二手商品交易流程的基础上，分析用户需求和设计业务流程，需求包括功能需求和非功能需求。通过分析总结出合理的设计和开发思路，给出系统概要设计和详细设计的模型。在设计方面，要考虑电子商务行业的网络架构和业务特点，设计要满足系统可维护性，灵活性和可扩展性的特点。在实现方面，在实现前文设计基础上，主要解决对分析技术的选择和预测模型的建立。1.4平台采用的开发技术校园二手商品交易平台使用SublimeText和MyEclipse作为主要开发软件，服务器使用Tomcat,数据库采用MySQL,服务器语言选择java,框架选择Spring并使用mybatis做数据持久化处理。1.5本文的主要工作本文在现有电子商务行业基础上，分析了电子商务行业的实际需求和业务流山东大学本科毕业论文5程，并结合二手商品交易流程以及用户角色的功能需求，建立完善的校园二手商品交易平台，一来解决当下校园闲置商品浪费的现状，二来填补电子商务在二手商品领域的空白，为未来二手商品交易平台走出校园，步入社会积累经验。本文要解决的主要问题和主要工作有以下几部分：1.根据市场调研进行项目需求分析2.根据需求分析模型进行项目的概要设计，并建立设计模型3.对概要设计进行优化和完善，生成面向对象的详细设计文档4.根据前期的设计模型进行项目编码和测试工作1.6论文的组织结构本论文共分为六章。论文首先介绍了校园二手商品交易平台产生的背景以及设计本平台的意义。引出了设计校园二手商品交易平台需要进行的主要工作以及期望到达的目标。接着论文介绍了校园二手商品交易平台所使用的技术。之后论文对设计校园二手商品交易平台做了总体概述，阐明了网站的开发目标、软件架构和整体架构。接着论文通过对校园二手商品交易平台的总体功能模块的分别介绍，阐述功能是如何得以实现的。最后论文给出了针对整个校园二手交易平台的总结和未来发展的期望。第一章绪论，主要描述二手商品交易平台的行业需求和开发背景，以及如何开展工作，并且概括性的描述了本文的主要工作。第二章校园二手商品交易平台需求分析，主要描述了如何根据市场调研的结果和和电子商务以及二手商品行业的特点进行需求分析，以及如何设计需求模第三章校园二手商品交易平台概要设计，描述了如何根据上一章的需求设计，对项目进行概要性的设计，并给出设计模型。第四章校园二手商品交易平台详细设计，描述了如何针对概要性设计模型，给出详细的产品设计模型。第五章项目编码和测试，主要描述如何根据设计模型选择开发技术，描述主要的开发和测试工作。第六章总结和展望，总结了毕业设计所做的工作，并指明了下一步的改进工山东大学本科毕业论文6作以及对校园二手商品交易平台未来发展的期望。第2章校园二手商品交易平台需求分析本章将重点阐述校园二手商品交易平台的需求分析，其中包括了校园二手商品交易平台的设计目标以及设计原则。2.1校园二手商品交易平台概述2.1.1校园二手商品交易平台项目背景校园二手商品交易平台是为校园师生提供出售闲置物品和寻找二手货物服务的“互联网+”平台。高校校园在校生都在万人以上，每年毕业的学生都有许多物资包括书籍、衣服、电子产品、生活用品等都弃之不用。而每年九月份新生报到时，也会对书籍、生活用品等有巨大的需求，相对于全新的商品，二手货物作为替代商品在价格上具有很大优势，因此校园二手商品交易平台有很大的市场。除此之外，同学们平时也会有一些闲置不用的物件。毕业生、新生和有较多闲置物品的学生是校园二手商品交易平台的主要目标客户。另外，学校每年招收的学生总数大致相同，因此网站的需求量也比较稳定。2.1.2校园二手商品交易平台项目说明鉴于学生人数多、学生无收入或收入低、二手物品价格低等因素，校园二手商品交易平台需求大、理论市场规模大。现实中，校园二手物品交易主要通过勤工助学中心举办的跳骚市场和平时自发的摆地摊来兜售。跳骚市场虽然集中性强、商品多，但是举办周期长、耗费的人力物力成本高，而自发性的摆地摊规模小、信息不全、效率低下。因此可见虚拟的二手交易有更大的应用前景，每次交易成功后收取0.5%的中介红利，随着人气的攀升和交易数量多增加，这庞大的市场需求将带来十分可观的预期利益。山东大学本科毕业论文72.1.3校园二手商品交易平台的研究目的及意义本课题尝试在网络上架构一个校园二手商品交易平台，让每一个在校学生都能够在校园内完成二手商品交易。通过交易，不仅能够促进环保、节俭等传统文明教育，还可以帮助贫困学生更好的学习和生活。现在学生上大学，家庭贫困的学生对生活用品的要求并不高，但每年毕业生都有很多物品廉价出售，甚至丢弃。因此开设一个二手商品交易平台，专门从事这一方面的生意一定会有市场，而且现在网上购物已经融入到每个大学生的日常生活，开发一个校园二手交易平台不仅能够给学生带来购物的便捷，还能节约时间和金钱，避免浪费[4]。更重要的是能够在买卖过程中培养学生的诚信品质。2.2校园二手商品交易平台目标和解决的问题校园二手商品交易平台具有以下特点和问题：1、客户群体分散且单一，难以提供个性化的服务2、二手商品交易周期长短不可控，不能保证商品在上架展示期间卖家能够一直持有商品3、校园二手商品交易具有周期性，除去毕业季、开学季、学期末等关键时间点，平日二手商品交易相对冷淡，交易平台收益相对较低4、校园二手商品交易平台展示商品的主要方式为图片，对产品质量的把控比较困难针对校园二手商品交易的以上特点和问题，这里开发的校园二手商品交易平台需要需要实现的目标如下：1、管理员能够对所有的用户以及用户上传的商品进行审核，一旦发现用户上传的商品有欺诈行为，即刻下架相应商品并冻结(禁止上传新商品)用户一个月2、设计用户举报机制，一旦收到用户举报，查明属实后，冻结相应用户一个月3、引入评分机制，买卖交易完成后可以对卖家进行评分和追加评论，好评率高的用户新上传的商品将间歇性到被推送到首页山东大学本科毕业论文82.3校园二手商品交易平台需求问题描述2.3.1校园二手商品交易平台业务需求分析业务需求表示组织高层的意愿。业务需求通常来自投资人、用户和管理员。业务需求描述了为什么要开发这样的一个系统，即期望达到的目标[11]。校园二手商品交易平台的开发工作是一项非常庞大的工程，为了保证系统的设计和开发顺利进行，必须在开发之前做好项目的统筹工作，制定开发过程的总体解决方案。与此同时，为了避免和能够尽快解决在开发过程中可能出现的问题，应采取有效的软件工程实施方案。校园二手商品交易平台建成后，将大大方便在校师生对闲置物品的处理，并且有助于营造节约光荣、浪费可耻的校园文化。最总要的一点是，它为在校师生提供了一个供需平台，所有用户都可以将自己闲置的物品放到平台上，也可以查询自己需要的物件，物美价廉，实现双赢。除此之外，有助于加强学校精神文明假设，提升校园形象。2.3.2校园二手商品交易平台功能性需求校园二手商品交易平台主要有以下几个模块：1、用户登录注册模块，该模块可以完成用户的登录注册2、商品发布模块，用户登录后可以发布商品，还可以修改和删除商品信息3、评价模块，用户登录后可以对购买的商品进行评论、评分4、搜索模块，输入商品的分类或者商品的名称亦或关键字即可得到用户需要的商品列表5、管理员模块，管理员登录后可以对用户和商品进行管理6、数据库设计模块，设计数据库中表结构以及表与表之间的关系2.3.3校园二手商品交易平台非功能性需求平台的设计开发，应该充分考虑到用户最大访问数量和使用中并发用户数量山东大学本科毕业论文9等相关技术指标，并采取有效的高并发处理方案，从而能够满足大量用户提交数据和平台业务处理的要求。平台整体设计要求做到统一规范，无论是UI还是编码都应该统一一致，相关的功能模块设计应清晰合理、简洁明了，同时后台能够实现有效的一体化管二手商品交易平台的设计应该充分考虑到在校师生的特点和需求，针对性的设计平台操作流程，并且需要具备一定的容错能力，允许特定操作人员在一定条件下进行修改，从而增强系统的实用性。二手商品交易平台涉及到用户身份信息、用户密码以及交易记录等数据，应当具备一整套成熟的信息安全方案以保证平台安全稳定的运行，确保整个平台数据的完整性、安全性和一致性。应该重点考虑管理员用户的身份认证和相关权限管理。建立完善的用户身份审核机制。二手商品交易平台的可维护性主要体现在代码方面，要求代码结构清晰，易理解，注释完备且清晰易懂，方便系统上线后的完善和升级。二手商品交易平台的易用性主要体现在交互界面统一美观，帮助文档方便完善，有较高的数据信息提示能力和智能填写功能，尽可能减少用户的输入操2.3.4数据库需求分析一个成功的网络系统，通常是由业务和软件组成的，软件又是由数据库和程序组成的，因此，数据库的设计至关重要。数据对于系统就像是血液对于生物一在信息世界中，信息产生于客观事物，流经数据库，在通过程序又回到客观事物，信息的这一循环过程拢共经历了三大领域：信息、数据库、事物。现实世界的事物反映到人类的头脑后，人类的头脑对他会有一个认知的过程，经过大脑的分析之后进入信息世界。进入信息世界的数据经过进一步的加工处理，进入数据世界。软件系统的开发设计工作中必须要考虑这两个方面的问题，也就是要考虑软件开发所需要的数据，还有如何设计程序对这些数据进行处理。这两个问题贯穿校园二手商品交易平台的整个设计和开发过程。这就是数据库设计，软件设计的核心之一。校园二手商品交易平台的主要对象是用户，所以必须建立用户信息表；用户的主要活动是购买商品和发布商品，所以必须有商品信息表；除此之外，由于校园二手商品交易平台具有所搜功能，还有对商品的分类展示，所以必须要建立完善的商品分类列表和商品类别细分表；另外，对用户的交易行为需要有交易记录表进行存储。经过总结和分析，校园二手商品交易平台的数据库应该包括一下模块：1、会员信息：其中应该包括会员编号，会员名，密码，姓名，··类别，会员身份(老师或者学生)等内容2、购物信息：包括商品等编号，商品名称，商品价格，以及商品等描述和所属类别3、管理员信息：与会员信息表蕾丝，包括管理员登录名和密码等4、其他信息：例如工具、广告、新闻等2.4本章小结本章对校园二手商品交易平台进行了需求分析。首先从经济、技术和运行三个方面分析校园二手商品交易平台的可行性。然后从项目背景和项目研究目的以及该项目的意义等方面对校园二手商品交易平台进行了细致的阐述。随之找出设计校园二手商品交易平台的设计目标和所需要面临的问题。最后从业务需求、功能性需求和非功能性需求以及数据库需求四个方面分析校园二手商品交易平台山东大学本科毕业论文第3章校园二手商品交易平台概要设计3.1校园二手商品交易平台设计目标和原则本项目所设计的校园二手商品交易平台是经过很长时间的调查和分析才开始具体实施的，它的主要特点是改变了以往只能在线下的二手商品交易市场才能进行二手交易的状况，采用web技术，借助于Internet浪潮，达到资源共享，避免以往二手商品交易范围较小、信息不全的局限，减少学生花费在二手商品交易上的时间和精力，平台需要保证良好的交互性，从而实现信息化、规范化、系统化和网络化，使二手商品交易活动简单、方便、易行，打造一个服务于在校师生的一体化二手商品交易平台。校园二手商品交易平台主要是对后台和前台的操作。后台管理是管理员对本网站的维护，通过对商品信息、交易过程、会员信息管理等实现对平台对全面掌校园二手商品交易平台的特点是只针对高校在校师生，客户和商品信息量较大，管理员需要管理的信息很多，为了让管理员能够轻松、高效地管理，本平台必须符合二手商品交易的基本原则，满足日益增长的用户数量，操作过程需要直观、方便、实用和安全。无论哪一个网站都要有自己的设计原则，校园二手商品交易平台也是如此，它的主要设计原则有：1、针对性：该平台的设计和开发是网上购物系统及后台管理系统的定向设计开发，所以具有专业突出针对性强的特点2、实用性：该平台在实现二手商品交易的同时，也能够实现管理员对用户和商品进行管理的功能，具有良好的实用性3、简单性：在实现平台功能的同时，尽量让平台的操作简单易懂，这对于一个网站来说十分重要如表3-1所示为网站总体设计的划分，对于网站开发具有指导意义：网站总体设计网站本身规划网站实现规划确定网站内容主题确定技术实现平台确定网站主色调网站兼容性考虑确定网站规格大小制定设计进度计划确定网站布局结构确定网站导航形式确定网站栏目设置确定网站目录结构表3-1网站总体设计划分3.2校园二手商品交易平台架构设计架构设计定义了平台中各个主要结构元素之间的关系，它使得平台的风格和结构规范统一并更加便于理解，包括了它的组成模块以及这些模块是如何组织在一起的。正如建造一座房子，需要钢筋混凝土搭建架构一样。构造网络系统时也存在一个架构风格。这个风格包括模块、模块的接口、模块连接的约束等等。随着项目复杂度的提高，架构设计对项目的最后成功也会起到越来越重要的作用。校园二手商品交易平台采用以数据为中心的架构，数据是整个架构的中心，其他的模块经常需要对这些数据进行增加、删除、修改和查看等操作。以数据为中心的架构改进可以是渐近的。修改一个模块或者增加一个模块不用关心其他模块，因为模块的独立性非常好。如图3-2所示。客户端服务器数掘中心图3-2以数据为中心的架构山东大学本科毕业论文3.3校园二手商品交易平台总体设计规划校园二手商品交易片平台的设计规划可以分为平台本身的规划以及平台的实现规划。其中，平台本身的规划可分为七步：第一步，首先要确定网站的内容主题，要做到小而精致，即定位要小、内容要精。千万不要尝试构建一个包罗万象的站点，往往这样做会让平台毫无特色，而且通常也会带来非常高强度的劳动力，给日后平台的维护和更新带来压力。第二步，确定平台的主色调，用适当的颜色搭配体现出平台独特的风格。通常来说，平台的背景色应该柔和素淡，再配上稍微深颜色的文字，切忌使用高亮绚丽的色彩，这样平台就会使人看起来非常自然、舒畅。第三步，确定平台规格大小，因为页面的显示尺寸和显示器分辨率有关系，网页设计的局限性就在于我们没有办法突破显示器的显示范围，再加上浏览器也会占用一部分的空间，留下给页面的显示空间并不完全等于显示器分辨率大小15]。一般分辨率在800×600的情况下，页面显示出来的尺寸为780x428;分辨路在640x480的情况下，页面的显示尺寸为620x311;分辨率在1024x768的情况下，页面的显示尺寸为1007x600。从上面的数据我们可以看到，显示器分辨率越高，页面能够显示的尺寸就会越大。第四步，需要确定校园二手商品交易平台的整体布局结构，也就是平台每一个模块放在平台的什么位置以及如何布局。网站设计的的结构就是一个网站的骨架，就像是一套房子需要经过合理的布局才能够给人整体的美感，比如卧室、阳台、门等按照整体的设计风格进行布局。网站也是一样，需要惊醒合理的结构和布局优化才能够给用户带来良好的交互体验[6]。一般来说网站的布局和结构大致分为两个方面，物理结构和逻辑结构(也可以成为站内外链接结构)。物理结构就是存放在服务器上的文件目录以及文件之间的位置关系。逻辑结构，即所谓的站内外链接。第五步，确定校园二手商品交易平台的导航形式。大家都知道，但凡是能够帮助用户浏览信息、获取服务等等都是一个网站导航系统的组成部分。如果用户从某一个网页进入到网站，在没有导航进行合理引导的情况下，用户就会在网站中“迷路”。网站是否有一套专业的导航系统直接影响着用户的体验，也是网站信息能否有效传达给用户的关键。最后影响的就是用户是否还会再次访问，即能否山东大学本科毕业论文留住用户的关键所在。第六步，确定校园二手商品交易平台的栏目设置。第七步，确定校园二手商品交易平台的目录结构。通常来说，目录就是分页信息的首页，即内页的分类列表的第一个页面。网站目录规划得体，要力求做到两个统一。第一，地址统一，其中最关键的是斜杠问题，由于地址不同的话链接的目标就不同。通常来说，所有的目录都应该加上谢岗，要不然等话就会被收录成两个一摸一样的页面，无缘无故被分担掉权重；第二，链接的关键词一定要一致，这个非常容易理解，就像内链一样，如果有不止一个关键词，可以从外链方面进行扩展，但是内部的链接一定要一致。以上从校园二手商品交易平台的总体规划出发，从内容主题，平台的主色调的选择，网页规格大小以及平台的整体布局结构和页面细节布局，平台导航形式，栏目，栏目规划设计以及平台的目录结构等七个方面确定了校园二手商品交易平台的结构和布局。当校园二手商品交易平台的整体规划和布局设计完成后，接下来需要做的就是平台的详细设计和规划。3.4校园二手商品交易平台数据设计数据设计首先在高层建立一个数据模型，然后再逐步的将这个数据模型变为将来进行编码的数据模型。这个数据模型对系统的体系架构又很大的影响。数据模型师系统内部的静态数据结构。数据模型又分为概念数据模型和物理数据模型，概念数据模型的设计目标是产生系统信息需求的整体数据哭概念结构，物理数据模型是将概念结构转化成特定的DBMS所支持的数据模型的过程。数据库的设计是数据设计的核心，可以采用面向数据的方法为了提高系统的运行速度，增加代码的重用性，在数据库服务器上，提倡将一些共有的数据操作设计为存储过程，并尽量用存储过程代替触发器功能，减少触发器数量，因为触发器数量的增加将严重降低系统的运行效率。如图3-4所示，校园二手商品交易平台的E-R图，图3-5为校园二手交易平台所用到的三张关键的物理数据模型。用户用户管理员购英商品C上架商品审核用户信息陈结用户解冻用户审核商品信意填写商品信息管理商品百管理用户百出售商品图3-4校园二手商品交易平台E-R图dE5matt对wartwsrhrswertrgwcywartgcvecagwsrtek)vecrt]时#时Bt#N]teat'aleyuigoedauhgnetaugneaopgs__gene#_gnea_agpnee_0herenceremtft_gerenuerenfft_gerengBzeseetnsetazdtereEsietnsatagdtsRgeselstinsetu,dteefeexemtmdzeefessetnsetagdgsgieeieatnsatagdtemes阳seseserosterefeessssetssertiotaterefersaetssetuptatsfeegEcza名确增琐。1普用户增琐。1普用户瞬乳Ω醌名锦应布者能下第兰，对区kR法能交层生奇，吸有中，较易中，2高品发时，mrH-dtHHm数两是条注(详情)TGmes的时时幽图3-5校园二手商品交易平台物理数据模型3.5校园二手商品交易平台用户界面设计用户界面设计是人和计算机之间创建一个有效的沟通媒介，它遵循一定的设计原则。标识界面和相应的操作，创建屏幕布局设计，以此作为用户界面原型的山东大学本科毕业论文1、控制用户的想法2、尽可能减少用户记忆量3、界面最好有连续性这些规则形成了用户界面设计原理的基础，是系统界面设计的指导，用户界面设计的过程是循序渐进的递归过程，设计过程包括4个明显的主要活动：1、用户，任务和环境的分析及建模2、界面的设计如图3-6所示即为校园二手商品交易平台界面设计过程：首页注册页错误信息页注册成功页上传商品页"我要实货"页商品浏览页搜索结果页商品分类展示页用户个人页信息修改页商品列表页购物车列表责交影记录页管理员入口商品管理页图3-6校园二手商品界面设计流程图山东大学本科毕业论文3.6校园二手商品交易平台模块设计当数据模型、架构模型、界面模型完成后，可以开始系统的模块设计。模块设计的最终目的是将数据模型、架构模型、界面模型变为可以操控的系统。校园二手交易平台的模块设计包括登录注册模块、上传商品模块、商品交易模块、用户管理模块和商品管理模块。这部分内容将在下一章中具体描述。本章从校园二手商品交易平台的设计目标和设计原则出发，结合上一章列出的校园二手商品交易平台面临和需要解决的问题，针对这些问题并结合设计目标和设计原则给出架构设计，数据库架构设计和布局架构设计模块的设计方案。第4章校园二手商品交易平台详细设计4.1数据库模型描述从上一章列出的数据库表可以看出，数据库的设计比较简洁，所有卖家上传的商品共享一张表，表中包含有商品的id、商品名称、价格以及发布者等信息，如图4-1所示。用户列表则全部保存在用户表中，存有用户名、密码以及用户类别等信息，如图4-2所示。买家购买的商品则存放在另外一张表中，如图43所示。可以看到，该表中只存放了商家和买家的id以及交易状态，在需要时做连表查询即可得到所需的全部信息。项0张项等勇明勇省醌缘00文机功成8时TH发布者能户编号，对应&ar表时勇省勇省想特，唆种，攻易中，2省tt器缝时道省材初文伤宫essetssetxprerhgsetissetxpttdfeeg濒嫩线商品金注(年情)图4-1商品数据库表山东大学本科毕业论文CnlnTiseDeattenutetreices[atn#老院EsCmnesd_gneaWacg诱勇智每nnet_agneeoetstu,dZeEE50zeEeE録名鹬bpewrty葫置葫置_gheiaeatnatdzeee户类星礴巅。髓户0mgg46m5et0xEPE聯3e加wectggvat谓明话的置多蜀要谓明话的置多蜀要_gnsaogneg_anedtaetnsetagdzereieeisestdteEee籍额该证态，还吧证吧孤Ω图4-2用户列表et该MeeDaatrSt[atnmesm)加对在就高时测时i的6就试St2老钢社然t20斑批态就2对克店备融羁预躬88tST?t图4-3交易信息表4.2.1会员管理模块作为一个校园二手交易平台，最重要的自然是会员管理系统，让用户能够在本平台注册成为会员，拥有自己的主页，可以购买产品并切能够发表自己的观点和看法，能够对购买过的商品进行评分，能够进入他人的主页接受他人的信息，还有会员积分机制，在积分达到一定的标准后享受一定的资源奖励。会员管理模块流程如图4-4所示。会员注册界面要求输入的信息比较多，在用户第一次输入账号完成时，系统监测该用户名是否可用(输入的字符是否符合规范，用户名是否重复)并给出相应的提示。若用户名可用，提示用户输入密码，并再次输入密码确认，系统检测两次输入是否相同，若输入无误，继续下一项。下一步，要求客户输入邮箱，这是必填项，而且对输入邮箱的格式有严格要求，比如网易邮箱、新浪邮箱等，不允许输入不存在的邮箱。输入完成后，输入验证码并同意注册协议，进入下一界面。紧接着填写用户昵称，这个也是必须填写的项目，然后可以选择系统提供的头像或者上传自定义头像，填写个人签名并进入下一页面。最后填写姓名。性别、身份证件信息、学生证信息等，这些不适必填项，如果填了，个人主页头相处会显示“已认证”。点击注册按钮，注册成功，跳转到登录页面。流程如图4-5所示。会员注册会员登录是否合法?平台首页设置会员资料重设密码退出登陆管理账户订单结束会员个人主页关注好友站内短信图4-4会员管理模块主流程图开始开始顺入账号里酒重名输入密码缴复御码两次辅入是否相间?轴入邮粗格式屋否正确?输入验证码楚活正确是香擅要用户协议梳入肥称，选择头像，辊入个性舞名填写姓名，身份信息，学生信息等图4-5会员注册流程图4.2.2网上购物模块校园二手商品交易平台主要是针对在校师生建立并希望籍此获得经济利益的二手商品交易平台，因此网上购物模块也是本网站不可缺少的部分。当用户以游客或者会员的身份访问主页时，可以在商品列表中选择自己所需物品的分类，即平台所售出物品的的一级分类，比如图书音像，日用百货，运动用品等。然后选择进入下一分类，即二级分类，比如图书音像又分为四级教材、高等数学等。当用户选择好商品之后就会进入商品详情页，商品详情页会介绍商品的价格，质量以及卖家留言等信息。用户可以选择购买商品将其放入购物车，或先将其收藏。山东大学本科毕业论文网上购物流程图如图4-6所示：一级分类菜单加入收燃图4-6网上购物流程图4.2.3后台管理模块在管理员模式下，对网上购物进行适当的管理。首先是卖家发布商品模块，管理员可以在新增加商品时决定改商品是否可以发布，发布后可以决定是否将该商品推送到推荐列表中。另外，管理员应该可以在商品发布后对其进行分类管理，即可以增删商品的一级菜单和二级菜单，但当当前菜单中有子菜单或者商品的时候，该分类菜单将无法删除。除此之外，管理员也可以对商品进行品牌管理，即将商品与品牌相关联，或者可以在品牌下新增商品。还有订单查询统计，商品销售统计等功能。总而言之，管理员应该具有校园二手商品交易平台的最高权限。如图4-7所示即为管理员模式网上购物流程图。山东大学本科毕业论文登陆管理员界面登陆管理员界面商品发布管理是否发布是否推荐增加分类是否有子菜单或商品删除分类商品关联品牌结束品牌新增商品商品分类管理商品品牌管理图4-7管理员模式上网购物流程4.2.4搜索功能模块校园二手商品交易平台提供的搜索功能较为简单。在网页右上角设置了一个搜索文本框。用户可以通过输入商品分类或者直接输入商品名称来获得自己所需要的物品信息，具体搜索功能模块流程图如4-8所示。提西存在该商品图4-8搜索功能模块流程图4.2.5其他功能模块更容易选择和接受。校园二手商品交易平台的LOGO如图4-9所示：校园二手图4-9校园二手交易平台LOGO2、商品榜单模块。由于用户可能会在同类别商品的取舍而犹豫不决，校园使用modAdvsMovi插件，通过播放视频来引起游客的兴趣。文字广告分为字幕4、友情链接模块。由于校园二手商品交易平台志在能够成为大学师生使用山东大学本科毕业论文比，所以提供了淘宝网的链接等。4.3本章小结本章通过对模块流程对分析介绍了网站的详细设计。在会员管理模块中，介绍了主要功能会员注册和会员登录流程。接着介绍了网上购物模块，通过会员模式对网上购物模块的操作流程详细介绍了该模块。然后介绍了网站页面布局。最后介绍了搜索功能模块的流程以及网站其他功能模块的设计。第5章项目编码和测试5.1校园二手商品交易平台的总体实现校园二手商品交易平台根据二手商品交易行业的特点，结合校园在校师生的特点，建立起适合在校师生使用二手商品交易平台。通过提高用户体验，达到留住老客户，吸引新客户，扩大校园二手商品交易平台的业务范围的目的。平台首页结构如图5-1、图5-2和图5-3所示：申和数州往要专开名i是论就业欢柳宇箱图书故封粗置翻测反布图5-1校园二手商品交易平台首页山东大学本科毕业论文校网二手018图5-2图5-3商品详情页登录注册页5.2校园二手商品交易平台编码结构校园二手商品交易平台采用的现在非常流行的前后台分离开发，主要的工作在前端的开发，下面将主要的前端代码贴出来并加以讲解。5.2.1服务端访问函数(以get请求为例)山东大学本科毕业论文在AngularJS中，页面与服务端交互的主要方式是调用$http模块，该模块的底层封装了JavaScript的XMLHttpRequest对象，并只接收一个对象作为参数，用于收集生成HTTP请求的配置内容，同时，返回一个promise对象，该对象拥有名为success和error的两个调用方法。此外，根据请求类型的不同，$http模块提供了不同的调用方式。vardeferred=$q.defer();varparams=params||{};if(sessionStorage.loggedIn){params.user_id=sessionStorage.userld;//params.user_token=sessionStorage.userToken;params:paramsif(sessionStorage.loggedIn){location.href="#/";}console.log("("+url+")"+//deferred.resolve(data5.2.2路由控制器除去服务器访问的代码，最为关键的就剩下网站的路由控制了。传统的开发方式为通过后台控制路由，使用AngularJS后便可以通过AngularJS的路由机制，山东大学本科毕业论文在页面加载之初通过JavaScript代码如下所示对路由进行拦截，从而释放服务器压力。主要<!DOCTYPEhtml><htmllang="zh-CN"><metahttp-equiv="X-UA-Compatible"content="IE=Edge"/><metacharset="UTF-8"/><title>二手校园</title><metaname="keywords"content=""/><metaname="description"content=""/><linkrel="shortcuticon"href=""/><linkrel="stylesheet"type="text/css"href="css/cssLib.min.css"/><linkrel="stylesheet"type="text/css"href="css/main.min.css"/><scripttype="text/javascript"src="js/jsLib.min.js"></script></head><bodyng-app="myApp"><divui-view></div><scripttype="text/javascript"src="js/jsCustom.min.js"></script><scripttype="text/javascript"src="js/templates.min.js"></script></body>myApp.config(function($stateProvider,$urlRouterProvider){SurlRouterProvider.otherwise("/");$stateProviderstate(admin',{url:"/",templateUrl:"html/layout.html"山东大学本科毕业论文6.1总结论文分析了现阶段经济快速增产，闲置物品不断增多的情况，介绍校园二手商品交易平台的背景、意义和可行性，提出了一套校园二手商品交易平台的设计和开发方案。本校园二手商品交易平台是在校师生所必需的，是根据在校学生的需求趋势所设计和研发的，它不仅仅能够满足广大在校师生的需求，也能够对环境保护事业作出突出的贡献。充分利用资源的概念，是在当今社会经济发展、社会要求、环境保护等形式下诞生的，构建校园二手商品交易平台体现了当前社会发展的趋势。校园二手商品交易平台选择Java+Mysql+Tomcat技术，利用Web技术控制和操作后台，实现了包括会员管理、网上购物、后台管理模块的设计和实现，提供了一个信息丰富、方便快捷的校园二手商品交易平台。本文介绍了校园二手商品交易平台设计和开发工作使用的主要技术，紧接着对平台进行了系统的分析，介绍了平台的特点，设计思想和设计原则，从而给出网站的总体设计规划。然后对网站的各个模块进行了详细的功能分析，并且提供了数据库设计列表。最后展示了网站两大模块功能的实现，对系统运行结果进行了展示，通过测试和调试，校园二手商品交易平台基本能够满足需求分析和详细校园二手商品的基本功能已经实现，但是依然存在许多不足之处，需要对他进行进一步的完善和改进，以满足日益增长的需求：1、由于本平台设计仓促，很多实用性的功能没能够加上2、商品的种类比较少，标签不够丰富，需要添加更多的商品图片3、数据库模型的设计不够完善，有很多需要优化的东西。6.2展望在校园二手商品交易平台的基本功能得以实现后，对于平台尚未实现的功能，比如用户购买记录，对商品与品牌进行关联，在线支付等。这些没有实现的功能，将会在后期的开发中得以实现。需要进一步优化和完善的内容有：1、优化编码，尽管采用了三层架构可以方便的扩展，但是由于快速开发，在代码中大量使用SQL语句和存储过程进行操作，降低了系统性能2、优化用户体验，校园二手商品交易平台的交互性和用户体验尚不完善。平台缺乏对使用流程的说明，初次使用可能会比较困难，交互性和用户体验有待进一步提升3、关于业务拓展和物流的相互结合需要在下一步的运营工作中继续建设和完善致谢伴随着校园二手商品交易平台的设计和开发工作的即将结束，我在山东大学的学习生涯也接近尾声。在这里，我谨向所有关心和支持我的朋友、老师和同事们致以诚挚的谢意!同时感谢山东大学软件学院的所有老师，··你们的谆谆教导，循循善诱，使我不论在专业知识的提高还是在为人处事上都取得了巨大的进步，你们辛苦了!此外，还要感谢的是我的父母和家人，你们默默的无私的爱，是我前进道路上不断进取的不竭动力!最后，衷心感谢参加本次论文评定工作的各位老师，··你们在百忙之中抽出时间对本文进行审阅和评议。参考文献[1]马力遥，移动数据网络的设计与实现，电子科技大学，2006[2]满勤，基于J2EE的B2C电子商务系统的设计与实现，电子科技大学[3]吴晓燕，计算机系统结构网络教学网站的设计与实现，电子科技大学[4]张丹阳，校园网上二手信息发布平台的设计与实现，华东师范大学[5]李平，网上购物系统的设计与开发，云南大学，2007[6]梅菊，领域工程方法在电子商务系统中的研究与应用，南京邮电大学[7]陈巧蓉，网上购物系统开发研究，西南民族大学学报，2007[8]陈宥融，基于B/S架构的B2B电子商务系统的设计与实现，电子科技大学，2010[9]陈雄华，Spring3.X企业级应用开发实战，电子工业出版社，2010[10]陶国荣，AngularJS实战，机械工业出版社，2013[11]韩万江，软件工程案例教程，2007[18](英)AntonyKennedy、(葡萄牙)InayailideLeon,高流量网站CSS开发技术，2013附录1英文原文SendingandReceivingBinaryDataTheresponseTypepropertyoftheXMLHttpRequestobjectcanbesettochangetheexpectedresponsetypefromtheserver.Possiblevaluesaretheemptystring(default),"arraybuffer","blob","document","json",and"text".TheresponsepropertywillcontaintheentitybodyaccordingtoresponseType,asanArrayBuffer,Blob.Document,JSON,orstring.ThisisnulliftherequestisnotcompleteorwasnotsuccessfulThisexamplereadsanimageasabinaryfileandcreatesan8-bitunsignedintegerarrayfromtherawbytes.//...AnalternativetotheabovemethodutilizestheBlobinterfacetodirectlyconstructaBlobwiththearraybufferdata.AlsoyoucanreadabinaryfileasaBlobbysettingthestring"blob"totheresponseTypeproperty.//..山东大学本科毕业论文Theload_binary_resource()functionshownbelowloadsbinarydatafromthespecifiedURL,returningittothecaller.varfilestream=load_binary_resource(url);Themagichappensinline5,whichoverridestheMIMEtype,forcingthebrowsertotreatitasplaintext,usingauser-definedcharacterset.Thistellsthebrowsernottoparseit,andtoletthebytespassthroughunprocessed.Theexampleabovefetchesthebyteatoffsetxwithintheloadedbinarydata.Thevalidrangeforxisfrom0tofilestream.length-1.varreq=newXMLHttpRequest();//XHRbinarycharsetoptbyMarcusGranado2006[]req.overrideMimeType('text\/plain;charset=x-user-defined');req.send(null);returnreq.responseText;jBinary.load(url).then(function(binary){//hereyoucanuse`binary'instancetoparsedataThesendmethodoftheXMLHttpRequesthasbeenextendedtoenableeasy山东大学本科毕业论文tosendthe"file"totheserver.Thisexampleusesplaintext,butyoucanimaginethevaroReq=newXMLHttpRequest();function(oEvent){//Uploaded.varblob=newBlob(['abc123'],{type:'text/plain'});oReq.send(blob);varlongInt8View=newUint8Array(myArray);for(vari=0;i<longInt8View.length;i++){longInt8View[i]=i%255;}varxhr=newXMLHttpRequest;xhr.send(myArray);Thisisbuildinga512-bytearrayof8-bitintegersandsendingbinarydatayou'dlike,ofcourse.Thisexampletransmitsbinarycontentasynchronously,usingthePOSTmethod,andFirefox'snon-standardsendAsBinary().varvarreq=newXMLHttpRequest();req.setRequestHeader("Content-Length",741);Line4setstheContent-Lengthheaderto741,indicatingthatthedatais741byteslong.Obviouslyyouneedtochangethisvaluebasedontheactualsizeofthedata山东大学本科毕业论文YoucanalsosendbinarycontentbypassinganinstanceofthensIFilelnputStreamto//Makeastreamfromafile.varstream=Components.classes["@/network/file-input-stream;1"]eam);//TrytodeterminetheMIMEtytry{varmimeService=Components.classes["@/mime;1"].getService(CerfacemimeType=mimeService.getTypeFromFile(file);//fileisannsIFileinstance}//Send.createInstance(Cerfaces.nsI