UI进销存培训文件

50/57摘要随着网络技术的不断发展，人们希望能够开发出更多适合需求的管理软件。如全国连锁沃尔玛，好实惠等大型商场，由于人们生活消费量较大，每天的货物，以及临时员工变化大，每家分店人工处理的信息累积在一起就很庞大，并且由于地区差异，同一商品供应商也存在差异，我们的企业管理者希望能够开发出一款商品进销存的系统软件，这些所有的数据规范整合，存档，作为考察的凭证，实现网络化实时管理。此次设计，通过统一客户端，即Web浏览器与数据库进行数据交换的B/S模式。通过它我们的客户端几乎零维护。此外，将系统的功能主要分为五大模块：商品管理，部门员工，客户管理，商品进销存，供应商。在角色分配方面，经理最高权限，员工只有浏览查询的功能，使得系统更具安全性。在系统整个设计过程中，运用了软件工程的基本思想，从市场调研搜集资料进行需求分析，系统设计，编码实现及测试完全按照规范的工作流程开展。它实现了对商品，员工，供应商等信息的高效管理。关键字:进销存；Java；Web；数据库AbstractWiththecontinuousdevelopmentofnetworktechnology,peoplewanttobeabletodevelopmoresuitablefortheneedsofthemanagementsoftware.AsanationalchainofWAL-MART,goodbenefitsandlargeshoppingmalls,aspeople'slivingconsumptionislarger,thedailygoods,aswellastemporarystaffchanges,eachbranchmanualprocessinginformationaccumulatedtogetherisverylarge,andduetotheregionaldifferences,thesamecommoditysuppliersandtherearealsodifferences,ourenterprisemanagershopetodevelopacommodityInvoicingsystemsoftwarestorage,allofthesestandarddataintegration,thearchive,asthestudyofthedocuments,realizethenetworkreal-timemanagement.Thedesign,throughaunifiedclient,thatis,WebbrowserandB/SdataexchangeServermodel.Throughitourclientisalmostzeromaintenance.Inaddition,thesystemfunctionisdividedintofivemainmodules:commoditymanagement,Departmentstaff,customermanagement,merchandiseInvoicing,suppliers.Inroleassignment,themanagerhasthehighestauthority,thestaffonlybrowsethefunctionofthequery,makingthesystemmoresecure.Inthewholedesignproject,thebasicideaofsoftwareengineeringisappliedtocollectdatafrommarketresearch,systemdesign,codeimplementationandtestingarecarriedoutinaccordancewiththestandardworkprocess.Itrealizestheeffectivemanagementoftheinformationofgoods,employees,suppliersandsoon.Keywords:Invoicing;Java;Web;database目录TOC\o"1-3"\h\u273281前言 1307581.1设计背景 1275381.2设计目的 1286441.3国内外研究现状 2294022开发环境及技术 3305052.1软件工程介绍 3194172.2开发环境及工具 3198082.2.1MyEclipse开发工具 373552.2.2Mysql 4314302.3开发技术 4257272.3.1java开发语言 490132.3.2UI框架技术 574622.3.3B/S模式 6204863系统分析 6195803.1需求调研 6292613.2功能模块分析 7245574系统概要设计 9101804.1总体功能 9215764.1.1功能结构图 9245944.1.2模块图 10287704.2数据库设计 11116094.2.1E-R图 11209754.2.2数据库表设计 1387535系统详细设计 15179355.1管理员登陆模块 15287925.2商品管理模块 16295405.3部门员工模块 18224295.4商品进销存模块 19188555.5供应商 2098145.6客户 2128395.7修改个人密码 22294006系统调试与测试 2397886.1程序调试 2315506.2程序的测试 232761参考文献 266510致谢 271前言1.1设计背景如今，全球经济已步入网络化时代，网络已经渗透到人们生活的各个角落。传统的管理体制已不能满足人们对于生活的需求。例如，很多采购员在清点货品时，由于信息量大，手工记录，非常麻烦，并且，如果我们要查阅几个月甚至一年来的商品进销存状况，账簿携带浏览不方便，查阅效率低。为了跟上人们生活的节奏，为其生活服务，各种管理类软件出现了。尤其，每逢遇到节假，如国庆，双十一购物节一年一次的大型消费活动，我们的商家会根据平时节假的消费情况，对我们的商场员工，商品等资源做出合理调配。在此期间，由于数据变动非常大，商家希望能够快速制定利益最大化的方案。例如，双十一购物节，网络化管理推出的一系列活动方案，预计将创造800亿价值。再比如，今年市场上出现了一款新型手表，顾客购物结账的时候收银员只需扫码即可完成账单支付，携带方便，随时随地都能刷，非常方便，佩戴时尚美观，深受消费者的喜爱，而对于设计者也是名利双收。同样，我们的商家也希望自己的损失最小化，利益最大。作为企业的管理者，他们有着更加灵敏的商业意识，在网络经济时代，管理必须适应社会的发展，走在前沿。因此，研发出高效的适合的进销存管理系统，对于大型连锁的商场特别重要。它能够为数据库进行智能化分析，给出各种整合结果，为管理者确定下一步决策提供理论依据，随时随地都能查询到我们需要的信息，目标明确，减少了资源浪费，实现了企业管理的高效化。由于Java的跨平台型，深受研发研发人员的欢迎。作为当前比较流行的一门语言，其应用程序呈分布式，同时它还是一门面向对象的程序语言。通过Java研发的产品具备多线程功能，更具有安全和稳定的性能。当然，由于其具备跨平台性，同时也被用于大型软件的开发；可移植性强，也注定了其发展空间还很大，是软件开发行业发展的重要方向。1.2设计目的在信息时代，传统的管理模式，工作效率低下，并且工作中经常会出现人为失误，影响数据给公司造成较大损失。此次设计，针对中小企业管理者的需求，通过现代网络信息技术构建一个比较规范的管理系统。它解决了日常管理中遇到的问题，使得工作不在繁琐，能够及时对大量数据进行统计分析。它满足了人们对生活的物质需求，减少了企业内部资源消耗，减少了公司内部资源消耗，适应并促进了社会的发展。另一方面，作为现代化管理设备，在信息时代已贯穿各个领域，网络通信技术已深入人们的生活，作为发展学科的一个崭新分支，跟随网络技术的前进补发，与时俱进。作为与人工组合管理类型，也可被看作一种信息载体，主要通过最初色信息渠道如市场等获取，形式比较分散，量大，具备时效性。它通过物流投入生产不可逆生成信息流，存储于系统。作为企业管理的核心技术，它具备了以下几个方面的特征：每位用户配备一台计算机与系统相互结合。作为组建的系统，必须拥有各种数据的采集，将数据输入后需进行各种加工，提出辅助支持，对报表信息进行存储以及信息进行查询显示。3.系统执行工作效率要高。4.在这里，是信息模型为主，所以其处理对象相对非常明确。5.从企业发展状况实情出发，实事求是，低成本，高效率，最优化。1.3国内外研究现状在国外，兴起Apple热潮，如iPhone7，2016年九月旧金山市场上市，后相继在国外25个国家发行。但是它的Store个人商店这项功能而言，对于用户下载的应用软件有严格的要求。由于它的版权限制很多软件无法识别，客户只能越狱后才能使用，保护了开发商的权益。在国内，如移动由于推出的免费飞信，使得它站稳了市场，继而系统管理推出的实名制，逐步实现系统网络化管理用户实际生活，实行商业垄断，为商家创造了巨大价值。由于各个行业实行网络化管理，近几年，管理类软件的开发更加注重产权及效益。作为企业的管理者，要明确企业的发展前景。只有不断适应社会发展，不断改革创新，才能提高企业竞争力，有小规模企业逐步发展成中型企业，最后成为家喻户晓，人们生活所必须的大型类龙头企业。通过网络技术实现企业管理的信息化是社会的必然趋势，也是成为一个完善的大企业必备条件的重要标志。2开发环境及技术2.1软件工程介绍作为一门专门的学科，软件工程主要教授我们如何进行系统的开发，即系统的整个流程是怎样的。从这门课程我们可以学到要成功的实现系统的开发，必须首先进行需求分析，然后在进行界面设计，系统功能设计，数据库设计，最后进行系统的编程实现。每款软件都拥有自己的生命周期，并且将其分为三个部分，每部分成递进关系，并且每部分又可分成很多小部分。计划作为软件开发第一阶段，我们必须首先确立我们的这次软件开发是具备意义的，在进行分析，主要为可行分析，包括系统需求分析，如果可行则进入第二阶段的设计；第二阶段需要我们完成系统设计，包含数据库概要设计以及详细设计；第三阶段是系统的实现，主要编码与测试，然后维护。此次设计，从需求分析再到最后系统的编码测试实现，都是按照软件工作的规范要求一步步实施，是进行系统开发的理论依据。2.2开发环境及工具2.2.1MyEclipse开发工具MyEclipse其实就是对我们以前使用的Eclipse的升级版本，它们的区别在于一个Webcontent,而另一个是WebRoot文件夹，导致Eclipse文件导入MyEclipse时无法识别。此时我们把webcontent文件夹里的内容复制粘贴到Eclipse的WebRoot里即可，这样服务器在运行的时候才能识别默认WebRoot文件夹下的登录首页Index.jsp。它的功能非常强大，能够实现跨越平台的软件开发，实行集成开发，不受环境约束，它集成的系统设计的整个软件环境，程序编码，模块测试，系统调试等。MyEclipse作为开发软件，可构建多种架构如J2EE，Struts,Spring,hibernate等等。MyEclipse，它是为软件开发服务的，它可实现服务器端程序的开发及测试，软件的数据是通过MyEclipse这个服务器端从数据库获取数据传递给客户端，进行数据获取的。以前的Eclipse我们还需自行下载服务器Tomcat6.0安装好进行环境配置。而MyEclipse这款开源软件它集成了服务器端，所以它出现后，较之eclipse更加适用方便可行。2.2.2MysqlMysql使用了多种编译器进行测试，保证源代码的可移植性；支持AIX、FreeBSD、HP-UX、Linux、MacOS、NovellNetware、OpenBSD、OS/2Wrap、Solaris、Windows等多种操作系统；为多种编程语言提供了API；支持多线程，充分利用CPU资源；提供TCP/IP、ODBC和JDBC等多种数据库连接途径；可以处理拥有上千万条记录的大型数据库。对于一般的个人使用者和中小型企业来说，Mysql提供的功能已经绰绰有余，而且由于是开放源码软件，因此可以大大降低总体拥有成本。Mysql型数据库关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。所使用的SQL语言是用于访问数据库的最常用标准化语言。软件采用了双授权政策（本词条“授权政策”），它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择,作为网站数据库。由于其社区版的性能卓越，搭配PHP和Apache可组成良好的开发环境。2.3开发技术2.3.1java开发语言Java作为一款面向对象的编程主要语言，我们知道大学里专门开设有Liux嵌入式专业课程，主要是用于电子芯片开发。Java也不例外，也是为嵌入式开发服务的。但是，后期由于它的发展，不断成熟，重心转入了应用程序方面。在此环境下，它不断更新，推动了Web以及C++语言的飞速发展，并且不受众多浏览器的应用限制。较之其它程序开发语言更具显著的优越性，拥有更为广阔的市场和美好的前景。Java分为三个体系，分别为JavaSE（J2SE，Java2PlatformStandardEdition，标准版），JavaEE（J2EE，Java2Platform,EnterpriseEdition，企业版），JavaME（J2ME，Java2PlatformMicroEdition，微型版另一方面，Java不像传统程序，它从问世起就是一款开源的软件，并不会给其它传统软件利益形成竞争关系，作为一种开源性的软件，广大软件开发爱好者利益更多的研究共享新技术，不断提高更新它的性能。我们知道微软是商业性，它要收费，并不利于它的发展。Java编程语言简洁，强壮的应用性能，减少了系统开发的风险，确保了系统的安全和可靠。除此之外，Java平台主要是有Java语言构建的，JavaScript等脚本语言深受编程开发人员喜爱。我们大一就学过MicrosoftStudio，还有VisualC以及C++，其实，它们都是微软应对Java的冲击，模仿它开发的应对措施，现今开源软件是社会发展的潮流于趋势。抽象类：建立抽象类的时候，我们必须申明Abstract，并且抽象类我们不能在里面具体写方法。在实际生活中比如电视，不同的厂商开发出来它们的功能属性不同，存在差异，但是又存在着相似点。此时我们抽象类主要用于存储相似共同点，而不同点属性存在抽象类派生的各个子类当中。所以，抽象类另一个主要功能是用于派生我们的子类的，使事物的功能描述更加具体。final类：我们知道final其实就是包：Java中的包是相关类和接口的集合，创建包须使用关键字package。继承：Java这门编程语言可以实现编程面向对象化，并且，它拥有类继承的功能。但是，它只能实现单根类的继承，它的基类是Object。多态类：指它在不同德类里同一变量有可能是静态，也有可能是动态，可以有多种形态而Java却支持单根继承，不支持多态。接口：我们知道微软针对Java模仿开发出了C#，在C#中有一个Struct,它呈现的是一种数据结构，里面存储了公共的属性，而Java中的接口与它的原理是一致的，都是公共属性的集合。2.3.2UI框架技术作为JS框架的一款最新网页技术，是基于web的图形界面设计插件的集合。此技术建立动态网页时具备安全性能高，并且还具备跨平台性能。另外，通过UI技术，我们开可以运用其组件页面配置与控制。它将以静态文本页面形式传送给浏览器，从而保护了自己的数据信息，具备以下优势：(1)多控件绑定数据源。数据格式json，可通过HTML5与data-option进行数据源与控件属性的直接绑定，使用起来非常方便。(2)多事件。能够满足许多界面设计的要求，如将css样式通过tree的check思想设计为直接勾选样式。不收环境约束，任何平台的开发环境皆可使用和部署。(3)拥有强大的扩展性。通过jar包，可对多个应用进行测试，多台服务器进行响应。2.3.3B/S模式B/S由客户端、服务器端和中间件三部分构成。客户端主要实现用户与数据进行交互。服务端主要对出具信息进行高效管理，当多个客户同时发出请求时，服务器端具备优化功能。而中间件主要是充当客户与服务器桥梁的一个角色。B/S是一种web的mis系统模式，可将一个服务器虚拟出多个服务器，从而构成三成架构的模式。B/S优化了客户端。在每个客户端秩序安装上通用的浏览器即可，使得网络结构更加灵活，省去了不同客户段必须安装不同客户程序的工作。另一方面，维护系统也变得俄功能更加简单，开发人设计不同的客户端程序，不同用户设置不同权限，每个用户通过权限应用程序对自己拥有的权限应用程序进行调用。鉴于它的优越性，B/S模式已成为各个企业热衷的应用的模式。3系统分析通过市场调查，系统分析等，此次研发的管理系统能够实现信息的实时动态管理，实时更新各个领域的最新动态信息。由于该系统具备了较为完善的功能，企业管理者通过它能够了解到目前公司比较详细的运营状况，了解到各个部门的工作进度及主要工作内容。通过该系统，管理者可以对最新动态信息实行网络化管理，这样可以提高信息传递效率，也使得人员各项信息能方便快速的得知结果，掌握目前相关消息的最新动态。3.1需求调研1.可行性分析经过调查研究和数据分析，Myeclipse平台开发的智能化软件迎来了整个软件市场的一次变革，它带动了各个领域经济的发展，实现管理网络化，成为软件开发发展的新趋势，带动各个行业飞速发展各个行业管理者以及普通群众都希望能研究出更多适合自己生活的管理系统。（1）技术的可行性本次设计，采用了专业课中自己比较熟悉的java为主要开发语言，开发软件采用Myeclipse,数据库采用Mysql。并且，整个过程完全按照老师指导的一步步完成，技术上是可行的。（2)经济的可行性如今，是经济全球化的时代，互联网已普及人们的日常生活，造价非常低廉，只需有网络信号和设备。并且，学校实验室提供电脑等设备非常完善。因此，经济上是可行的。(3)操作可行性此次开发的系统，实现了网络对系统进行管理，操作简单而且非常实际，适用于任何人群，操作具备普遍性。因此，操作是可行的。(4)法律的可行性本次设计，完全是由自己在老师的指导下，自主开发，不存在商业行为。并且所用的设备及开发软件都是开源，不存在版权问题，不会发生商业纠纷。部分源码的引用也是开源的，不存在利益冲突。所以，法律上也可行。因此，此次的基于web的进销存管理系统更具智能化，操作更简便，适用更具普遍性。3.2功能模块分析系统主要分为前台和后台两大部分。前台主要给普通职员使用，后台主要用于管理者对系统信息进行管理，具体功能如下：前台主要功能：前台：由导航栏，主界面两部分组成，其中导航栏选项包含了首页以及各个模块相应信息的导航选项，如：部门分类，员工信息，客户信息，供应商，商品信息，商品分类，商品进货，商品销售，商品库存。前台主界面：拥有进入后台的超链接，点击它才能触发事件跳转到后台登陆界面。后台主要功能：登陆界面：包含用户名和密码文本框，在用户输入信息后会进行验证，如用户信息不能为空或此用户不存在的相关错误提示。若输入信息正确，则页面直接跳转到后台管理主界面。后台管理主界面：主要包括左侧菜单栏。对各个模块信息进行导航，每个模块信息菜单选项下又有子模块的选项菜单，对信息进行导航；例如，菜单选项员工部门信息下子菜单选项包含了员工信息管理，添加员工信息，部门信息管理，添加部门信息。而且员工信息以及部门信息管理这两个子模块，各自拥有修改和删除的功能。后台管理主界面右侧，上方导航菜单，拥有修改，删除，取消选择，导出excel的功能操作选项。各项操作后得出的信息，将在右侧导航栏下方进行展示。通过上方导航操作选项可完成信息的删除功能，选择修改进入修改界面进行相关信息修改，然后提交，更新数据库。其中，员工信息管理，商品信息管理，部门信息，客户信息，供应商，商品进货，销售信息，商品库存信息管理界面在展示信息的同时，都具有导航菜单设置，实现信息的修改，删除，取消选中的信息，导出excel表格的功能。员工信息管理模块：展示员工信息，如员工的姓名、员工编号、性别照片、所在部门、出生日期、入职日期、政治面貌属性。部门信息管理模块：展示部门编号，部门名称信息。商品信息管理模块：以表单的形式显示商品编号、商品类别、商品名称、商品图片、产地、规格、生产日期、有效期。其中，可按照商品名称或者商品类别进行商品信息查询。商品类别：包括类别编号和类别名称。（5）客户信息管理：表单显示客户编号、名称、地址、电话、联系人、传真开户银行、账号信息。（6）供应商：具有编号、名称、地址、联系人、联系电话、传真、开户银行、账号属性信息。（7）商品进货：显示进货编号、进货商品、供应商、单价、数量、进货日期、进货员。可根据商品名称、供应商、日期、进货员关键词进行查询。（8）商品销售：显示编号、销售商品、客户、单价、数量、销售员工信息。（9）商品库存：编号、名称、库存量。（10）商品进货信息管理：进货编号、商品名称、供应商、单价、数量、进货日期、负责员工等相关属性信息进行列表展示。3.各个模块的信息添加功能，由后台主界面左侧子菜单选项进行导航，点击选择可进入相应的信息添加界面。例如，添加员工信息子菜单，选择它进入添加员工信息界面，填写完毕后提交即可，此时数据库自动保存数据并更新，实现各个模块的信息添加功能操作过程以此类推。4修改个人密码：作为一个单独的子菜单导航选项，点击它进入修该个人密码界面，输入旧密码以及新密码，提交信息即可。4系统概要设计4.1总体功能4.1.1功能结构图根据前面的功能需求分析，系统的功能结构图如下所示：商品进销存系统商品进销存系统商品信息商品类别员工信息部门信息添加商品信息修改商品信息删除商品信息添加类别信息修改类别信息删除类别信息添加员工信息修改员工信息删除员工信息客户管理添加客户信息修改客户信息删除客户信息添加部门信息修改部门信息删除部门信息商品管理部门员工商品进销存供应商管理商品库存商品进货商品销售修改供应商删除供应商添加供应商添加进货信息修改进货信息删除进货信息添加销售信息修改销售信息删除销售信息添加供应商修改供应商删除供应商图4.1.1系统功能结构图4.1.2模块图管理员模块功能结构图商品进销存系统商品进销存系统客户管理商品信息管理商品类别管理商品管理部门员工供应商管理商品进销存员工信息管理部门信息管理个人密码员工信息管理部门信息管理员工信息管理图4.1.2管理员模块功能结构图2.员工功能结构图商品进销存系统商品进销存系统查询员工信息查询部门信息客户管理查询商品信息查询商品类别商品管理部门员工供应商信息进销存信息查询客户信息查询退货信息查询进销存图4.1.3员工模块功能结构图4.2数据库设计4.2.1E-R图nn密码经理用户名ID所属类别生产地名称药品编号有效期图片规格生产日期市场价格商品性别ID员工编号姓名部门ID出生日期入职日期政治面貌电话籍贯出生日期毕业学校地址照片库存名称数量进货商品序号进货数量供应商员工进货编号进货单价进货日期ID部门名称地址供应商名称联系电话联系人查询查/添/删/改1属于1nnn11nnn开户银行编号客户传真客户电话联系人客户地址客户名称银行账号销售商品序号销售备注销售时间员工销售单价退货原因销售客户图4.2E-R图4.2.2数据库表设计为了系统存储数据的需要，对系统方便插入、更新、统计和查询分析等操作。数据库表结构如下：表4.1管理员信息表字段名数据类型字段描述长度主键usernamevarchar用户名20√passwordvarchar密码20表4.2客户信息表字段名数据类型字段描述长度主键customerIdint客户编号11√customerNamevarchar客户名称20addressvarchar客户地址50telephonevarchar客户电话16personNamevarchar联系人15chuanzhenvarchar传真20kaihuyinhangvarchar开户银行20accountvarchar银行账号30表4.3部门信息表字段名数据类型字段描述长度主键departmentIdvarchar部门编号20√departmentNamevarchar部门名称20表4.4员工信息表字段名数据类型字段描述长度主键employeeNovarchar员工编号20√namevarchar姓名10sexvarchar性别4departmentvarchar所在部门20bornDatevarchar出生日期20ruzhiDatevarchar入职日期20zhengzhimianmaovarchar政治面貌20minzuvarchar民族12jiguanvarchar籍贯16zhuanyevarchar专业20biyexuexiaovarchar毕业院校18addressvarchar家庭地址50telephonevarchar联系电话15photovarchar个人照片50表4.5进货信息表字段名数据类型字段描述长度主键buyIdint进货编号11√productint进货商品11supplyerint供货商11pricefloat进货单价0countint进货数量11inTimeint进货日期20beizhuint备注信息50employeevarchar进货员工20表4.6商品信息表字段名数据类型字段描述长度主键productIdint商品编号11√productNamevarchar商品名称20productObjint商品类别11pricefloat市场价0bornPlacevarchar产地20specvarchar规格20bornDatevarchar生产日期20useLifevarchar有效期20photovarchar商品图片50beizhuvarchar备注信息50表4.7商品类别信息表字段名数据类型字段描述长度主键classIdint类别编号11√classNamevarchar类别名称20表4.8销售信息表字段名数据类型字段描述长度主键sellIdint销售编号11√productint销售编号11customerint客户11pricefloat单价0countint数量11sellTimevarchar销售时间20beizhuvarchar备注信息50employeevarchar销售员工20表4.9库存信息表字段名数据类型字段描述长度主键stockIdint记录编号11√productint商品名称11stockCountint商品库存11表4.10供应商信息表字段名数据类型字段描述长度主键supplyerIdint供应商编号11√supplyerNamevarchar供应商名称20addressvarchar供应商地址50personNamevarchar联系人10telephonevarchar联系电话16chuanzhenvarchar传真20kahuyinhangvarchar开户银行20accountvarchar银行账号305系统详细设计5.1管理员登陆模块经理输入用户名及密码进行登陆，验证成功后进入后台管理主界面。图5.1管理员登陆界面实现功能主要代码：<body><divid="login"><p>登录帐号：<inputtype="text"id="manager"class="textbox"></p><p>登录密码：<inputtype="password"id="password"class="textbox"></p><p><fontcolor="#999">记住账号</font><inputid="saveid"type="checkbox"onclick="savePaw();"/></p></div><divid="btn"><ahref="#"class="easyui-linkbutton">登录</a></div><scripttype="text/javascript"src="easyui/jquery.min.js"></script><scripttype="text/javascript"src="easyui/jquery.easyui.min.js"></script><scripttype="text/javascript"src="easyui/locale/easyui-lang-zh_CN.js"></script><scripttype="text/javascript"src="easyui/jquery.cookie.js"></script><scripttype="text/javascript"src="js/login.js"></script></body>5.2商品管理模块经理可以通过商品管理模块，查询自己想要了解的商品信息，目标明确，节省了阅读人的时间。图5.2商品管理界面实现主要代码：<tdheight="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1">商品编号</span></div></td><tdheight="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1">商品名称</span></div></td><tdheight="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1">商品类别</span></div></td><tdheight="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1">市场价(元)</span></div></td><tdheight="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1">产地</span></div></td><tdheight="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1">规格</span></div></td><tdheight="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1">生产日期</span></div></td><tdheight="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1">有效期</span></div></td><tdheight="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1">商品图片</span></div></td><tdheight="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1">备注信息</span></div></td><tdwidth="10%"height="22"background="<%=basePath%>images/bg.gif"bgcolor="#FFFFFF"class="STYLE1"><divalign="center">基本操作</div></td></tr><%/*计算起始序号*/intstartIndex=(current1)*3;/*遍历记录*/for(inti=0;i<productList.size();i++){intcurrentIndex=startIndex+i+1;//当前记录的序号Productproduct=productList.get(i);//获取到Product对象%>5.3部门员工模块经理可以通过部门管理模块，对员工信息进行管理，实时更新员工以及部门信息。图5.3部门员工管理界面实现功能主要代码：<tdheight="20"bgcolor="#FFFFFF"><divalign="center"class="STYLE1"><divalign="center"><%=currentIndex%></div></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=employee.getEmployeeNo()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=employee.getName()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=employee.getSex()%></span></div></td><tdbgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=employee.getDepartment().getDepartmentName()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=employee.getBornDate()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=employee.getRuzhiDate()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=employee.getZhengzhimianmao()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><imgsrc="<%=basePath%><%=employee.getPhoto()%>"width="50px"height="50px"/></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE4"><spanstyle="cursor:hand;"onclick="location.href='<%=basePath%>Employee/Employee_ModifyEmployeeQuery.action?employeeNo=<%=employee.getEmployeeNo()%>'"><ahref='#'><imgsrc="<%=basePath%>images/edt.gif"width="16"height="16"/>编辑  </a></span><imgsrc="<%=basePath%>images/del.gif"width="16"height="16"/><ahref="<%=basePath%>Employee/Employee_DeleteEmployee.action?employeeNo=<%=employee.getEmployeeNo()%>"onclick="returnconfirm('确定删除本Employee吗?');">删除</a></span></div></td>5.4商品进销存模块图5.4商品进销存界面主要代码如下：<tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=stock.getStockId()%></span></div></td><tdbgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=stock.getProduct().getProductName()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=stock.getStockCount()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE4"><spanstyle="cursor:hand;"onclick="location.href='<%=basePath%>Stock/Stock_ModifyStockQuery.action?stockId=<%=stock.getStockId()%>'"><ahref='#'><imgsrc="<%=basePath%>images/edt.gif"width="16"height="16"/>编辑  </a></span><imgsrc="<%=basePath%>images/del.gif"width="16"height="16"/><ahref="<%=basePath%>Stock/Stock_DeleteStock.action?stockId=<%=stock.getStockId()%>"onclick="returnconfirm('确定删除本Stock吗?');">删除</a></span></div></td>5.5供应商图5.5供应商管理界面主要代码如下：<%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";List<Supplyer>supplyerList=(List<Supplyer>)request.getAttribute("supplyerList");intcurrentPage=(Integer)request.getAttribute("currentPage");//当前页inttotalPage=(Integer)request.getAttribute("totalPage");//一共多少页intrecordNumber=(Integer)request.getAttribute("recordNumber");//一共多少记录StringsupplyerName=(String)request.getAttribute("supplyerName");//供应商名称查询关键字Stringtelephone=(String)request.getAttribute("telephone");//联系电话查询关键字Stringusername=(String)session.getAttribute("username");if(username==null){response.getWriter().println("<script>top.location.href='"+basePath+"login/login_view.action';</script>");}%>5.6客户图5.6客户管理界面主要代码如下：<tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=customer.getCustomerId()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=customer.getCustomerName()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=customer.getAddress()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=customer.getTelephone()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=customer.getPersonName()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=customer.getChuanzhen()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=customer.getKaihuyinhang()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE1"><%=customer.getAccount()%></span></div></td><tdheight="20"bgcolor="#FFFFFF"><divalign="center"><spanclass="STYLE4"><spanstyle="cursor:hand;"onclick="location.href='<%=basePath%>Customer/Customer_ModifyCustomerQuery.action?customerId=<%=customer.getCustomerId()%>'"><ahref='#'><imgsrc="<%=basePath%>images/edt.gif"width="16"height="16"/>编辑  </a></span><imgsrc="<%=basePath%>images/del.gif"width="16"height="16"/><ahref="<%=basePath%>Customer/Customer_DeleteCustomer.action?customerId=<%=customer.getCustomerId()%>"onclick="returnconfirm('确定删除本Customer吗?');">删除</a></span></div></td>5.7修改个人密码图5.7个人密码管理界面主要代码如下：<formaction="<%=basePath%>password/ChangePassword.action"method="post"name="form1"target="submitFrame"><tablewidth='100%'cellspacing='1'cellpadding='3'bgcolor='#CCCCCC'class="tablewidth"><tr><tdalign="right"width="35%">以前的密码:</td><tdwidth=65%><inputname="oldPassword"type=password/></td></tr><tr><tdalign="right"width="35%">输入新密码:</td><tdwidth=65%><inputname="newPassword"type=password/></td></tr><tr><tdalign="right"width="35%">再输入新密码:</td><tdwidth=65%><inputname="newPassword2"type=password/></td></tr><trbgcolor='#FFFFFF'><tdcolspan="4"align="center"><inputtype='submit'name='button'value='修改'>  </td></tr></table></form>6系统调试与测试6.1程序调试在设计系统的过程中，存在一些错误是必然的。对于