【《基于JavaWeb框架的B2B合作交易服务系统设计》16000字（论文）】

目录基于JavaWeb框架的B2B合作交易服务系统设计目录1、引言 61.1研究现状 61.2主要研究的目的及内容 71.3研究方法及设计思路 71.3.1研究方法 71.3.2设计思路 72、应用需求分析与可行性分析 92.1应用需求分析 102.2运行需求分析 102.3其他需求分析 112.4可行性分析 112.4.1经济可行性 122.4.2技术可行性 122.4.3运行可行性 122.4.4时间可行性 132.4.5法律可行性 132.5系统开发步骤 133、相关技术简介 143.1JSP技术简介 143.2MySql数据库 143.3Spring-Boot 163.4B/S模式分析 174、系统分析 194.1系统实现目标 194.2系统体系结构 204.3主控流程图 214.4系统ER图 225、系统设计 235.1概要设计 235.2系统结构设计 235.3详细设计 235.3.1管理员登录界面 235.3.2管理员设置 255.3.3物流信息信息管理模块 275.3.4车源信息管理模块 305.3.5线路信息管理模块 386、系统调试与测试 426.1程序调试 426.2程序的测试 426.2.1测试的重要性及目的 426.2.2测试的步骤 446.2.3测试的主要内容 45结束语 49参考文献 51第二章可行性分析第二章可行性分析摘要随着网络化时代的到来，网络信息化技术给我们生活带来了诸多便利，信息受到社会的高度重视，并且现在科技推进的三个关键环节，其中三大关键环节包括能源，材料以及信息。其中管理的最基本要素就是信息，同时在决断方面信息也是基本要素。在整个组织当中，信息不但可以将人力，财力等完善的进行组织，信息也属于最关键的环节。不过信息属于的资源类型是无形的，跟正常字面上的资源不通。信息也受到管理，一定要对其进行完善的管理，企业管理系统使用的技术为IT技术，这种技术可以对于交易的信息进行全方位的管理，并且在交易信息的文件当中获取一些有意义的信息，并且将其进行存储，进而能够将工作效率加以增强。信息管理的实现，主要是为商家与顾客来服务的信息管理系统，顾客使用手机就可以完成对商品的购买，商家（管理员）可以通过电脑完成对系统的信息处理。系统利用的语言是JSP，本文最关键的叙述部分就是整个主题开发的原因，并且进而整体功能以及整个开发的进程加以详细的叙述。相较那些传统的信息收集模式而言，该系统不仅能满足现在人们的一般需求，而且能够极大地提高信息管理的效率。关键字：企业信息；管理；系统；开发1、引言1.1研究现状据有关数据显示，1994年5月起，中国互联网用户数量在世界互联网用户数量中占比稳步上升，随着互联网在世界范围内的扩张，它的业务不断丰富。2005年,中国的网民数量超过了美国,日本,德国和其他国家,并成为世界上最大数量的互联网用户的国家。商业科技的迅速发展推动着创新的浪潮，从2000年至今，我们的世界万象更新，变化之大使之冲击经济和社会结构，进而电子商业也逐渐的浮现了出来。互联网带来的最大收益点就是一种机遇，这种机遇可以促进经济的推进，随之而来的就是进入大数据时代,这能够使得人们在互联网平台能够搜索到更多自己想要获取的信息，能够达到在家中就能够对企业信息管理以及世界的各种变化予以掌握。这种在企业信息管理拥有两方面的好处：一方面，该系统将日常的营业方式进行了创新，变成了线上销售，这就是"互联网+"的魅力所在，进入了信息时代。另一方面,许多花店现在都拥有着对于物流信息的标准，在信息时代，能够使用计算机就能够达成商品信息有关的管理方面的目标。企业信息管理经过了跟其他类型的管理软件共同合作，进而达到管理员和用户之间能够互动的平台，这是设计该系统的初衷。经过有关文献的阅读，将在营销放面需要达到的目标进行了总结，对于用户的需求方面进行了考察，将现在推进的速度受限的原因进行了大致的了解，像现在数据的内容过于繁琐，很难正常的运行，所以企业信息管理的整个步骤要求软件来进行全部企业信息的管理以及有关数据的整理是有意义的，并且具备一定的可行性。在传统的企业信息管理中，这个过程往往非常复杂和繁琐。信息管理以企业平台信息管理为核心，在这个过程中需要经过几道程序，因为整个过程需要人工操作，效率非常低，而且由于它们之间的关系复杂，统计和查询方法也不同；而且会有信息的重复传递，所以流程一定要信息化。我的系统开发整体需要达到的要求是能够达到企业共同交路管理的标准化，系统化等目标，进而能够加强各个企业的交易效率。1.2主要研究的目的及内容本文主要是介绍信息管理系统的设计还有最终能够完成的开发过程，第一步就是对所有的用户进行调查以及将最终的数据统计予以分析，然后结合实际的情况对网站进行开发设计，通过对网站进行分析和测试，判断出网站在开发过程中所存在的问题，并且及时的进行修复，保证网站能够安全稳定的运行。最后对整个的网站做出分析和总结。在以前的信息管理内，很多的管理任务通常非常复杂和繁琐。商业信息管理最关键的特点就是对于信息量的解决较多，并且所有需要管理的类别相对较广。另外，由于新闻和交易成员管理等文档的数量特别大，并且相关信息很多，因此研究方法和统计数据也有所不同。开发我们的系统的总任务是将商务交易信息管理能够达到系统化，标准化，自动化，计算机化和智能化的目标，进而将整个商务交易信息管理的效率予以增强。1.3研究方法及设计思路1.3.1研究方法商业交易在整个业务进行的过程当中拥有着至关重要的相连作用，其重要性显而易见。但是，很多有关信息方面的产业依旧是通过手动的形式来将其整个业务进行的过程达到完善，这些过程既费时，劳动密集，并且效率不高，还有可能不会达到事先规定的标准，所以解决的方式就是使用软件工程的开发机理，并且通过它的规范性，设计原理图，并且对其进行细分化设计，将整个流程进行程序编码，然后进行测试，最终开发了企业交易信息管理系统。应用程序和软件维护。使用的技术是JSP。并且整个数据库遵守的格式为3种，分别为基本信息表，管理系统用户密码表，基本交易信息表，还有一些其他类型的信息表。它可以处理掉所有有关业务交易信息管理系统内所有的数据，并且能够确保其一致性以及安全性。1.3.2设计思路（1）系统必须满足交易信息管理要求，能够达到信息产业有关的人员正常将其使用的标准，而且在整个运行的过程中能够达到使用以及简便等方面的标准。（2）系统使用的编程手段是模块化的，并且不但能够将所有性能的诸多装配以及整改变得更加的简便，还能够对于以后的维修来说更加的简便。（3）系统需要拥有的功能最关键的就是数据库的维修方面，而且经过用户的要求能够快速的对数据进行增添，改正等诸多类型的操作。（4）使用目前具备的软件条件以及完善的管理系统进行计划的规定，进而能够达成更加完善的使用已经具有的资源，并且将整个系统开发的技术达到事先说明的要求。应用需求分析与可行性分析为了可以确保信息产业能够完善的进行交易信息管理，并且能够将工作效率予以加强，进而能够完善的使用信息产业已经拥有的资源，必须建立更好的交易中合作信息管理系统。商业交易合作信息管理系统使用IT技术进行商业交谈信息管理，并且能够将所有的业务信息进行储存，将所有的检索页面进行提前更新，而且可以确保行业实行有效的信息管理方式，进而将整体的工作效率得到加强。商业交易信息管理是基于Javaweb，使用spring

boot2框架，Maven，MySQL，IDEA和其他工具，并结合了Mybatis，beetl和开源项目。完成以下基本功能：该系统需要具备自己独有特性的系统，抓哟是能够解决企业在交易方面的信息管理问题的处理，并且使用的技术是JSP，其作用就是构造完善的业务交易合作信息管理平台，并且最关键的目标就是能够将业务交易管理进行完善化。新闻发布功能：包括合作计划，通知管理，新闻管理；包括可以在所有网站的主页上修改，添加和删除的新闻，公告和合作计划。交易信息管理功能：包括订单管理，版本管理，取消管理，跟进管理和变更管理；公司客户管理功能：包括客户公司交易意向的文件管理，产品管理，档案管理和结算管理；运营统计分析功能：包括交易统计，信息公示，交易统计，优秀合作等统计报告；查询功能：包括内部公开查询和客户在线查询（普通客户在线，公司客户在线）的功能。用户只能单击以查看主页的公共内容，他们可以检查自己的交易信息并显示跟踪。用户登录必须具有两种登录方法：访问者和公司客户。同时，您可以查看行业信息和其他公司资料，合作要求以及合作项目的意图。商业交易合作管理系统能够在虚拟现实中进行完全执行。它本质上能够实行业务交易信息管理系统的所有性能，并且可以将整个的成本进行最小化的使用，还能够将效率加强。2.1应用需求分析系统性能的标准大部分说明的是系统需要达到的存储量，并且将安全性进行更加完善的引进，还要将其他注意事项进行完善的引导。硬件系统环境：Core

i5、2G

MB，120GB。系统在运作的整个过程中，由于数据没有特别完善的机密装置，所以不要去给正常的数据实行加密效果即可，并且它并不跟另外那些软件进行挂钩，并且该程序很健壮。2.2运行需求分析硬件条件：酷睿CPU、2GRAM、PC机（硬盘存储量必须大于120G）；打印机；局域网。软件条件：Windows102.3其他需求分析该系统必须具备的特性是可靠性，可理解性和效率。在整个开发的进程当中会将所有矛盾的对象进行调节，并且在某些受限条件下，能够在某种领域内进行更加完善的运行。2.4可行性分析可行性分析就是分析该项目的开发是否具有开发意义。在仔细分析了开发网站的各个方面之后，就可以判断整个网站是否可以设计和使用。并能找出具体原因，进而解决问题。本网站的开发和设计可以使购物系统使用起来更加方便、高效。与传统的购物方式相比，本网站的设计与实现在数据清晰度和可操作性方面具有很大优势，不仅提高了管理者的工作效率，而且减轻了管理者的工作量。分析该网站开发的可行性，主要是为了更好地解决当前房屋中介网站中存在的问题，并通过更加完善的技术加以解决。是否能够以最少的成本产生最大的利益实现价值的开发。所以对系统可行性的分析与研究非常重要。2.4.1经济可行性对于经济的可行性，其概念是经过多方面的数据调查还有有关资料的显示，研发的高质量高效的能够操作的一种方法，这个系统对于很多硬件系统的要求相对传统的那些也不是特别高，而且对于人力以及整个资源的要求并不是特别高。接下来将软件开发的成本进行逐个叙述。首先是软件开发费用，由于这些软件开发都是通过单位技术人员进行开发的，所以开发的成本不会过高；人员费用：主要是系统的开发人员进行开发软件以后获得工资等；耗材成本：用在系统开发的材料当中，比如水，电，打印纸，硬盘驱动器等。所有费用都很小，因此，本网站在经济上是可行的。2.4.2技术可行性对于技术可行性，大概就是经过了多方面数据调查还有有关资料的显示，研发的一种技术能否操作的方法，它需要结合目前的技术条件来决定能不能否快速的达成其开创的效果，比如有没有能够达到其要求的软硬件配置，因为此购物系统的研发采用了较为兼容的JSP语言与开发技术，此系统的后台操作中都由B/S结构进行运算，所以在系统开发设计理念中，需要做到在一定程度上确保系统为完善以及对系统数据信息数据的安全性。再通过对这些研发技术的学习以及查阅资料、寻求导师帮助之后依据前人开发的经验总结分析，首先通过简单的结构进行框架构造，然后再进行填充，最后完成系统的开发以及系统检测和完善。最后利用这些技术相互联系，相互组合，完成了整个系统的开法过程。2.4.3运行可行性运行可行性得概念是研究人员经过了多方面数据调查还有有关资料的显示，研发的一种可以使得轻松运行起来的可行性。就目前互联网时代的兴起，所有人员以及机构都已经有了很强的能力来开发，因此运行可行性是合理的。运行可行性主要的目标是给予整个组织的构架，环境等对整个系统是否适合。现在我国信息技术推进的速度逐渐加快，并且很多运行商的能力也变得更加的完善，使其在运营中变得可行。该系统的开发是典型的MIS开发，主要用于信息处理，包括信息收集，信息集成和各种形式的信息生产。使用流行的SpringBoot

+MySql系统，不会出现故障。2.4.4时间可行性从时间来说，能够将有关的技术进行学习的时间直到将信息管理系统完善的开发出来大概60天的时间不足以开发完善，但这并非不可能。大概时间段为60天基本上能够达到其目标。2.4.5法律可行性：①所有技术数据都是合法的。②开发过程中没有知识产权问题。③没有任何现有的商业交易合作信息管理系统的副本，也没有侵犯版权的问题。④开发过程不涉及法律责任。简而言之，该系统的开发在技术，经济和法律上都是完全可靠的。2.5系统开发步骤从广义上讲，整个信息管理系统的设立以及到最后的实行主要分成以下三个阶段：首先是总体规划阶段，这一阶段需要做的就是将整个系统开发的流程进行详细的计划；其次是系统开发阶段，这一阶段需要做的就是将整个系统加以分析，设计以及最后的完成；最后是系统的运行阶段，这一阶段主要是将成品落实到所有用户的手中进行运作。在所有的阶段都需要将完善的文档进行编辑，进而为接下来的步骤打下坚实的基础。这类开发方式最关键的优势就是它能够在整个开发工作当中的管理以及组织变得更加的方便，而且能够将管理信息系统开发的繁琐情形进行化解。第三章相关技术简介第三章相关技术简介3、相关技术简介3.1JSP技术简介JSP是通过许多家公司共同努力的结晶，JSP成功的分离了整个网页的逻辑以及其设计，这样就可以给许多构件的设立给予更大的支撑效果，进而使得Web的整个程序开创过程变得更加简单和方便。作为比较灵活的网络研发的JSP，JSP标签在网页中加入Java代码，标签会以<%开头以%>终止。JSP是一种基于模板化的动态网页设计和开发技术，弥补了Servlet的缺陷，能以模板化的方式简单、高效地完成所有动态网页的内容。JSP是请求/响应的工作模式，对于代码预编译大大提高了客户端访问的速度，可将界面的开发和逻辑的处理分离，几乎能够在所有平台下畅通无阻，可配合其它企业级Java技术来实现前端界面和应用程序的快速开发，缩短了软件的开发周期。JSP程序有如下优势：第一，采用标识简化页面开发。第二，一次编写，处处运行。第三，JSP的运作效能：假如没有在改动JSP的话，它就不再被编译，若是JSP仅仅是开始被挪用的话，就会被编译成Servlet。正常情况下，JSP仅仅允许编译一回，因此，如果以前没有访问过的话，就会出现非常缓慢的速度。第四，JSP跟Java有很多很多不一样的运行作用和效果，但是有一个相似的实行方式是在服务器端就可以快速的运行，但是其他程序的运行方式都不能够在客户端快速的运行，而是要返回客户端以后才能够得以实行，所以在客户端加载了相对应得浏览器就可以翻阅里面的内容，非常快捷方便。因此只要是JSP成功的研制成功并且大力推崇之后一定会受到被各种开发程序的大企业的欢迎，这样就完美的改变了服务器语言在商业方面的应用3.2MySql数据库为了能够确保应用程序数据导出信息的安全性，以及导出的数据相对来说是单一的存在，还有导出的数据的整个流程是一致的，同时，可以给系统一个高效的访问的方式,在许多软件程序项目中往往都是利用数据库进行操作数据,这对于对于公司内部的员工来说，将他们开发程序的时间大大的降低。MySQL使用不同的数据表来存储数据，表与表之间可以建立关联关系。它使用简单便捷，检索速度快，安全性高，可实现对数据的长期、高效的存取业务，完全可以满足本系统的开发。MYSQL可以支撑不止一个线程的模式存在，这样就可以减少了这个系统所需要的的成本，并且其速度得以大大提升，而且给予了客户端多种连接数据库,如tcp/ip，就算现在还没有着那么优秀的功能，而且规模也不是很大，不过对整个系统来讲足以支撑，并且能够实行对数据库表整个架构的再次开创。经过MYSQL设立之后，成立了一个数据库，这个数据库相对来说比较系统化，这样就能更快的将数据集成和处理,而且更加有利于后期二次开发中对大量数据进行拓宽。MYSQL就能够胜任一个有限层次的数据处理。MySQL数据库功能:(1)为了保证源代码编译器的高度可移植和灵活性,在c和c++中进行了大量的使用和调试。(2)支持各种操作系统，比如：Mac，OS，AIX,FreeBSD,HP-UX,Linux和MacOS,OpenBSD系统,Solaris,Windows等。(3)提供API用于不同编程语言。比如使用c、c++、python以及java、perl、php、tcl等不同类型的软件编程脚本语言。(4)支持多线程的CPU资源。(5)通过计算来查找sql，这样就能够将查找的速度得以提升。(6)在全世界，整个互联网的许多软件服务器以及其客户端完全能够针对所有单一的一种编程语言环境下代码进行软件编程,还有简体中文,日语等多种方式可以进行编程写作,用于同时运行支持多种语言。(7)它甚至能够从大型的信息数据库中同时提取数千万条的信息记录。（8）Mysql在速度、可靠性和适应性而备受关注并得到了普遍的应用。（9）Mysql数据库在编程过程中的作用是很广泛的，为用户进行数据查询带来了方便。(10)Mysql数据库的应用特点：灵活性强，功能强大，语言相对要简洁很多。（11）支持多线程，充分利用CPU资源MySQL管理使用命令性工具对MYSQL数据库进行完善的管理，因为它具有友好的界面和简单的操作。MySQL存储引擎BDB派生自Berkeley

DB，Berkeley

DB的作用是能够将所有事务的性能加以支撑。合并将多个MyISAM表合并为一个整体，这对整个数据存储来说都拥有着至关重要的作用。Federated将不同的MySQL服务器组合在一起，以逻辑方式形成一个完整的数据库。分布式应用的理想选择BlackHole黑洞引擎，所有写入的数据将消失MySQL最常见的应用程序体系结构独特，适用于小规模应用复制（Replication），适用于中小型应用程序集群，适用于大规模应用。3.3Spring-BootSpring是一个具有两个特性的开源框架。非侵入式框架能够降低代码对框架的依赖，且大大降低了各个组件的耦合，其支持AOP（面向切面编程）又提高了程序的复用性和可维护性，同时还增加了生产力，最后其兼容性又使得Spring成为许多优秀框架集中的一部分。SpringBoot所具备的特征有：（1）内嵌Tomcat或Jetty等Servlet容器；（2）能够给予自动将“starter”进行配置，并整个项目的目标模型能够将Maven配置变得更加简便；（3）尽可能自动配置Spring容器；（4）提供更多已经完善的特点，像健康检查等。（5）绝对没有代码生成，不需要XML配置。3.4B/S模式分析对于B/S结构体系来讲，主要分为好几层，而在三层的时候，用户就能够由浏览器直接给外面的许多服务器发送其要求，这就可以快速将用户所需要的东西传达出去。所以总体来讲，B/S网站在某种程度上将客户机繁琐的工作给缩小了许多，客户机就仅仅要一键安装，仅仅要配送出很少的客户端运作软件就可以，对于服务器来说，他有很多工作需要担任，对于整个数据库的访问还有整个程序的运行来说，通过服务器就能够简单的将问题化解。B/S结构体系能有今天的发展，最主要的就是更许多的浏览器脚本语言相通以后，用一些公用的浏览器就能够展现出很多有优势的效果，相对以前很繁琐的专有软件来说，现在的B/S结构更加的直观方便，同时还节省了很多成本，相对于传送的构件来说，是一种创新性结构。对于B/S结构的修改以及维护都够在服务器那里轻松的化解，使用网站的时候，运作全部板块非常的简单，仅仅要单个浏览器的用户即可轻松解决，进而“零客户端”功能的想法的得出了一个完美的答案，不光如此，如果说该结构需要更新了，它会自己在空闲时间自动的更新其结构。B/S结构体系主要由以下三点个层次互通协作来运行的：1.控制逻辑层，这个层次最重要的作用就是对于用户的数据要求进行确认，开始要实行对应的程序以及将数据库联结起来，与此同时，将处理器要求的数据问题进行快速的解决，之后等待其解决的结果，最终提交到Web手中，再通过这个服务器给予到客户端。2.数据表示层，这个层次最重要的作用就是将所有Web要求的数据库操作进行快速的处理以后，展现出对数据库的许多性能，将最后的结论给予到Web手中，其将来展现的性能主要是修改查询等性能。3.表示逻辑层，这个层次最重要的作用就是先从Web上说明你的要求，将其要求给予到网络上，然后服务器就会给予你的身份真实性作出一个定义，并且利用HTTP协议将要求的整个页面发到客户关那里，进而客户机将传出去的整个页面上的文件接收，最终将其展示到Web上。第一点，也是最关键的一点，C/S结构当中，所有的客户端一定要配置的软件，还有其安装的组件，C/S就展现出不一样的性能，它的保护措施非常繁琐，如果说整个公司拥有五十个客户站点利用C/S，那么软件只要其改变了一点点，网站维护员都必须进行这样的维护；将服务器更新到最新版本；把曾经客户端拥有的那个旧软件删除，然后重新下载，之后在进行操作，这些都不是重点，最重点的是客户端保护工作移动要连续实行多次才能够保证其保护的效果，如果说有一些客户端在其他的地域，这样就会使得网站的保护者在到这个地域实行将旧软件删除，然后重新下载，之后在新性操作的工作。当软件升级以后，网站的保护员怎么样进行保护，这就要在前面公司的C/S软件和B/S软件进行转换，网站的保护员仅仅需要通过软件将旧软件删除，然后重新下载，之后在进行操作就是最优版本了。第二点：C/S的成本非常高，其因为它使用的都是两层以及以上架构的软件，而且在这两层架构里面，对于用户的很多需要来说，客户端都要得以最快的速度解决，客户端通过数据库服务器，客户端通过整个核算，将其返回给所有用户，但是在三层架构里面，客户端可以将用户所有的要求给予立即的接收，而且会第一时间把得出的结论给客户端，进而发到客户的手中，往复循环。第四章系统分析第四章系统分析4、系统分析4.1系统实现目标（1）系统必须满足交易信息管理要求，能够达到信息产业有关的人员正常将其使用的标准，而且在整个运行的过程中能够达到使用以及简便等方面的标准。（2）系统使用的编程手段是模块化的，并且不但能够将所有性能的诸多装配以及整改变得更加的简便，还能够对于以后的维修来说更加的简便。（3）系统需要拥有的功能最关键的就是数据库的维修方面，而且经过用户的要求能够快速的对数据进行增添，改正等诸多类型的操作。（4）使用目前具备的软件条件以及完善的管理系统进行计划的规定，进而能够达成更加完善的使用已经具有的资源，并且将整个系统开发的技术达到事先说明的要求。（5）基于Javaweb，使用spring

boot2框架，Maven，MySQL，IDEA和其他工具，并结合了Mybatis，beetl和开源项目。完成以下基本功能：新闻发布功能：包括合作计划，通知管理，新闻管理；包括可以在所有网站的主页上修改，添加和删除的新闻，公告和合作计划。交易信息管理功能：包括订单管理，版本管理，取消管理，跟进管理和变更管理；公司客户管理功能：包括客户公司交易意向的文件管理，产品管理，档案管理和结算管理；运营统计分析功能：包括交易统计，信息公示，交易统计，优秀合作等统计报告；查询功能：包括内部公开查询和客户在线查询（普通客户在线，公司客户在线）的功能。用户只能单击以查看主页的公共内容，他们可以检查自己的交易信息并显示跟踪。用户登录必须具有两种登录方法：访问者和公司客户。同时，您可以查看行业信息和其他公司资料，合作要求以及合作项目的意图。商业交易合作管理系统能够在虚拟现实中进行完全执行。它本质上能够实行业务交易信息管理系统的所有性能，并且可以将整个的成本进行最小化的使用，还能够将效率加强。4.2系统体系结构在系统功能分析的基础上，做系统功能模块图如下：图4-2系统功能模块图4.3主控流程图图4-3主控流程图4.4系统E-R图数据库设计最关键的设计内容就是对于其概念该如何展开设计，它能够展现出所有用户的需要，进而变成单独的模型。数据库的整个设计过程是最关键的环节。在整个设计当中，首先就是要根源所有网站的标准，并且经过概念模型来以更加直观可见的方式，展现出不同数据之间的联系与关联，并将结果反馈给用户，进而描绘出一个可以将所有用户的要求都反映出来的E-R图，其次就是对开始的E-R图进行了一系列的改良，进而将所有的可能出现的问题进行去除。图4-4系统E-R图第五章系统设计第五章系统设计5、系统设计该系统不仅需要完善的功能，而且还需要友好的界面，因此对于成功的系统设计而言，功能模块设计是关键。5.1概要设计在系统在需求分析的整个过程中，需要说明的是软件应该“做什么”，进而达到该系统的逻辑要求，现在最关键的环节就是将系统的需求予以达成。5.2系统结构设计将整个系统细分成诸多的模块是系统方案设计当中最关键的环节，并且所有模块能够实行独自的特性，并且任意的模块都能够根据自己特别的方法组织完毕进而成为一个整体。把系统分成诸多模块的目的就是能够将整个软件的系统的繁琐性进行减少，而且将整个系统的保护能力进行提高，不过对于模块的分解不是随机的，应该将所有的模块保持相对的单一性，进而能够将设计出来的产品质量予以加强。5.3详细设计5.3.1管理员登录界面下图5-3-1充分的展示了整个管理员登录界面。图5-3-1管理员登录界面主要代码如下：<!DOCTYPEhtml><html> <head> <%@includefile="common.jsp"%> </head> <bodyclass="light-gray-bg"style="background-image:url('${ctxs}/images/back.jpeg');background-size:cover;"> <divclass="templatemo-content-widgettemplatemo-login-widgetwhite-bg"style="margin-top:10%"> <headerclass="text-center"> <h1>刘泇希毕设B2B交易后台管理系统<br><small>管理员后台</small></h1> </header> <formaction="${ctxf}/login"method="post"class="templatemo-login-form"> <divclass="form-group"> <divclass="input-group"> <divclass="input-group-addon"><iclass="fafa-userfa-fw"></i></div> <inputtype="text"name="uname"value="admin"class="form-control"placeholder=""required="required"> </div> </div> <divclass="form-group"> <divclass="input-group"> <divclass="input-group-addon"><iclass="fafa-keyfa-fw"></i></div> <inputtype="password"name="upass"value="123456"class="form-control"placeholder=""required="required"> </div> </div> <divclass="form-group"> <pstyle="color:red;">${msg}</p> <buttontype="submit"class="templatemo-blue-buttonwidth-100">登录</button> </div> </form> </div> </body></html>5.3.2管理员设置下图5-3-2充分的展示了管理员设置界面。图5-3-2管理员设置主要代码如下：<%@pagelanguage="java"contentType="text/html;charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPEhtml><htmllang="en"><head><%@includefile="common.jsp"%></head><body><!--Leftcolumn--><divclass="templatemo-flex-row"><%@includefile="left.jsp"%><!--Maincontent--><divclass="templatemo-contentcol-1light-gray-bg"><%@includefile="top.jsp"%><divclass="templatemo-content-container"><divclass="templatemo-content-widgetwhite-bg"><h2class="margin-bottom-10">修改密码</h2><formaction="${ctxf}/complany/updateUpass"class="templatemo-login-form"method="post"><divclass="rowform-group"><divclass="col-lg-12form-group"><labelfor="inputFirstName">原密码：</label><inputtype="password"name="old_upass"required="required"pattern="(\w){6,20}"class="form-control"></div><divclass="col-lg-12form-group"><labelfor="inputFirstName">新密码：</label><inputtype="password"name="new_upass"required="required"pattern="(\w){6,20}"class="form-control"> <p>格式：6-20位数字或者字母组成</p></div><divclass="col-lg-12form-group"><labelfor="inputFirstName">新密码：</label><inputtype="password"name="new_upass2"required="required"pattern="(\w){6,20}"class="form-control"> <p>格式：6-20位数字或者字母组成</p></div></div><divclass="form-grouptext-center"> <pstyle="color:red;">${msg}</p><buttontype="submit"class="templatemo-blue-button">确定修改</button></div></form></div><%@includefile="footer.jsp"%></div></div></div><!--TemplatemoScript--></body></html>5.3.3资讯信息管理模块该模块主要实现新闻信息的添加，删除，修改和搜索等操作。如下所示：图5-3-3-1资讯信息添加模块图5-3-3-2资讯信息管理模块主要代码如下：<%@pagelanguage="java"contentType="text/html;charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPEhtml><htmllang="en"><head><%@includefile="common.jsp"%><!--simditor--> <linkrel="stylesheet"type="text/css"href="${ctxs}/js/simditor-1.0.5/styles/font-awesome.css"/><linkrel="stylesheet"type="text/css"href="${ctxs}/js/simditor-1.0.5/styles/simditor.css"/> <!--simditor--></head><body><!--Leftcolumn--><divclass="templatemo-flex-row"><%@includefile="left.jsp"%><!--Maincontent--><divclass="templatemo-contentcol-1light-gray-bg"><%@includefile="top.jsp"%><divclass="templatemo-content-container"><divclass="templatemo-content-widgetwhite-bg"><h2class="margin-bottom-10">添加&编辑新闻</h2><formaction="${ctxf}/news/save"class="templatemo-login-form"method="post"><inputtype="hidden"name="id"value="${o.id}"><inputtype="hidden"name="pageNo"value="${pageNo}"><divclass="rowform-group"><divclass="col-lg-12form-group"><label>标题：</label><inputtype="text"name="title"value="${o.title}"maxlength="50"required="required"class="form-control"></div><divclass="col-lg-12form-group"><label>简介：</label><textareaname="cdesc"maxlength="200"required="required"class="form-control">${o.cdesc}</textarea></div><divclass="col-lg-12form-group"><label>内容：</label><textareaid="editor"name="context"></textarea> <divstyle="display:none;"id="editor_2">${o.context}</div></div><divclass="col-lg-12form-group"><label>来源：</label><inputtype="text"name="cfrom"value="${o.cfrom}"placeholder="选填"maxlength="20"class="form-control"></div></div><divclass="form-grouptext-center"> <pstyle="color:red;">${msg}</p><buttontype="submit"class="templatemo-blue-button">确定修改</button><buttontype="reset"class="templatemo-white-button">重置</button></div></form></div><%@includefile="footer.jsp"%></div></div></div> <!--simditor--><scripttype="text/javascript"src="${ctxs}/js/simditor-1.0.5/scripts/js/module.js"></script><scripttype="text/javascript"src="${ctxs}/js/simditor-1.0.5/scripts/js/uploader.js"></script><scripttype="text/javascript"src="${ctxs}/js/simditor-1.0.5/scripts/js/simditor.js"></script><!--simditor--> <scripttype="text/javascript"> toolbar=['title','bold','italic','underline','strikethrough', 'color','|','ol','ul','blockquote','code','table','|', 'link','image','hr','|','indent','outdent']; vareditor=newSimditor({ textarea:$('#editor'), placeholder:'请输入内容', pasteImage:true, toolbarFloat:true, toolbar:toolbar, defaultImage:'${ctxs}/static/js/simditor-1.0.5/images/image.png', upload:{ url:'${ctxf}/news/upimg',//文件上传的接口地址 params:{}, fileKey:'file', connectionCount:3, leaveConfirm:'上传中...' } }); varid=$('input[name=id]').val(); if(parseInt(id)>0){ editor.setValue($('#editor_2').html()); } </script></body></html>5.3.4交易信息管理模块下图5-3-4-1充分的展示了交易信息管理模块界面。图5-3-4-1交易信息管理模块图5-3-4-2交易信息添加模块核心代码如下：<%@pagelanguage="java"contentType="text/html;charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPEhtml><htmllang="en"><head><%@includefile="common.jsp"%><!--simditor--> <linkrel="stylesheet"type="text/css"href="${ctxs}/js/simditor-1.0.5/styles/font-awesome.css"/><linkrel="stylesheet"type="text/css"href="${ctxs}/js/simditor-1.0.5/styles/simditor.css"/> <!--simditor--></head><body><!--Leftcolumn--><divclass="templatemo-flex-row"><%@includefile="left.jsp"%><!--Maincontent--><divclass="templatemo-contentcol-1light-gray-bg"><%@includefile="top.jsp"%><divclass="templatemo-content-container"><ahref="javascript:history.go(-1);"style="line-height:40px;margin-left:20px;"><<返回上一页</a><divclass="templatemo-content-widgetwhite-bg"><h2class="margin-bottom-10">交易记录的添加&编辑</h2><formaction="${ctxf}/trade/save"class="templatemo-login-form"method="post"onsubmit="returnsub();"><inputtype="hidden"name="id"value="${o.id}"><inputtype="hidden"name="pageNo"value="${pageNo}"><divclass="rowform-group"> <divclass="col-lg-12form-group"><label>标题：</label><inputtype="text"name="title"value="${o.title}"maxlength="50"required="required"class="form-control"></div><divclass="col-lg-12form-group"><label>甲方单位名称：</label><inputtype="hidden"id="complany_jf"name="complany_jf"value="${plany_jf}"><inputtype="text"id="cname_jf"name="cname_jf"value="${ame_jf}"maxlength="50"required="required"class="form-control"readonly="readonly"></div><divclass="col-lg-12form-group"><label>乙方单位名称：</label><inputtype="hidden"id="complany_yf"name="complany_yf"value="${plany_yf}"><inputtype="text"id="cname_yf"name="cname_yf"value="${ame_yf}"maxlength="50"required="required"class="form-control"readonly="readonly"></div><divclass="col-lg-12form-group"><label>交易单号：</label><inputtype="text"name="trade_no"value="${o.trade_no}"maxlength="50"required="required"class="form-control"></div><divclass="col-lg-12form-group"><label>详细信息：</label><textareaid="editor"name="context"></textarea> <divstyle="display:none;"id="editor_2">${o.context}</div></div></div><divclass="form-grouptext-center"> <pstyle="color:red;">${msg}</p><buttontype="submit"class="templatemo-blue-button">确定修改</button><buttontype="reset"class="templatemo-white-button">重置</button></div></form></div><%@includefile="footer.jsp"%></div></div></div><!--模态框（Modal）--><divclass="modalfade"id="choose_complany"tabindex="-1"role="dialog"aria-labelledby="myModalLabel"aria-hidden="true"> <divclass="modal-dialog"> <divclass="modal-content"> <divclass="modal-header"> <buttontype="button"class="close"data-dismiss="modal"aria-hidden="true"> × </button> <h4class="modal-title"> 选择企业 </h4> </div> <divclass="modal-body"id="seeinfo_body"> <formclass="form-inline"action="#"method="post"id="complany_search_form"><divclass="row"> <divclass="col-sm-5"> <divclass="form-group"> <inputtype="text"name="cname"class="form-control"placeholder="企业名称"style="width:100%;"> </div> </div> <divclass="col-sm-5"> <divclass="form-group"> <inputtype="text"name="mobile"class="form-control"placeholder="注册手机号"style="width:100%;"> </div> </div> <divclass="col-sm-2"> <divclass="form-group"> <buttontype="button"class="btnbtn-success"id="search_complany_btn">搜索</button> </div> </div> </div></form> <tableclass="tabletable-stripedtable-hover"> <thead> <tr> <th>企业名称</th> <th>手机号</th> <th>简介</th> </tr> </thead> <tbodyid="complany_show"> </tbody> </table> <divstyle="text-align:center;"> <pid="more_tip"data-p=1></p> <ahref="javascript:;"id="pre_p">上一页/</a> <ahref="javascript:;"id="next_p">下一页</a> </div> </div> <divclass="modal-footer"> </button> </div> </div><!--/.modal-content--> </div><!--/.modal--></div> <!--simditor--><scripttype="text/javascript"src="${ctxs}/js/simditor-1.0.5/scripts/js/module.js"></script><scripttype="text/javascript"src="${ctxs}/js/simditor-1.0.5/scripts/js/uploader.js"></script><scripttype="text/javascript"src="${ctxs}/js/simditor-1.0.5/scripts/js/simditor.js"></script><!--simditor--> <scripttype="text/javascript"> toolbar=['title','bold','italic','underline','strikethrough', 'color','|','ol','ul','blockquote','code','table','|', 'link','image','hr','|','indent','outdent']; vareditor=newSimditor({ textarea:$('#editor'), placeholder:'请输入详细内容', pasteImage:true, toolbarFloat:true, toolbar:toolbar, defaultImage:'${ctxs}/static/js/simditor-1.0.5/images/image.png', upload:{ url:'${ctxf}/trade/upimg',//文件上传的接口地址 params:{}, fileKey:'file', connectionCount:3, leaveConfirm:'上传中...' } }); varid=$('input[name=id]').val(); if(parseInt(id)>0){ editor.setValue($('#editor_2').html()); }else{ editor.setValue(''); } type=""; $('#cname_jf').click(function(){ $('#choose_complany').modal('show'); type="jf"; get_complanys(); }) $('#cname_yf').click(function(){ $('#choose_complany').modal('show'); type="yf"; get_complanys(); }) $('#search_complany_btn').click(function(){ get_complanys(); }) functionget_complanys(){ varcname=$('#complany_search_forminput[name=cname]').val(); varmobile=$('#complany_search_forminput[name=mobile]').val(); varpageNo=parseInt($('#more_tip').attr('data-p')); $.ajax({ url:'${ctxf}/complany/page_ajax', type:'post', data:{cname:cname,mobile:mobile,pageNo:pageNo}, dataType:'json', success:function(data){ if(data.hasNextPage==false)$('#next_p').hide(); else$('#next_p').show(); if(data.hasPreviousPage==false)$('#pre_p').hide(); else$('#pre_p').show(); if(data.total==0)$('#more_tip').text('没有数据了'); else{ $('#more_tip').text('共'+data.total+'数据，共'+data.pages+'页'); } vars=""; for(vari=0;i<data.list.length;i++){ s+='<trdata-id='+data.list[i].id+'data-cname="'+data.list[i].cname+'"data-mobile="'+data.list[i].mobile+'"data-cdesc="'+data.list[i].cdesc+'"><td>'+data.list[i].cname+'</td><td>'+data.list[i].mobile+'</td><td>'+data.list[i].cdesc+'</td></tr>'; } $('#complany_show').html(s); } }) } $('#complany_show').on('click','tr',function(){ varc=$(this).attr('data-cname'); varid=$(this).attr('data-id'); if(type=="jf"){ $('#cname_jf').val(c); $('#complany_jf').val(id); }if(type=="yf"){ $('#cname_yf').val(c); $('#complany_yf').val(id); } $('#choose_complany').modal('hide'); }) $('#next_p').click(function(){ varpageNo=parseInt($('#more_tip').attr('data-p'))+1; $('#more_tip').attr('data-p',pageNo); get_complanys(); }) $('#pre_p').click(function(){ varpageNo=parseInt($('#more_tip').attr('data-p'))-1; if(pageNo>0){ $('#mor