基于BS的二手车交易系统的设计与实现(完整资料)

基于BS的二手车交易系统的设计与实现(完整资料）(可以直接使用，可编辑优秀版资料，欢迎下载）

基于BS的二手车交易系统的设计与实现(完整资料）(可以直接使用，可编辑优秀版资料，欢迎下载）毕业论文题目:基于ＢS的二手车交易系统的设计与实现毕业设计任务书题目:基于B/S二手车交易系统的设计与实现学生姓名:班级：学号：题目类型:指导教师:一、毕业设计题目基于B/S二手车交易系统的设计与实现二、题目简介随着车辆数量的不断增加，二手车市场异常火热,但对二手车的管理没有相对规范的管理方法和手段,而且资源的共享渠道也不畅通，本题目拟对二手车进行系统的管理，同时完成二手车在售前和售后的跟踪管理。通过调查分析二手车市场和管理现状，完成对车辆使用状况的详细描述和信息的共享。要求系统设计和开发基于B／S模式架构，要求完成车辆的交易的完整业务流程，并且要对车辆的售前和售后使用状况进行全流程的跟踪。通过该题目的分析和设计，使学生综合应用软件工程的原理，全面培养软件开发过程中的需求分析、设计、编码、测试及文档规范书写的能力，提高解决实际问题的能力.三、设计任务1。查阅文献资料，一般在5篇以上；２．通过本系统的开发,锻炼学生的分析、设计能力,培养学生对软件文档规范的书写能力;３．以具体业务为背景,通过调研、分析现有的管理模式和已有的管理软件，建立系统模型；4.完成系统的软件可行性分析、项目开发计划、需求规格说明、概要设计和详细设计（结构化设计方法和面向对象设计方法可任选一种)；5。在分析和设计的基础上编码完成一个可演示的版本并进行测试；6。撰写设计说明书;７．做好答辩工作.四、主要内容、功能及技术指标本设计的总体目标是:利用软件开发工具、数据库和开发平台，结合现有的软件和硬件基础，通过需求分析,设计一个具有开放体系结构的、易扩充的、易维护的、具有良好人机交互界面的信息管理系统。1。根据可行性研究和需求分析的结果，运用软件工程的自顶向下逐步求精思想,得出系统需求规格说明.２。二手车销售管理业务流程

根据市场调研和需求分析结果，分析出目标系统的业务逻辑,得到系统模型。系统应具备二手车的信息展示，销售的核心流程，并能够完成售出产品的全流程跟踪。3．管理员、后台管理流程

(1）应具备系统数据维护、发布和安全保障功能.（2）应具备相关报表输出功能。(3）应具备数据分析和提供决策支持功能。4．系统架构应选择采用B／S结构。数据库系统可采用Access,SQLＳerveｒ２000等，开发工具可以选用PHP、AＳP或JSP等。5。系统涉及到业务逻辑表述和处理流程表述,可通过系统流程图、业务流程图、状态转换图、数据流程图和数据字典等必要的方式进行描述，按照软件工程的经典流程,采用抽象、分解、模块化和逐步求精的思想和方法，从软件的可行性分析开始，对系统做需求分析，形成的需求规格说明,然后展开概要设计、详细设计、编码与测试。五、设计完成提交的成果1.毕业设计说明书（论文字数要求:2．5—３万字；源代码工作量:1５００行以上。)毕业设计说明书是毕业设计整个过程总结性资料,书写的质量直接影响到毕业设计的成败。毕业设计说明书主要包括以下内容，详细格式和要求请参照毕业设计大纲的要求。（１）毕业设计的目的和任务;（2)毕业设计课题(设计题目的来源、选题依据、技术要求、可行性分析、需求分析）;（3)对课题的系统分析（技术考虑、平台选择、工具选择及其比较）；(4）设计方案(包括软、硬件方案)；(5）系统框图和各功能模块图(算法分析）;(6)关键技术的实现和介绍；(7）系统功能、使用手册、使用范围、使用实例以及系统必要的说明；（8）设计过程中疑难问题的解决方法,系统需要改进和不完善之处;(9）其他收获和小结；（1０）参考文献目录（附录）;(1１）主要源程序清单(附录）。2。以每位学生为单位刻制光盘一张（小论文、软件源代码和安装包、设计说明书）.六、毕业设计的基本要求通过毕业设计，学生应树立正确的设计思想,培养严肃认真的科学态度和严谨的工作作风,达到积累软件设计知识和提高设计的能力、创新意识的目的;同时掌握查阅有关文献和收集资料的方法，获得软件设计和开发工作的基本技能训练,提高分析和解决软件设计和开发技术问题的能力,并为今后进行各类软件系统的设计开发打下良好的基础.在完成毕业设计任务的同时,学生还应树立正确的工程意识与经济意识，树立正确的生产观点、经济观点和全局观点。１。学生本人应对毕业设计的工作质量负责，有高度的责任心，按时独立完成全部设计任务.2。学生在接到毕业设计任务书及指导书一周内，向指导老师提交毕业设计工作计划。3.学生应充分发挥主动性及创造性，树立实事求是的科学态度，自觉接受指导老师检查，按工作计划的进度逐步完成每项设计任务。4。学生必须做好设计笔记,记录设计原始资料、设计过程及参阅的文献资料,设计笔记作为考核平时成绩的依据之一。5.毕业设计纪律：要严格遵守学习纪律，遵守作息时间,不得迟到、早退和旷课，每天出勤不少于6小时。如因事、因病不能参加毕业设计,则需请假，凡未请假或未准假而擅自不出勤者，均按旷课论处。6。公共道德：要爱护公物，搞好环境卫生,保证设计教室整洁、卫生、文明、安静。严禁在设计教室内打闹、吸烟、嬉戏、下棋、听音乐（包括MP3）.七、主要参考文献[1]张海潘.软件工程导论(第6版）［M]。清华大学出版社。201３.8［２］萨师煊，王珊。数据库系统概论（第5版)［M］.高等教育出版社。２014.９[3］陈承欢,彭勇。管理信息系统基础与开发技术[Ｍ]．人民邮电出版社.2005［４]刘云生。数据库系统概论［Ｍ]．华中科技大学出版社。２002［5］殷人昆,郑人杰。实用软件工程(第３版）[M]。清华大学出版社。20１0.11[6]朱少民．软件测试方法和技术（第2版）[M].清华大学出版社．2010.7［7］张友生.软件体系结构(第2版）[M]．清华大学出版社，2006．１1［8］石志国．ＡSP精解案例教程（修订版)［M］。清华大学出版社，2006。7［9］李万宝.ASP。NＥT技术详解与应用实例[M］.机械工业出版社，2005．9［10］汪洋．网站设计全程教程[M］.科学出版社。2002．1［11］杨志国等.Delpｈi应用程序开发精彩实例[M］．机械工业出版社。２０03。４[12］陈磊。ＰoｗeｒBuiｌdｅr9数据库项目案例导航［M］．清华大学出版社．２00５。1［13］杨晶。VＢ6。0程序设计［M］。机械工业出版社。２０0４．8［14］刘晓华。JSP应用开发详解（第三版）[M］。电子工业出版社。20０7。1［1５]何玉洁，李宝安．数据库系统教程［M］.人民邮电出版社。２０1０.９八、进程安排序号主要任务时间(周)１教师讲解设计要求根据任务书准备参考资料0。52做可行性分析研究0.53做项目开发计划0．５４做需求分析15概要设计１6详细设计3７编码调试28检查完成情况0。59书写设计文档、准备答辩资料1１０答辩摘要随着科学技术和信息通讯的飞速发展，Interneｔ极大的丰富和改变着我们生活的各个行业.随着Inteｒnｅt的普及应用，人们可以跨越时间和空间的限制,足不出户便能通过网络完成信息交流，而完成这一切我们需要的便是网络交易系统这个平台.为实现这一目的，本设计通过详尽的分析和探讨，利用网络编程和数据库来实现基于B/S结构的二手平台交易系统，从而为注册用户提供一个发布资源的平台，实现物品信息的交流和共享的功能。系统开发遵循软件工程的设计方法，采用PＨP作为系统开发语言,使用ＭySQＬ数据库作为整个交易系统的数据库服务器,提供数据存储和调用。通过设计最终实现了一个二手物品的交易平台.通过该系统可以方便、有效的进行二手物品的交易.关键词：数据库;二手交易;B/S目录TOC\o”1-3"＼t＂"\h＼z\u１引言PAGＥRＥＦ_Tｏc217231HＹPEＲLINK\l_Toc17０3７1。1课题背景PＡGEREＦ_Toc170371ＨYＰEＲLIＮＫ\l_Ｔoc２3０２01.2本课题的研究的意义２011.3本课题的研究的方法PAGＥＲＥF＿Toc1769５１2开发环境和相关知识的介绍PAＧＥRＥＦ_Toｃ1４２092２.1基于BS结构的二手车交易系统概述PAGERＥF_Toｃ11４1４22.2开发环境的介绍ＰAＧＥREF＿Toc2８6９52２．3PHP的基本介绍PAＧEREF_Toc26375３2.4JaｖaＳcripｔ的介绍ＰAＧＥREF_Tｏc2043ＨYPERＬINK\l＿Toc１２０162.5MyＳQL的介绍ＰAGＥREＦ_Toc12０164HＹPＥRLINK\l_Ｔｏc3２243可行性研究PAＧＥREＦ_Tｏc32245HYＰＥRLIＮＫ\l_Toｃ276683．1问题定义ＰAGEREF_Ｔoc２766８5HＹPERLINK\l＿Tｏｃ46643。2可行性分析ＰAGERＥＦ_Toｃ4664５3.2.1技术可行性PAGEREＦ_Tｏc21005HYPEＲLINK\l_Tｏｃ2６803。2．2经济可行性PAGEREＦ＿Tｏc26805HＹPERＬＩNＫ\l_Toｃ１60574需求分析６HＹPＥRLＩNＫ\l＿Toc３1１６54。1需求管理PAＧEREF_Toc3１16５６4.1．１需求管理的方法PＡGEREF_Ｔoｃ２62516HＹPERLＩNK\l＿Ｔoc58９14.1.2任务概述PＡGEＲEF_Tｏc58９１7HYPERLＩNK\l_Toc285７6４.2功能需求分析PAGEREＦ＿Ｔoｃ２85７674.2。1系统功能设计PAGEREF_Ｔｏc31６6１７４。2.2物品和用户注册功能PAGEREF_Ｔｏｃ109５884．2．3用户登录功能PＡＧERＥF_Toc2３1969HＹPERLINK\l_Ｔｏc29663４.2。4信息修改功能PＡＧEREF_Toｃ2９6639ＨＹPＥRLＩNＫ\l_Ｔｏc16７08４。3非功能性需求分析PＡGＥREF_Toc１67089ＨYPERLINＫ\l_Toｃ５1１３４．４数据库描述PAGＥREF_Ｔoc51１310HＹPERLINK\l_Toc６11１4.4．1E—R图PAGEREF＿Toc611110ＨYPＥRLINK\l＿Tｏc21０054.4.2数据流图和数据字典PAGEREF_Ｔoc２１00５145概要设计ＰＡＧＥRＥＦ_Toc25６2117HYPERLINK\l＿Ｔｏｃ3013０5。1系统功能架构设计PAＧEREF＿Toc３013017HＹＰERLINK\l_Toc3４3７５。2系统分层架构设计PAGEＲEF_Tｏｃ34３71８5。3系统网络架构设计PAGＥREF_Ｔoc136９１196详细设计PＡGEREF_Ｔoc1248521HＹPERLINK\l_Toc2４８２66.1登录和注册模块设计PAGEＲEF＿Toc2４8２6216.2物品浏览模块设计ＰAＧEREF＿Toｃ27６０９25HYPEＲLＩNK\l_Tｏc２68936.3信息修改模块设计ＰAＧEREＦ_Ｔoc26８9３2８HYPERLINK\l_Ｔoc32５08７系统运行测试PAGEREF_Ｔoc３250830HYPＥRLINＫ\l＿Ｔoc２52757.1测试方案PＡGEＲEF_Toc２52７５307。２测试项目PAGEREF_Tｏc2069630HYＰEＲＬIＮK\l_Toc1037。1。1用户登录功能测试PＡＧＥREF_Toc1０33１ＨYPERLＩNK\l_Tｏｃ292397.1.2信息修改功能测试PAGEＲEF＿Toc2923932HYＰＥRLIＮK\l_Tｏc４２83结论PAGＥREF_Ｔoc428３34参考文献PＡGEREＦ_Ｔoｃ1459６35HＹPＥRLINK\l_Tｏc2191９致谢３６附录ＰAGERＥF_Tｏc732537外文原文PAGEREＦ_Toc６56343外文译文PAGERＥF_Tｏc295014９1引言１.1课题背景在进入新的世纪后，随着科学技术的不断发展，尤其是在上世纪计算机大量的普及应用的基础上，新的信息技术继续深刻的影响着人们的传统生活方式，它不仅改变着人们生活的面貌,同时也极大的提高了人们的生活质量，使很多原先无法想象的事物逐渐变成了现实，网络以其将虚拟性与现实相结合的巨大魅力和跨越时间空间的便利性决定了这将是一种影响人类发展的革命性事物,在为人们的生活和学习提供了巨大的方便.电子商务作为其中的重要应用之一已经逐渐普及，成为人们生活中的重要组成部分,基于网络的支付手段和在线交易，已经成为新的商务趋势。尤其是以个人交易为主的基于B/S模型的二手网络交易模式，更是在近几年蓬勃兴起，为网络的繁荣增添了新的活力，它的潜力以及使用范围更是无法估量。近几年在国内新起的淘宝也获得了很大的成功，这些成功并不是偶然的，它们都得益于基于Ｂ／S结构网络交易系统,所以他们的成功也可以看作是基于B／S结构网络交易系统模式的成功。1．2本课题的研究的意义就经济行为而言,在传统的物品交易中,由于传统通信交流手段的限制，供求双方的信息极不畅，这就造成了需求双方信息的不平等，即买家找不到卖家，卖家找不到买家，这就给我们的商业活动带来了极大的不方便，但通过这样的需求现状同时可以反映出现实市场的巨大需求,我们可以通过技术手段极大的弥补这一缺憾。在应用网络之后，我们可以高效率的利用和整合这些供求资源。这其中就需要有一个基于B/S结构的,高效方便的交易系统来完成。１.3本课题的研究的方法本论文将试图通过对基于B/S结构的二手交易系统的概念本身的阐述,当前应用的情况做一个概要性的介绍，并采用软件工程的开发流程,主要通过对一个完整的基于B/S结构的二手交易系统的构想进行分析，做出相应的概要设计，并进一步进行分析,做出关于此系统的详细设计,然后进行编码,测试，直至最终的完全实现，本论文将会对系统的全面实现详细做完整的阐述。2开发环境和相关知识的介绍２．１基于BＳ结构的二手车交易系统概述B/S结构，即Browｓer/Server(浏览器/服务器）结构，是随着Iｎｔernet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下,用户界面完全通过浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现.B/Ｓ结构利用不断成熟和普及的浏览器技术实现原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。这种结构更成为当今应用软件的首选体系结构。B/Ｓ结构技术的发展与管理思想一样，也经历了三个发展时期:界面技术从DOS字符界面,到Winｄowｓ图形界面（或图形用户界面GUI)，直至今天的Browser浏览器界面。最新浏览器界面，不仅直观和易于使用，更主要的是基于浏览器平台的任何应用软件其界面风格一致，用户对操作培训的要求大为下降，软件可操作性增强；平台体系结构也从单机单用户发展到文件/服务器（F/S）体系，再到客户机/服务器(C/S）体系和浏览器/服务器（B／S）体系。B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件。只要有一台能上网的电脑就能使用，客户端零安装.系统的扩展非常容易，只要能上网,再由系统管理员分配一个用户名和密码，就可以使用了.甚至可以在线申请,通过公司内部的安全认证（如CA证书）后，不需要人的参与,系统可以自动分配给用户一个账号进入系统,而且随着软件系统的改进和升级越来越频繁,B/S架构的产品明显体现更方便的特性。无论用户的规模有多大，有多少分支机构都不会增加任何维护升级的工作量,所有的操作只需要针对服务器进行，如果是异地只需要把服务器连接上网,即可立即进行维护和升级，这对人力、时间、费用的节省是相当惊人的。２.2开发环境的介绍本论文涉及的二手交易系统开发环境,前台是PHP结合HTML语言与Javascript脚本语言生成界面。后台则使用PHP用于表单提交和逻辑判断处理，数据库方面采用的是MySQL数据库服务器，整体性能比较强大，可以高效率的存储相应的数据信息,网页服务器是采用Apａche为服务器.整个开发环境的软硬件具体配置需求如下：表1系统开发环境示意图系统平台硬件平台ＣPU:P41。8ＧHZ内存：２56MB以上操作系统:Windowｓ7数据库：MySQLAＳＰ服务器：PHP５。０浏览器：IE５．0以上２。3PHＰ的基本介绍ＰHP全称:HyｐeｒtextＰreproceｓsｏr，即超文本预处理器,是一种通用开源脚本语言。其文件的格式是.PHＰ，现在常用于各种动态网站中。与HＴML相比，PＨP网页具有6大特点。它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。它是一种服务器端脚本编写环境，可以用来创建和运行动态网页或web应用程序。PＨP网页可以包含HＴML标记、普通文本、脚本命令等。可以向网页中添加交互式内容（如在线表单)。在本设计中，代码部分的实现是采用PHP，使用PHＰ内置对象可以使服务器端脚本功能更强。例如可以从ｗeb浏览器中获取用户通过HＴML表单提交的信息,并在脚本中对这些信息进行处理，然后向weｂ浏览器发送信息,由于服务器是将ＰHＰ程序执行的结果以HTML格式传回客户端浏览器,因此使用者不会看到PHP所编写的原始程序代码，可不用担心PＨP程序代码被窃取。2．4ＪavａＳcripｔ的介绍在本设计中,PＨP页面采用的大部分脚本语言是JavaＳｃript,JavaＳcrｉpt是一种基于对象的脚本语言，使用它可以开发Interｎet客户端的应用程序。ＪavaScrｉpt在HTＭＬ页面中以语句形式出现，并且可以执行相应的操作。其具有如下特点:JaｖaScｒiｐt是一种脚本语言。JａvaSｃｒｉｐt是基于对象的语言。JaｖaScriｐｔ是事件驱动的语言.当你在Weｂ主页中进行某种操作时，就产生了一个“事件”。事件几乎可以是任何事情:敲击一个按钮、拖动鼠标等均可视为事件。JavａＳｃrｉｐt是事件驱动的，当事件发生时,它可对之作出响应.具体如何响应某个事件取决于你的事件响应处理程序。JavaＳｃｒipｔ是安全的语言,JａｖaScript被设计为通过浏览器来处理并显示信息,但它不能修改其它文件中的内容。也就是说，它不能将数据存储在Web服务器或用户的计算机上,更不能对用户文件进行修改或删除操作。JavaScrｉpt是与平台无关的语言。２.５MySQL的介绍本系统是采用ＭySQL作为开发的数据库。关系型数据库管理系统（ＲDBMS)是当今软件行业中最重要的数据库系统,其中杰出的系统之一便是MySＱL.由于ＭyＳQＬ与主流操作系统结合得非常紧密,因此它被认为是最适用的数据库系统.其次，相对于Ｆoxｐｒo、Accｅｓs等个人数据库而言，MySQL是一个功能完备的“正规”数据库管理系统。它包括支持开发的引擎，标准SQL语言,扩展的特性（如复制、OLAＰ、分析)等功能，是一些大型数据库如Oracle才具备的特性。而且像存储过程、触发器等特性也是个人数据库所没有的.设计中在使用ＭySQL的过程中主要是完成信息的录入、读取和更新等功能，录入的信息包括用户的相关数据，还有物品的相关信息。3可行性研究3。１问题定义由于目前二手车市场异常火热但网上交易仍旧存在管理混乱的问题，经过对市场的调查以及分析，为了提高交易效率和安全性，遂决定开发一套易于管理且使用方便的二手车交易管理系统。一方面缓解市场缺口，一方面规范二手车网上交易的流程。3.2可行性分析3。２．1技术可行性本系统采用的是基于B／S的技术架构，开发语言使用ＰHP，wｅb服务器使用apaｃhe，数据库使用ＭyＳQL，这些技术都比较容易入门而且都是开源的，不仅使用方便而且也不用考虑法律权限问题,最重要的是功能强大，完全可以开发出很好的系统，而且采用B/S最大的优点就是客户端零安装，只要可以上网的浏览器就可以完整使用系统所有功能,系统的可扩展非常好，易于维护，普通用户通过公司内部的安全认证后,不需要管理员的参与，系统就可以自动分配给用户一个账号进入系统，而且随着软件系统的改进和升级越来越频繁,B／S架构的产品明显体现更方便的特性。无论用户的规模有多大，有多少分支机构都不会增加任何维护升级的工作量，所有的操作只需要针对服务器进行，如果是异地只需要把服务器连接上网，即可立即进行维护和升级，极大的减少了系统负担以及开发周期和维护难度。3。2.２经济可行性就经济行为而言，在传统的物品交易中，由于传统通信交流手段的限制,供求双方的信息极不畅，这就造成了需求双方信息的不平等，即买家找不到卖家,卖家找不到买家，这就给我们的商业活动带来了极大的不方便，但通过这样的需求现状同时可以反映出现实市场的巨大需求,我们可以通过技术手段极大的弥补这一缺憾.在应用网络之后，我们可以高效率的利用和整合这些供求资源。这其中就需要有一个基于B/Ｓ结构的,高效方便的交易系统来完成.4需求分析4。１需求管理需求管理首先要针对需求做出分析，随后应用于产品并提出方案。需求分析的模型正是产品的原型样本,优秀的需求管理提高了这样的可能性，它使最终产品更接近于解决需求,提高了用户对产品的满意度,从而使产品成为真正优质合格的产品。从这层意义上说,需求管理是产品质量的基础。从目前市场上二手车交易系统的项目实施经验来看,失败的主要风险经常不是来自于技术实现风险，而是在于开发者对市场业务缺乏了解,对使用者的实际需求认识不清，不能从各个使用者提出的庞杂的意见建议集中提取出统一的、具有灵活性、规范性的工作流程，进而形成系统实现.由于实际一线的软件使用者经常对软件开发过程缺乏关注和耐心，而开发者不能把需求管理提高到足够的高度来认识，导致开发者与实际使用者沟通不良,盲目开发，最终产品不能得到用户认可。轻则导致功能的频繁变更，无法确定项目边界,导致项目延期，重则产品无法得到最终用户认可,导致项目失败。需求管理的过程从需求开发开始，贯穿整个项目始终.在本项目中，需求管理的目标就是确切了解本系统使用者，包括普通注册用户、游客、管理人员的需求，找出能满足所有使用者的最佳解决方案.４。１。1需求管理的方法在本次项目中，需求管理的主要步骤和方法是:1、市场调研，通过与国内其他同类产品的对比,确定项目边界,明确项目应达到的最终目标。2、对调研结果情况总结归纳,形成书面文字材料，同时找出新的疑点，初步构成需求基线。3、掌握需求调研频度，若需求基线符合要求，则进入设计编码阶段。4、规范统一业务流程，同时对业务流程的每个环节进行分解，识别分支流程,直至确认每个流程中的每个环节的输入和输出之间的变化或关系，每个环节的输入的数据来源、数据去向、数据类型、校验规则以及每个环节数据项目是否相关规定。4.１。2任务概述本系统实现对二手车线上交易的的管理,需要解决的问题主要有：1、用户和管理员的登录和注册.2、物品的发布。3、物品信息和用户信息的修改.4、信息列表的实现。4.２功能需求分析本系统主要是围绕二手车的线上交易管理,通过前期的功能分析建立一套技术先进、性能可靠、功能齐全的系统，系统内的用户在各自权限内进行各自的工作，同时又能保证各模块之间的信息互通以及业务联动，避免出现信息孤岛.客户端采用“零安装”的浏览器方式,具有高度稳定性、良好的可扩展性和严格的权限控制,保障系统安全。4。２.1系统功能设计通过前期的需求分析和判断，在本系统中，实现所需要几个功能功能需要几个模块的共同实现,它们是登录模块，物品和用户注册模块,信息显示模块，以及信息列表显示模块。登录模块主要功能是管理用户和管理员的登录，物品和用户注册模块主要功能是管理员根据实际情况添加新增物品，而用户的注册功能主要是在前台实现的。信息显示模块的功能是显示物品的信息和用户的信息，物品列表可在前台显示供用户浏览，也可以在后台通过管理员删除或修改物品信息，用户列表只能在后台显示,管理员可根据实际情况来修更改用户信息，系统整体功能模块图如图4。１所示.图图4.1功能模块图管理员登录普通用户登录物品信息录入用户注册物品信息用户信息登录模块信息显示模块物品和用户注册模块基于BS的二手车交易系统4.2。2物品和用户注册功能物品和用户注册模块主要功能是完成普通用户的注册和物品信息的发布，普通用户的注册主要在前台实现，首先是判断当前用户输入的用户名与数据库中的主键是否有重复的，如果有则提示用户已注册，否则就将信息插入用户表完成注册功能，而物品的注册主要是实现物品信息的发布,主要由管理员来发布,本系统为了安全起见，普通用户登录界面是开放的，管理员登录界面相对普通用户来说是隐蔽的，不同的登录界面会返回不同的结果。如果登录模块判断用户SESＳIＯN为普通用户，那么显示相应的普通用户的操作菜单，包括物品浏览,密码修改和退出。如果登录模块判断用户SESSIＯN为管理员，那么就显示相应管理员的操作菜单，这其中包括发布物品，修改信息，还有退出。当管理员查看某一个具体的物品时候，可以对该物品的留言信息进行管理，可以删除或修改不符合信息。而游客和普通用户则没有这样的权限.普通用户是可以注册的，而管理员是通过后台数据库直接添加的，前台无法注册.管理员对整个二手平台交易系统起到信息管理的作用,可以删除或修改不合乎要求的信息,从而达到管理的目的。４。２.3用户登录功能登录模块主要完成两个任务，首先是判断当前用户的SESSIＯN值,如果当前值为空就提示用户然后连接数据库判断用户名和密码是否匹配，若用户名不存在可以提示新用户注册。本系统为了安全起见，普通用户登录界面是开放的,管理员登录界面相对普通用户来说是隐蔽的，不同的登录界面会返回不同的结果。如果登录模块判断用户ＳESＳION为普通用户,那么显示相应的普通用户的操作菜单,包括物品浏览,密码修改和退出.如果登录模块判断用户SESSION为管理员，那么就显示相应管理员的操作菜单，这其中包括发布物品,修改信息，还有退出。普通用户是可以注册的,而管理员是通过后台数据库直接添加的,前台无法注册。管理员对整个二手平台交易系统起到信息管理的作用，可以删除或修改不合乎要求的信息，从而达到管理的目的。4.２。4信息修改功能信息修改功能主要是修改已发布的物品信息和注册用户信息，当管理员查看某一个具体的物品时候,可以随时根据需求修改物品信息或用户信息，删除不合理的信息从而达到管理的目的,而游客和普通用户则没有这样的权限.提高了系统的灵活性和安全性.４.3非功能性需求分析非功能性的需求描述了系统展现给用户的行为和执行的操作等,它包括产品必须遵从的标准、规范和约束，操作界面的具体细节和构造上的限制，通常还包含响应时间、交换速率、信息容量、可靠性等要求。该系统页面设计应以简约风格为主,采用清新稳重的灰色格局。在主页上,利用色彩来突出显示重要的事项.在整个站点中,链接都将保持为标准的蓝色.所有的正文文字都是黑色,而表标题对于各种背景颜色都为白色。图形标准:考虑到部分部分使用GPRＳ接入网络，速度为2８。８Ｋ调制解调器的连接速度。为了便于快速装载,业务逻辑将尽量移到前端处理.考虑到用户体验和良好的交互性。采用HTML5和CＳＳ3以及ＪaｖaScript来实现部分交互效果，部分页面使用了Ｂootstraｐ框架，提高了开发效率的同时提升了用户体验.而且兼容良好。易用性：操作界面与操作风格尽可能与目前已有的二手车交易系统保持一致，使用风格同样的菜单及正文区设计，菜单操作方式以及信息提示位置尽可能相同，以便于操作人员尽快熟悉本系统功能。４.4数据库描述4.4。１E-R图在设计本系统中,后台数据库的设计是首先考虑的一个重要的问题,确立了对象模型才能够进行高效率的数据处理。Ｅ—R模型的组成元素有：实体、属性、联系。E－Ｒ模型用E—Ｒ图来表示,实体是系统中的事物,属性是对实体特征的描述。本系统的E－R图如下所示:二手车数量二手车数量名称编号单价备注图4.1物品实体图（2）普用户实体图用户用户名称密码电话号码图4.2用户实体图管理员实体图管理员管理员名称密码电话号码图4.3用户实体图(4）整体E-Ｒ图图4.4整体E-R图图4.4整体E-R图nm物品名称编号价格购买数量电话号码名称用户管理员发布名称电话号码m1该系统数据库中一共含有四个表，分别是用户信息表，管理员信息表,物品信息表和销售信息表。包含系统的所有数据项。通过这些表我们能更加清楚详细的了解本系统的数据流动和变化,是系统不可或缺的一部分，具体如下所示。表４。1用户信息表列名列名（英文)数据类型长度允许空用户名ｉdint20不能为空电话号码ｐhoneｖarｃhａr20可以为空密码paｓｓwordvaｒchａr2０不能为空表4.2管理员信息表列名列名（英文)数据类型长度允许空用户名ｉdiｎt20不能为空电话号码phｏnｅｖarchar20可以为空密码ｐａsswｏrdvarchaｒ20不能为空表4.3物品信息表列名列名（英文）数据类型长度允许空IDidiｎt４不能为空物品名称naｍeｖarchaｒ３0可以为空物品价格pｒicevaｒｃｈａｒ40可以为空物品数量nｕmvａｒchaｒ40可以为空备注notｅvarｃhaｒ１00可以为空表４.３销售信息表列名列名(英文)数据类型长度允许空IDｉdint4不能为空物品idｎameiｎt5可以为空购买idpｒｉceｖａrchar20可以为空4.4.２数据流图和数据字典运用软件工程的设计思想和设计方法，针对二手车从管理员发布到用户购买等各阶段的运行情况以及数据的流动情况得出该系统数据流图如图4．5所示.D2D2D1管理员发布物品购买物品2物品信息表物品信息发布销售信息表购买销售信息用户信息表D3用户信息用户1图4.5数据流图数据字典是关于数据的信息的集合，也就是对数据流图中包含的所有元素的定义的集合,本系统的数据字典如下表所示。管理员清单管理员清单组成：{名称＋电话号码}描述:管理员的信息位置：管理员信息表普通用户清单普通用户清单组成:｛用户名称+电话号码｝描述：普通用户信息位置:用户信息表（3)物品清单物品清单组成:{物品编号＋单价＋数量＋备注｝描述：物品具体信息位置：物品信息表（４）销售清单销售清单销售清单组成:{物品编号+数量+备注+购买用户}描述:销售清单位置：销售信息表加工说明:加工名:修改加工逻辑：根据销售信息更细销售清单输入流：前台销售信息，库存信息输出流:更新库存清单加工名：查看加工逻辑:根据要查看信息,列出信息明细表输入流：物品信息查看,用户信息查看输出流：物品信息清单,用户信息清单加工名:删除加工逻辑：根据需求删除不合理的物品信息或用户信息输入流：前台物品信息，用户信息输出流：删除后的物品信息清单或用户信息清单5概要设计5。1系统功能架构设计该系统主要业务范围为用户的注册登录,物品的发布和购买，以及管理员对信息的管理，将每个模块细化成单个独立的模块完成对应的功能，系统功能架构设计如图5.1所示：基于BS的二手车交易系统基于BS的二手车交易系统前台验证数据获取用户登录用户管理物品管理信息管理信息录入列表显示物品发布身份鉴别信息读取用户注册图5.1系统功能架构图5．2系统分层架构设计图5.2分层架构图通过对应用软件系统进行分层设计,以降低各层的复杂度，使整体设计更为清晰,以便降低耦合、增强内聚、提高重用性和灵活性。本项目采用Ｂ/S结构和MＶC思想进行分层，因而产生了表示层、控制层、业务逻辑层、持久层四层,并根据需求分析产生的问题域中共性的部分进行抽象,形成框架，并相应的放入上述的层次中.如系统中各模块均有对于权限的需求或者说大部分有这个需求,就抽象构成一个权限组件放入Model层中。架构图体现功能模块的运行场所的实现方案，同时在此时需要考虑到系统的扩展方式、性能的考虑。系统的分层架构图如图5。2所示：图5.2分层架构图本系统中，以游客、普通用户、管理员三部分为例进行用例分析,用例图如如5.3所示：图5.3系统用例图图5.3系统用例图5．3系统网络架构设计本系统的网络架构设计包括服务器选型、通讯链路设计和安全架构设计，要求达到高效稳定的要求,保证数据安全和链路畅通,同时避免出现单点故障。现对系统的信息处理量、网络流量、数据存储量分析如下：1。系统信息访问量的分析部署系统核心服务器通过WEB界面或接口服务查询。可根据单位时间内运行的各项业务总数以及办理一笔业务所需打开的页面数，测算应用信息处理量。由于整个系统的各个功能模块使用用户数量、使用频度均有不同，测算时以各功能模块为单位分别进行测算，最后累计结果即为系统总信息访问量。２。网络流量分析预计系统每次页面访问平均数据流量15KＢ左右，要求5秒内完成页面访问响应，完全显示.5秒页面访问量为23．2×5／6０，完成全部传输所需要的信息流量为15KB×２3.2×5×8/６０秒≈232Kbps.3.数据存储量分析服务器以及存储方案的选择应考虑到设备的稳定性、可扩展性以及高性能，同时最大程度保护前期投资.本系统选择了分布集中式的存储方式作为数据存储及运行解决方案。采用上述存储架构主要有以下几点考虑：分担业务压力.核心业务服务器存储和运行着系统全部数据,服务器压力较大。实现灾难备份。系统每天夜间同步数据,实现集中存储，提高数据存储的安全性。实现管理集中。由于数据存储集中在系统中心，所以数据统计分析汇总的工作以及数据备份的工作可以由信息中心集中进行,便于保障数据的安全性,加强信息资源的重利用。系统网络拓扑图如下所示：图5.4系统网络拓扑图图5.4系统网络拓扑图６详细设计６。1登录和注册模块设计登录模块的是本设计的一个主要模块，它起到判断用户身份的作用,该系统共为了安全起见，采用管理员登录入口和用户登录入口分离的设计.普通用户登录入口显示普通用户的登录界面，如果是管理员登录入口就显示相应的管理员的管理界面。总的来说不同的登录页面返回不同的信息。用户登录模块是判断用户的状态是否登录，如果没有登录的话就显示登录窗口,提供帐号和密码的输入界面。如果这个时候用户还没有注册过的话那么就提供注册新用户的界面。如果判断用户已经登录,那么显示欢迎界面。同时继续判断用户类型,具体是普通用户还是管理员。如果普通用户显示普通用户的管理界面，如果是管理员就显示相应的管理员的管理界面。系统登录界面如下图所示：图图6.1用户登录和注册界面1．用户登录模块实现的核心代码如下：前台代码：前台代码：<formaction="../index.php"method="post"><ulid="log_con"class="log_con"> <divclass="bla"></div> <divclass="bla"></div> <divclass="tx">用户名</div><li><inputid="lo_u"type="text"name="userName"onmousedown="log()"value=""></li> <divclass="tx">密码</div><li><inputid="lo_p"type="password"name="userPassword"onmousedown="log()"value=""></li> <divclass="bla"id="tip1">认真填写    (╯‵ □′)╯炸弹！•••*～●</div> <aherf="javascript:void(0)"style="text-decoration:none"><li><inputid="sub_bt"type="submit"name="onsubmit"value="确认登录"onclick="login()"></li></a> </ul></form>这是前台的主要代码，由表单实现，首先定义一个名字是CHECＫ的JAVASCRIPＴ的函数，这个将在后面的登录窗口用到，这个函数的作用是填写登录名的时候不能使用空帐号,这样可以把判断留在前台来完成,从而减少后台处理的时间和步骤.界面的每一个选项分别对应一个相应的PＨP程序。其中最后一个退出登录按钮在用户登录后显示相应的用户ｉd,并将登录换成退出,原理是把SＥSSIＯN变量清空。管理员的判断过程及其管理界面也是同样的道理,此处不再赘述。后台代码:后台代码:<?phpif(isset($_POST['onsubmit'])){ //验证用户是否提交修改成功 $id=$_POST['userName']; $password=$_POST['userPassword']; $sql="SELECTidFROMuserWHEREid='$id'andpassword='$password'"; $result=mysql_query($sql);//判断结果集是否成功, if($result&&mysql_affected_rows()>0){//检查用户名密码是否正确 echo" <liclass='add'id='log_succ'>登录成功正在跳转...<br/></li>"; echo"<METAHTTP-EQUIV='Refresh'CONTENT='2;URL=../index.php'>"; } else{ echo"<liclass='add'id='log_fil'>用户不存在<br/></li>"; echo"<scripttype='text/javascript'>alert('失败')</script>"; } }?>用户注册模块实现的核心代码如下：2.用户注册模块实现的核心代码如下：前台代码：前台代码：<formaction="login.php"method="post"> <ulid="reg_con"class="reg_con"> <divclass="tx">用户名</div><li><inputid="re_u"type="text"name="id"value=""onmousedown="test()"></li> <divclass="tx">电话号码</div><li><inputtype="text"name="phone"value=""onmousedown="test()"></li> <divclass="tx">密码</div><li><inputtype="password"name="password"value=""onmousedown="test()"></li> <li><inputid="sub_bt2"type="submit"name="dosubmit"onclick="dosub()"value="确认注册"></li> </ul></form>后台代码：<?phpif(isset($_POST['dosubmit'])){ //验证用户是否提交修改成功$sql="INSERTINTOuser(id,password,phone)VALUES('{$_POST['id']}','{$_POST['password']}','{$_POST['phone']}')"; $result=mysql_query($sql); if($result&&mysql_affected_rows()>0){ //判断结果集是否成功 echo"<liclass='add'id='add_succ'>注册成功<br/></li>"; echo"<aaction='../index.php'></a>"; } else{ echo"<liclass='add'id='add_fil'>该用户名已注册<br/></li>";} }?>在这个地方，如果用户没有注册，可以点击链接进行注册,注册功能和登录功能都是在同一个页面中实现的，当用户点击注册新用户这个按钮的时候,页面将会自动跳转到相应程序上.6.2物品浏览模块设计商品浏览模块是二手交易系统的一个重要组成部分，在二手交易系统中,商品浏览模块分聚集了商品的简要信息,用户可以在这里找到自己需要的相关种类的信息，商品浏览界面如下图所示:图6.2商品浏览图图6.2商品浏览图商品浏览模块的实现方法:在实现这个模块的时候,使用的方式主要是在前台加载后台已经录入的商品，每一个商品都有一个id，当用户点击后会跳转到该物品相应的页面，后台PHP处理程序再根据这个id，从数据库中读取相应信息显示到该页面。前台代码如下前台代码如下：<ulclass="case-lis-content"> <li> <ahref="intro.php"> <imgsrc="../style/images/kdlk.png"> <divclass="case-lis-content-intro"> <p>凯迪拉克，八成新<br/><br/>行驶4万公里<br/><br></p> </div> <pclass="case-lis-content-intro-text">名车降价急售|20万</p> <divclass="case-lis-content-intro-bottom"> <span>凯迪拉克</span> <span>/</span> <span>安宁区</span> </div> </a> <divclass="modul"><spanonclick="show_phone()"></span> </div> </li>可以看到,每一个类首先使用CSS样式对其格式作出了限定，以确保界面上的平衡和美观，其次，每一个模块要带上一个自己的参数iｄ。JavaScript脚本代码：JavaScript脚本代码：<scripttype="text/javascript"> window.onscroll=function(){ vart=document.documentElement.scrollTop||document.body.scrollTop; if(t>900){ varStr=document.getElementById("navbar"); Str.style.cssText="color:#7d7a7a;border-bottom:1pxsolid#eee;box-shadow:0px4px20pxrgba(0,0,0,.04);position:fixed;left:0;top:0;backgroundColor:#fff"; navbar.style.backgroundColor="#fff" a0.style.cssText="color:rgba(86,85,85,0.98)" a1.style.cssText="color:rgba(174,173,173,0.98)"; a3.style.cssText="color:rgba(174,173,173,0.98)"; a5.style.cssText="color:rgba(174,173,173,0.98);border:1pxsolidrgba(92,90,89,0.8)"; } else{ varStr=document.getElementById("navbar"); Str.style.cssText="border:none"; a0.style.cssText="color:#fff" a00.style.fill="#3ccb52"; } } functioncaseShowLi(){ document.getElementById("barOne").style.cssText= "display:block;position:absolute;background:#fff;z-index:1;box-shadow:0px0px20px#ccc"; }</script>6.3信息修改模块设计信息列表修改模块是修改物品信息和用户信息一个模块，只有管理员才有修改信息的权限，系统采用动态显示的方式读取后台数据库的物品或用户信息,然后管理员根据修改需求选择相应的选项来修改信息，操作易于上手而且界面简洁,系统信息修改图形界面如下所示：图6.3信息修改界面图6.3信息修改界面前台代码如下前台代码如下：<divclass="add"><formclass="add_form"action=""method="post"> <inputtype="text"name="car_id"value="<?phpecho$id?>"> <inputtype="text"name="car_name"value="<?phpecho$name?>"><inputtype="text"name="car_price"value="<?phpecho$price?>"><br/> <inputtype="text"name="car_num"value="<?phpecho$num?>"><br/> <textareaclass="area"cols="35"rows="6"name="car_note"><?phpecho$note?></textarea> <inputid="all_btn"type="submit"name="dosubmit"value="修改"></form></div>后台代码:后台代码:<?phpinclude"admin_herder.php"; if(isset($_GET['action'])&&$_GET['action']=='mod') //获取要修改的一条数据 { $sql="SELECTid,name,price,num,notefromcarwhere id='{$_GET['id']}'"; $result=mysql_query($sql); if(mysql_num_rows($result)>0){ list($id,$name,$price,$num,$note)= mysql_fetch_row($result); } else{ echo"没有对应的数据<br/>"; } } //修改数据库中的数据 if(isset($_POST['dosubmit'])){//验证用户是否提交修改成功 $sql="UPDATEcarSETname='{$_POST['car_name']}',price='{$_POST['car_price']}',num='{$_POST['car_num']}',note='{$_POST['car_note']}'WHEREid='{$_POST['car_id']}'"; $result=mysql_query($sql); //判断结果集是否成功,语句正确且影响行数>0,就成功 if($result&&mysql_affected_rows()>0){ echo"修改数据成功<br/>"; } else{ echo"修改失败<br/>"; } } ?>7系统运行测试7.1测试方案考虑到各种因素和条件的限制,本系统决定采用黑盒测试方案。即我们为您不考虑所编写程序的具体结构,而是根据软件做需要的输入数据的格式以及应该完成的功能，设计一些合法的测试用例和不合法的测试用例,特别是根据边界条件设计一些边界用例.以检查系统是否能完成预计功能,得到希望的输出。或者是对不合法的输入和操作能够正确的识别和防御。在整个系统的功能完成实现后,接下来对整个系统的真实运行情况进行测试，这是确保系统的正常运行和使用的关键.只有通过了系统运行情况的测试,系统的开发阶段才能算是告一段落。同样,测试工作的顺利与否，直接关系着整个系统后期运行的稳定与否。在测试环境中，采用了Ａpache作为系统的WＥB服务器,并配置了MyＳQL数据库服务器作为系统的后台数据库。在Ａpaｃhe中新建一个名称任意的网站,配置主目录,IP地址,并将网站的首页设置为本二手交易系统中的index。php文件，这也是整个系统的首页。然后我们设置另外一台计算机对系统进行访问。首先进行的是模块测试,根据系统中所涉及到的各个模块分别进行相应的功能测试.各个模块均分别成功的完成测试。将所有模块集成后进行综合测试，验证系统的实际运行能力，测试成功。7。2测试项目应该注意到,在本系统中虽然总体上分为用户登录和注册模块、信息修改模块、列表显示模块这几大模块，但实际上这几个模块所包含的低层次功能是有重叠的部分，因此,在设计测试用例的时候应该选择有代表性的，可以用最小的工作量完成对整个系统的测试。具体的测试项目有：7．1.1用户登录功能测试1.划分等价类：输入条件合理等价类不合理等级类用户名长度３３311－10位之间的数字2非数字３大于10位的字符4不存在的用户名密码是否正确33３5密码正确匹配6密码错误设计等价类测试用例用户输入密码错误或用户未输入密码，则提示用户“密码错误”;输入密码正确则进入系统。用户名测试:测试数据期望结果实际结果覆盖范围＊l＆用户不存在用户不存在２378９15８6323用户不存在用户不存在34密码测试:测试数据期望结果实际结果覆盖范围％＄#12００ｐloiuu密码错误密码错误36333进入系统进入系统１57．１。２信息修改功能测试1．划分等价类：输入条件合理等价类不合理等级类物品ｉd２5１１—1０位之间的数字2非数字３大于１０位的字符４ｉd不存在查找物品333５物品存在６物品不存在输入修改项7所有输入合法８修改成功２.设计等价类测试用例管理员输入输入物品ｉd错误或物品id不存在，则提示管理员“物品不存在”；否则，显示物品属性提示管理员输入要修改的项目，若所有项输入均合法,则提示修改成功。查找测试：测试数据期望结果实际结果覆盖范围＊l＆9lhｙjiloｂ物品不存在物品不存在７2６1025显示物品显示物品15修改测试:测试数据期望结果实际结果覆盖范围%＄#120０pｌｏiｕu修改失败修改失败2346333修改成功修改成功178结论随着网络技术的不断发展，网络物品交易作为一个新兴的热点事物,受到了广泛的关注和越来越多的重视.网络带给我们的便捷和成本的减少让我们不得不考虑，传统的购物活动可以通过网络完成。本论文设计开发一个完整的二手物品交易系统。通过B/Ｓ结构的模式,用户可以方便的完成物品信息的发布和查阅、购买留言、产品检索等功能。通过本次毕业设计,我的系统开发能力得到了非常大的提高，这不仅仅包括前台界面图片的编辑处理,界面美化和优化，还有PHP程序的语法及其引用规则,PHP后台程序的逻辑设置，逻辑处理。当然更有MｙSQL数据库的实际使用，通过一个个表的建立和引用，逐渐的熟悉了原本并不是很熟悉的MｙSＱL。参考文献［1]张海潘.软件工程导论（第6版）［M].清华大学出版社.2013．8［２]萨师煊,王珊．数据库系统概论[M］.高等教育出版社.2014。5［3]陈承欢，彭勇.管理信息系统基础与开发技术［M]。人民邮电出版社．2011［4]刘云生。数据库系统概论[M].华中科技大学出版社.2０1２[５]殷人昆，郑人杰。实用软件工程（第3版)[M］.清华大学出版社.20１0．11［６］朱少民。软件测试方法和技术(第4版）[M].清华大学出版社．20１０．7［7］张友生.软件体系结构(第３版）[Ｍ]．清华大学出版社,201０。11[8］石志国．PHＰ精解案例教程(修订版）[M］。清华大学出版社，2０1２.7[9]陈峰棋。ＰHP与ＭYSＱL商务网站结构设计［M].机械工业出版社,2０10．9［10]汪洋.网站设计全程教程［Ｍ]．科学出版社．20１１.1致谢本文是在路飞老师的热情关心和指导下完成的，他渊博的知识和严谨的治学作风使我受益匪浅，对顺利完成本课题起到了极大的作用。在此向她表示我最衷心的感谢！在论文完成过程中,本人还得到了其他一些老师和同学的热心帮助，本人向他们表示深深的谢意!最后向在百忙之中评审本文的各位专家、老师表示衷心的感谢！附录〈!DＯCTYPEｈtmｌ>〈？pｈpincluｄe"coｎfig.inc.ｐhｐ＂；includｅ＂db．inc．php"；／＊登录验证＊/ｉf（issｅｔ($_POST[＇onｓubmｉt＇]））｛／/验证用户是否提交修改成功//连接数据库,将提交内容添加到数据库＄iｄ=＄_POSＴ[’useｒNamｅ＇];$ｐａsｓword＝＄_POST[＇uｓerPassｗoｒd']；＄sql=”SＥLECTidFROMｕseｒWＨEREid='＄id'anｄpassword='$pasｓword’＂;//echｏ$sql．”〈br／＞”；//deｂuｇoutputsqｌ$ｒeｓulｔ=mysql_quｅry（$ｓql)；/／判断结果集是否成功,语句正确且影响行数>0，就成功iｆ(＄reｓｕlt＆＆ｍyｓqｌ_affecteｄ_rｏws（）〉0echo"<scripｔ>ａlert（'登录成功’）〈/ｓcrｉpt>＂；}ｅlｓｅ｛eｃho＂＜ｓcript〉ａlｅrｔ（’用户不存在’）〈/sｃriｐt>";echo”＜MＥTAHＴTＰ-ＥQUＩV='Ｒeｆrｅsｈ'COＮＴＥNT＝＇0；ＵRL＝pａge/loｇin.ｐhp'〉";}｝？＞<htmlｌang="en">〈ｈead＞<metａｃharset=＂utｆ—8"＞<title＞NＯTＲＡDER〈／tｉtle>〈meｔanamｅ="Keｙｗords＂conｔent＝＂MEＴＡ关键字”〉〈meｔanaｍe＝"Desｃrｉpｔion＂cｏntent＝”ＭETＡ网页描述”＞<mｅｔａｈｔｔｐ-equｉｖ=”X-UA-Coｍｐａtible”ｃontent=”IＥ=edge”>〈ｍetaｎame="vieｗporｔ"conｔｅnt="widｔh=dｅｖice—wｉdｔｈ,ｉnitial—ｓcale=１．0＂><metanamｅ＝”rendｅrer＂contenｔ="weｂkｉｔ”＞<！－—样式引入-—>〈ｌinｋrel=”stylesheet”hｒｅf=”http://ｃdn。ｓtatic．rｕnooｂ.com/libs/bootstrap/3。3．７/csｓ／boｏｔｓtｒaｐ.ｍin。css”>〈scriptｓrc＝＂httｐ：//cdn.statｉc.ruｎoｏ/lｉbs/jｑｕｅry/２．１.１/jquery。mｉn。jｓ"＞＜/script＞〈scｒipｔsrc=”httｐ：／/ｃdn.ｓtａtｉc．ruｎoob．com/libs/bootｓtrap/3。3．7／jｓ/bootsｔraｐ．mｉｎ.js"><／ｓｃript>〈lｉｎkhref="ｄist/css/boｏtstrap.miｎ．ｃｓs”rel＝"styleｓheeｔ”/>〈！——［ifltIE9]〉〈scriｐtsｒｃ＝"https：／/oss.ｍ/libs/ｈtｍｌ5shｉv／3.7.0/hｔml５ｓｈｉv．js＂〉</script〉＜scriptsｒｃ=”httpｓ：/／ｏss.maxcｄ/ｌｉbs/resｐond。js/１．3。0/ｒespond．ｍin．js">＜/sｃｒipt>＜！[ｅnｄif]-->＜scriptsrc="styｌe／ｊs/ｊqueｒy—１.１1。１.ｍiｎ．ｊs"></sｃripｔ〉<scriptｓrc="disｔ／ｊｓ/boｏｔstrａp。ｍin.ｊs”></scrｉｐt〉<lｉnkhreｆ="dｉst/css/foｎt－ａwｅsomｅ．ｍin.csｓ”ｒel="styｌeshｅet”／><linkrｅl="stｙlesheet"ｔｙｐe="text/csｓ＂hreｆ="style/myｓtyｌe．cｓs"〉<styｌetｙｐｅ＝”ｔext/css”＞＠ｆonｔ－facｅ{fonｔ—family:＇xｉaoqianｇ’;ｓｒｃ:urｌ（’ｆonts/iｃomoon.eot’）；/＊IE9＊/ｓrc：uｒl('fｏnts/ｉcomoｏn．eot?＃iefix')fｏrmａｔ（'eｍbeddｅｄ－oｐentyｐe＇),/*IＥ6—ＩE8*/url（’fonts/icｏmｏoｎ。woｆf’）ｆｏｒmaｔ（’wｏff')，/＊ｃhrｏmｅ、firefox＊/ｕrl（'ｆonts/icomoｏn.ttｆ’)formａt('truｅｔype'）,／＊cｈｒome、firefox、opera、Safari、Ａndrｏid、iOS4．2+＊／url（’fonts/ｉcomoon．ｓvg＃ｕxiｃonｆont’）foｒｍａt（＇svg’);／*iOＳ4.1-*/｝＜/stｙｌe＞</ｈead>〈bodｙ＞〈！-－头部－－〉<dｉｖclaｓs=”hｅａｄer"〉〈!-—内容展示-—＞<ｄｉｖclass="ｈeadｅr_ｃon”>＜!-—导航栏-—〉〈divclａss＝＂navbaｒ”iｄ=”ｎａvbaｒ＂〉<ｄivｃlａss=＂logo"〉〈ahrｅｆ=”javasｃript：ｖｏｉd＂〉＜spａｎclasｓ＝"logｏ—ｃon”ｉｄ="a0＂style="font-faｍilｙ：'方正兰亭超细黑简体’”〉NOTRADER〈/sｐan〉</a>〈/div＞〈dｉvclａｓｓ=”ｍｅnu＂>〈uｌid="iｔem＂><ｌi＞〈aiｄ=”a1”href＝＂index．ｐhｐ＂onｃlicｋ="change(）">首页〈/a＞＜／lｉ>＜li〉＜aid="a3"hｒeｆ=＂ｐagｅ／cａse。php＂oｎｃlｉｃk=＂ｃhａngｅ(）＂>分类浏览＜/a＞＜/lｉ〉〈li>＜ａid＝＂ａ5”hreｆ＝”page／logｉn。ｐhp”ｃlａss=”menu－ｂtｎ”><？PＨPｉｆ（$_PＯST[＇uｓerNamｅ＇］!="”&＆$_POSＴ['ｕｓｅrPassｗoｒd＇］!=”＂){ecｈｏ＄＿ＰOST［'uｓerNamｅ’］；}else｛echo＂登录"；}?>〈/ａ>〈／lｉ>〈／uｌ>〈！—-模态框(Ｍｏｄａｌ)</dｉv〉〈／div〉<!－－详细内容-－＞＜divｃlasｓ="ｄetail＂＞<ｓpaｎｓtｙｌe＝＂fｏnｔ-size：22px;lｅtｔer—spacinｇ:8ｐｘ；”＞让二手车市场更透明〈/sｐan><spanstyle＝”ｆont－size:３0px；lettｅr—spacing:10.5px;ｍａrgin—top：－95pｘ＂>我们试图＆nbsp;&nbsｐ；做些改变</ｓｐan>〈spａnｓtylｅ=”wｉｄth：66px;hｅigｈｔ:１px；backgrｏund—color：rgba（25２，2５2,252,0.85）;marｇin:１20pxａuto;">〈/ｓpan＞<／ｄiv></div〉</diｖ><！——中部—-＞<！——第一幕-—><divcｌaｓs="coｎtent"><divclass=＂leｆt＂＞＜dｉvclaｓs＝”left-con＂>〈ｓpaｎstyle="color:rｇba(1０0，10０，100,0.８)；font—ｓｉze:18pｘ；fｏnt-famiｌy：＇方正兰亭超细黑简体’;leｔter－spａcｉnｇ：2px"＞直面用户群体＜/sｐan>〈bｒ/〉＜ｓpanstyle=＂ｃolor：ｒｇba（４5,4４，44，0。9）；ｆｏnｔ—ｓize：29px；fｏnt-familｙ：＇方正兰亭超细黑简体’；lｅtter—spａｃｉng：2pｘ”>描述描述描述〈/span〉〈br／〉〈ｓｐanclass＝”_ｒow"＞描述描述描述〈/ｓpan〉〈br/>＜ｓｐansｔyle=＂ｃｏloｒ:rgｂa（１00,1０0,100，０。8）;fｏｎt-sizｅ：1８px；fｏnｔ－fａmily:’方正兰亭超细黑简体'；ｌettｅr—ｓpａcｉng:2px＂〉〈／ｓpan＞<br/＞〈/div></div><dｉｖｃｌaｓs=”ｒight”〉〈divclass=＂ｒigｈｔ—con＂stｙle＝”backgｒｏund：ｕｒｌ(ｓtyle/ｉmaｇes/rｉght3.ｐｎg）no—repｅａｔcenteｒceｎｔeｒ">＜/div>＜／div〉</dｉv〉＜!—－第二幕-－〉<ｄｉvclaｓs="cｏｎtｅｎt”＞<divｃｌａsｓ=＂left”＞<divｃlass=＂ｌefｔ—con-two”stｙle=”background:ｕrl(sｔylｅ/imａgeｓ/rｉght2.ｐng)ｎo-repeaｔcentercｅnter"＞</dｉｖ>〈/ｄiv＞〈dｉvｃlass＝＂riｇht”＞<divclaｓs="ｒｉｇhｔ—coｎ-two">＜ｓpａｎstyle=＂color：ｒgbａ(100,１00，100，0。8）;ｆｏnt-ｓizｅ：18pｘ;fｏｎt－ｆａｍｉｌy：'方正兰亭超细黑简体';letｔer—sｐacinｇ:2px”〉描述〈/sｐan>〈br/><spanstyle=”coｌor：rgba（45，44，44,0。9）；foｎt—size：29px；font-faｍｉly:’方正兰亭超细黑简体’；lｅｔter-spacing:2px”〉描述〈/spaｎ><br/＞<spaｎclass="_roｗ”>〈/span〉〈br／〉〈sｐａnstylｅ=”color:rgｂa(100，100，1０0,0。8）;foｎt—size：18ｐx；fonｔ—famｉlｙ：＇方正兰亭超细黑简体';letｔer－spacinｇ:2px">描述＜ｂｒ/〉描述〈／ｓpaｎ>＜bｒ/></div〉＜/dｉv〉＜/div>＜！—－第三幕－-〉〈ｄivcｌａss=＂ｃontent＂〉<diｖｃlass=”left"〉＜divｃlasｓ=”lefｔ—cｏn"><ｓpａnstｙle=”ｃolor:rｇｂa(100，１０0，100,０．8);ｆont-sizｅ:１8pｘ;font－ｆａｍｉly:’方正兰亭超细黑简体'；letter-ｓｐａciｎg:2ｐｘ"〉描述描述</sｐan>〈br/＞＜spａｎstyle=”coｌor：rgba（45,44,44，０．9)；font-ｓiｚe:２9px;font－familｙ：＇方正兰亭超细黑简体';ｌetter－ｓpacｉng：2px”＞描述〈/ｓpan＞〈br/〉<sｐaｎclａss=”_ｒoｗ"＞〈/spaｎ>〈bｒ／>＜ｓｐanstyle="coｌor：rｇbａ(1００，１00，100，0。8）;foｎt-size：18ｐx;ｆonｔ－ｆamily:’方正兰亭超细黑简体’;letteｒ-spacing：2px＂〉描述〈ｂr／＞描述＜/span〉〈br/><／diｖ＞〈/diｖ〉〈divcｌass＝”riｇｈt">〈divcｌass＝＂rｉgｈｔ—cｏｎ”style=”bａckgｒoｕnd:url(style/iｍａgｅｓ/ｒｉgｈｔ３.png）no—repeatｃｅｎtercenｔer＂〉〈/diｖ＞〈/dｉv