【《基于JSP的小型商店管理系统的设计与实现》7400字】

XVI基于JSP的小型商店管理系统的设计与实现目录TOC\o"1-3"\h\u25006摘要 131773第一章前言 22201.1项目开发背景 2312721.2本课题达到的设计目标 211419第二章相关技术介绍 3234052.1JSP技术简介 3227552.2JavaScript简介 3280172.3MVC简介 418664第三章系统设计 5274683.1系统功能模块 595253.2数据库设计 656133.2.1概念结构设计 690553.2.2数据库表设计 827500第四章系统实现 10216474.1登录模块 10240544.2功能选择页面 1364624.3系统基本模块介绍 17120614.3.1商家管理模块 17275964.3.2商品管理模块 22313704.3.3进货管理模块 232234.3.4出货管理模块 2349664.3.5销售管理模块 24296124.3.6员工管理模块 24127954.3.7会员管理模块 259624结论 256996参考文献 26摘要在这个信息高速发展的社会时代中。当今社会已经受到了信息技术的巨大影响，在信息化社会，信息技术是三大支柱之一，是科学技术快速发展和发展的关键。信息作为影响管理和决策的基础，在一个团队中发挥着重要的作用，这是信息时代的新型产物，是对社会有着除传统资源外第四大有影响力的资源。但是信息作为一种新型的可利用资源，与传统的基本资源有着不同之处。当然信息也必须被管理，只有通过管理和控制才能有效地发挥其价值。商店系统使用信息技术来管理商店信息。它为收集、存储各种存储信息、更改和查询存储信息提供了接口，降低了人力的损耗，使生产的效率得到了明显的提升。本文说明了有关该课题的开发背景、期望实现的功能以及开发系统的过程。该系统以JSP为主要开发语言，通过MVC架构模式，视图模式，View，控制，结合SSH框架、JavaScript等技术，Device采用了MySQL数据库，Eclipse集成开发环境和Tomcat的Web应用程序服务器。关键词：小型商店管理；JSP；MVC；MySQL第一章前言1.1项目开发背景在当今社会，面对人们日益提高的物质文化需求以及追求高质量的生活趋势，尤其是对生活需求因素的不断增加。为了能够顺应这种变化趋势，信息技术越来越多的应用到生活当中去。科学技术的发展使人类的生活发生了翻天覆地的变化，不仅使人们的生活更加便利，而且还使人们的生活品质得到了极大的改善。近年来，信息技术迅速发展，其应用范围日益扩大，已成为现代社会和经济发展的重要力量。以互联网为代表的资讯科技的迅猛发展，对社会的发展起到了巨大的促进作用。随着人们在网络上的应用，网络餐饮、网络娱乐、网络金融等服务的日益增多，网络购物已经成为一种较为常见的消费手段。在商店经营方面，由于近年来信息技术的不断发展和扩张，传统的记账管理方法已经没有了大量信息数据的优势。例如，我们检查的商店管理系统有大量的商品信息和交易信息，需要每天进行处理。传统的人工计算和收费是精力和人力的浪费。利用信息技术改善商店管理和商品信息管理，可以避免消耗不必要的人力和物力。由于商店经营的环境日渐被电商侵蚀。因此信息产业应用到传统商店，使商店信息数据化是十分重要的。在传统的店铺信息管理中，流程通常是复杂而繁琐的。店铺信息管理通常有众多不同类型的信息需要整合。而且，这一切都是手工完成，效率极低。信息之间的相关性也十分复杂，因此需要管理和控制信息的管理系统。1.2本课题达到的设计目标随着资讯产业的兴盛，以及消费者的服务意识的提高，商场的经营资讯管理工作变得愈加复杂，商店经营的信息量已经超过手工记账这种方式可以处理的阈值。为了提高小型商店的经营能力，提高对商店各种信息的管理，减少管理系统对小型商店的购买安装压力开发一个小巧方便的商店系统是十分有必要的。本文所设计的系统可实现对大量数据记录、自动计算数据、存储经营所用信息，是一个实用的商店系统。智能管理包括供应商管理、内部物流管理、库存管理、成品物流管理等。该系统采用智能仓库管理平台，实现了系统的自动管理，并与HIS、网、ERP、财务等智能化系统相连接，从而准确管理商品的存货和保质期。运用大数据技术、网络技术、自动化技术，引入先进的生产设备，为每个店铺的运营赋能，使企业的信息可视化、对称化、同步化，并对供应、仓储、配送流程进行规范化管理，达到节能、高效的目的。作为销售物流的中心环节，通过改进仓库管理、优化系统管理软件，可以有效地减少物流成本，增加企业的盈利能力。第二章相关技术介绍2.1JSP技术简介JSP是一种对动态网页进行封装的Java语言程序。网页通过使用tags和scriptlets能够使其访问存储于服务端资源的应用逻辑。由于JSP支持基于组件开发的可重用性，使开发Web应用程序更加简洁。JSP运行方式为“请求-回应”。客户机发出了HTTP请求。当一个请求被JSP收到时，它会被处理并且会返回一个处理的结果。JSP引擎在JSP文件初次被要求的时候，会先把JSP文件转化成servlet。JSP引擎先把JSP文件转化成Java源文件。在转换期间，若在JSP档案中发现语法错误，则会终止转换，并将错误讯息显示给伺服器及用户端。在转换成功后，JSP引擎会把Java源文件用javac编译成合适的类文件。创建JSP页的结果，运行servlet的JSPinit方法，并在servlet生命周期中只调用一次JSPinit方法。使用jssservice方法处理客户机请求。JSP引擎为每一个请求建立一个新的执行绪以进行处理。JSP引擎在多个客户机同时要求JSP文件的时候，会建立多个执行绪来处理这些请求。由于servlet始终存在于记忆体中，因此它能够对顾客的要求做出很快的反应。当JSP档案被修改时，伺服器会依据这些参数来决定档案的重新编译。当用户想要重新编译时，将在内存中的servlet替换为编译结果，然后继续上面的程序。尽管JSP的工作效率很高，但是它的首次调用要被推迟，因为它必须要进行转换和编译。而且，由于缺乏系统的资源，JSP引擎会随时将servlet移出内存。在本例中，首先调用pdroesty方法，然后循环使用pdroesty方法。2.2JavaScript简介JavaScript是一种被对象和环境所控制的客户机脚本语言。它也可以被应用到不同的脚本语言中，供用户端网站设计使用。通常，它可以用于增强HTML站点的动态功能，比如反馈给所有的用户控制。JavaScript最重要的角色就是对象功能。面向对象的程序开发能让程序更加直观、系统化、可重用。按照HTML的方法，可以使用JavaScript进行交互网站的设计。利用JavaScript技术，能够及时、动态地、互动地与站点之间建立起互动关系。这样，站点就能提供大量的资讯，而且内容也很漂亮。该系统的一些功能都是使用JavaScript技术实现的。JavaScript脚本语言的特性如下：（1）JavaScript是一种解释性的脚本语言，它会在程序的执行期间逐行地进行说明。（2）JavaScript是一种面向对象的脚本语言，它具有很强的可操作性。（3）JavaScript是一种事件驱动的脚本语言，不需要经由网络服务器来回应使用者的输入。在访问站点时，JavaScript可以通过鼠标点击、上下移动等方式来对这些事件做出反应。2.3MVC简介在传统的MVC模型中，M是一个表示商业规则的模型。MVC的三个方面，主要由模型来完成。该模型返回的数据是中立的，而且它不依赖于数据的格式，所以它能为多个视图提供数据。因为一次编写时，可以在多个视图中重复使用应用到模型的程式码，所以程式码的重现性会下降。V是一个用户可以看见和互动的视图。比如，Web接口或者是一个包含HTML元素的软件客户接口。MVC有一个好处，那就是可以处理很多不同的应用。

第三章系统设计3.1系统功能模块此系统是有员工或者商店经理使用的小型商店管理系统，本系统具有八大功能模块，详细的功能模块如下：登录：登陆模块为注册用户提供帐号密码，及用户权限进行验证，账号密码正确后根据根据账号的对应权限提供不同的界面，合理划分不同登录者的职能。商家管理：此模块包含商家管理、商家添加两大模块，管理供应商的信息，通过该模块能够查看每个供货商家的具体信息。能够对供货商家信息，如:管理（查看，添加，修改，删除）操作。商品管理：本模块包含商品管理、添加商品、库存管理三大模块，用于管理商品的商品，通过该模块能够查看每类商品的具体信息。能够对供货商品信息进行管理（查看、添加、修改、删除）操作。其中商品库存模块显示的信息是根据进货数据、出货数据进行计算并显示的。进货管理：该模块具有进货管理、进购商品两个模块，是对商店进购商品的信息进行管理，通过该模块能够查看每次进购商品的具体信息。能够管理（查看、添加、修改、删除）采购的采购信息。出货管理：该模块具有出货管理、商品出库两个模块，是对商店出库商品的信息进行管理，通过该模块能够查看每次出库商品的具体信息。能够对出库的商品信息进行管理（查看、添加、修改、删除）操作。销售管理：该模块具有账单管理、添加账单两个模块，是对商店销售的账单信息进行管理，通过该模块能够查看每个账单的具体信息。能够对账单信息进行管理（查看、添加、修改、删除）操作。员工管理：本模块包含员工管理、员工添加两大部分，管理员工的个人信息，并可通过此模块了解员工的详细情况。管理（查看，添加，修改，删除）的能力。在雇员的管理模式中，能对不同员工的权限等级进行划分，使其在登录时显示不同员工职责对应的功能。会员管理：本模块包含会员管理和会员添加两大功能，管理会员的个人资料，并可随时查询会员的详细资料。可以管理（查看，添加，修改，删除）成员的信息。图3.1显示了该系统的功能模块图：图3.1系统功能模块图3.2数据库设计数据库的设计首先需要在一个已知的应用环境（DBMS）中，之后再使用正确的逻辑设计、物理设计，构建出好用的数据库模式、子模式，架构出要用的数据库，设计匹配应用程序，以满足客户的日常使用需求。3.2.1概念结构设计在数据库的设计与开发中，首先要对数据词典中所存储的各种特定数据进行系统的分析，并在此基础上建立相应的模型来描述各种数据结构。E-R图由实体、属性和联系三个方面组成。E-R图表的有关符号描述如下。在此，企业信息的实体属性图表包含了厂商名称、联系人、电话等信息，见图3.2。图3.2商家信息E-R图商品的资讯包括商品名称，种类，单价，生产日期等，见图3.3。图3.3商品信息E-R图雇员信息实体包含了诸如姓名，职位，性别，年龄等信息，见图3.4。图3.4员工信息E-R图成员信息实体包含了数字，名字，性别，电话等信息，见图3.5。图3.5会员信息E-R图采购资讯实体包含商品、数量、经手人等信息，如图3.6所示。图3.6进货信息E-R图发货信息实体包含了货物，数量，经销商等，见图3.7。图3.7出货信息E-R图各个主体之间的联系主要是包含、记录、填报等，见图3.8。图3.8实体间联系图3.2.2数据库表设计下面介绍了数据库表格的设计原理：尽可能地降低系统的数据冗余和重复。结合结构设计与操作系统设计。具有相对稳定的数据结构模型。基于以上的设计基本原则，该系统首先设计了一个数据库，包括但不限于员工信息、销售信息、账单信息、商品信息、商家信息、会员信息等多个表。本系统的数据库表结构如表3.1-3.5所示。表3.1emp员工信息表表3.2bill销售信息表表3.3Card账单信息表：表3.4Factory商家信息表：表3.4goods商品信息表：第四章系统实现4.1登录模块输入：根据身份的不同输入相应权限的用户名及密码，例如输入经理（管理员）的用户名及密码（用户名：1、密码：1）。处理：首先对用户名、密码匹配，判断是否有效。输入用户名和用户密码，单击[提交]，系统自动将用户名及密码与数据库数据匹配验证，如果正确，则会自动进入用户对应权限的系统；如果输入的用户不存在或者密码输入错误，则会在下方提示用户名或密码错误的提示。输出：如果登录成功，则会自动进入对应页面；如果用户名或密码输入错误，则会提示错误。运行结果如图5.1所示。图5.1系统登录界面主要代码:<tablewidth="100%"height="100%"border="0"cellpadding="0"cellspacing="0"><tr><tdbgcolor="#e5f6cf"> </td></tr><tr><tdheight="608"><tablewidth="900"style="border:1pxsolid#ddd"cellpadding="0"cellspacing="0"align="center"><tr><tdheight="300"><formaction="emp!login.action"method="post"id="form_login"style="margin-top:100px"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"align="center"><tr><tdalign="center"><pstyle="margin-bottom:40px"><spanclass="STYLE3"style="font-size:45px;border-bottom:1pxsolid#ddd"><b>商店管理系统</b></span></p><p><inputtype="text"name=""style="height:30px;width:315px;border:solid1px#cadcb2;font-size:12px;color:#81b432;padding:4px;"placeholder="请输入用户名"> </p><p><inputtype="password"name="emp.pass"style="height:30px;width:315px;border:solid1px#cadcb2;font-size:12px;color:#81b432;padding:4px"placeholder="请输入密码"></p></td></tr></table></td></tr><tr><tdheight="247"valign="top"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"align="center"><tr><tdtext-align="center"><inputtype="submit"name="Submit"value="提交"style="width:150px;height:40px;margin-left:110px"><inputname="Reset"type="Reset"id="Reset"value="重置"style="width:150px;height:40px;"></td></tr><tr><tdheight="30"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><tr><tdheight="20"><fontcolor="red"size="2">${msg}</font></td></tr></table></from></td></tr></table></td></tr></table></td></tr><tr><tdbgcolor="#a2d962"> </td></tr></table>4.2功能选择页面成功登录之后，可以通过单击操作相应模块，自行选择功能选择界面中显示的模块，运行结果如图5.2所示：图5.2系统操作界面图主要代码:<tablewidth="173"height="100%"border="0"cellpadding="0"cellspacing="0"style="table-layout:fixed;"><tr><tdstyle="width:4px;background-image:url(market/images/main_16.gif)"> </td><tdwidth="169"valign="top"> <tablewidth="100%"border="0"cellspacing="0"cellpadding="0"> <tr> <tdheight="20"background="market/images/main_11.gif"> </td> </tr> <tr> <td> <divclass="meun_div"align="center"> <divclass="meun_top"> <divid="img1"class="meun_img"></div> <aonclick="show_menu_box(1)"href="javascript:;">商家管理</a> </div> <divclass="meun_boxnone_box"id="box1"> <ul> <li><ahref="factory!factorylist.action"target="rightFrame">·商家管理</a></li> <li><ahref="market/pages/factory-add.jsp"target="rightFrame">·商家添加</a></li> </ul> </div> <divclass="meun_top"> <divid="img2"class="meun_img"></div> <aonclick="show_menu_box(2)"href="javascript:;">商品管理</a> </div> <divclass="meun_boxnone_box"id="box2"> <ul> <li><ahref="goods!goodslist.action"target="rightFrame">·商品管理</a></li> <li><ahref="goods!add.action?type='get'"target="rightFrame">·商品添加</a></li> <li><ahref="goods!storelist.action"target="rightFrame">·商品库存</a></li> </ul> </div> <divclass="meun_top"> <divid="img4"class="meun_img"></div> <aonclick="show_menu_box(4)"href="javascript:;">进货管理</a> </div> <divclass="meun_boxnone_box"id="box4"> <ul> <li><ahref="stock!stocklist.action"target="rightFrame">·进货管理</a></li> <li><ahref="stock!add.action?type='get'"target="rightFrame"target="rightFrame">·进购商品</a></li> </ul> </div> <divclass="meun_top"> <divid="img5"class="meun_img"></div> <aonclick="show_menu_box(5)"href="javascript:;">出货管理</a> </div> <divclass="meun_boxnone_box"id="box5"> <ul> <li><ahref="sell!selllist.action"target="rightFrame">·出货管理</a></li> <li><ahref="sell!add.action?type='get'"target="rightFrame">·商品出库</a></li> </ul> </div> <divclass="meun_top"> <divid="img3"class="meun_img"></div> <aonclick="show_menu_box(3)"href="javascript:;">销售管理</a> </div> <divclass="meun_boxnone_box"id="box3"> <ul> <li><ahref="card!cardlist.action"target="rightFrame">·账单管理</a></li> <li><ahref="market/pages/card-add.jsp"target="rightFrame">·添加账单</a></li> </ul> </div> <divclass="meun_top"> <divid="img6"class="meun_img"></div> <aonclick="show_menu_box(6)"href="javascript:;">员工管理</a> </div> <divclass="meun_boxnone_box"id="box6"> <ul> <li><ahref="emp!emplist.action"target="rightFrame">·员工管理</a></li> <li><ahref="market/pages/emp-add.jsp"target="rightFrame">·员工添加</a></li> </ul> </div> <divclass="meun_top"> <divid="img7"class="meun_img"></div> <aonclick="show_menu_box(7)"href="javascript:;">会员管理</a> </div> <divclass="meun_boxnone_box"id="box7"> <ul> <li><ahref="vip!viplist.action"target="rightFrame">·会员管理</a></li> <li><ahref="market/pages/vip-add.jsp"target="rightFrame">·会员添加</a></li> </ul> </div> </div> </td> </tr> </table> </td></tr></table>4.3系统基本模块介绍登录后系统界面左上角显示有回首页、退出系统两个快捷键，右上角显示有当前登录用户及用户身份，方便用户在使用系统时确认当前账号权限和及时更换登录账号。4.3.1商家管理模块该模块是系统对商家信息进行管理的管理模块，用户（经理）可以通过本模块对商家信息进行管理。在商家管理子模块中，界面显示的信息有厂商名、联系人、电话、地址、备注各项信息，用户还可对已有的商家信息进行修改、删除操作；在商家添加子模块中，用户可以输入对应信息对商家进行添加，添加成功后页面会跳转显示商家信息。如果添加信息输入不全，页面则会提示某个必要信息不能为空。运行结果如图4.3所示：图4.3商家管理模块主要代码:<tablewidth="80%"border="0"align="left"cellpadding="0"cellspacing="0"><tr><tdheight="30"> <tablewidth="100%"border="0"cellspacing="0"cellpadding="0"> <tr> <tdwidth="15"height="30"><imgsrc="market/images/tab_03.gif"width="15"height="30"/></td> <tdbackground="market/images/tab_05.gif"><imgsrc="market/images/311.gif"width="16"height="16"/> <spanclass="STYLE4">商家管理</span></td> <tdwidth="14"><imgsrc="market/images/tab_07.gif"width="14"height="30"/></td> </tr> </table> </td></tr><tr><td> <tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><tr><tdwidth="9"background="market/images/tab_12.gif"> </td><tdbgcolor="e5f1d6"> <tablewidth="100%"border="0"align="center"cellpadding="0"cellspacing="1"bgcolor="#CECECE"> <tr> <tdwidth="15%"height="26"background="market/images/tab_14.gif"class="STYLE1"> <divalign="center"class="STYLE2STYLE1">厂商名</div></td> <tdwidth="15%"height="26"background="market/images/tab_14.gif"class="STYLE1"> <divalign="center"class="STYLE2STYLE1">联系人</div></td> <tdwidth="15%"height="26"background="market/images/tab_14.gif"class="STYLE1"> <divalign="center"class="STYLE2STYLE1">电话</div></td> <tdwidth="20%"height="26"background="market/images/tab_14.gif"class="STYLE1"> <divalign="center"class="STYLE2STYLE1">地址</div></td> <tdwidth="15%"height="26"background="market/images/tab_14.gif"class="STYLE1"> <divalign="center"class="STYLE2STYLE1">备注</div></td> <tdwidth="10%"height="26"background="market/images/tab_14.gif"class="STYLE1"> <divalign="center"class="STYLE2">编辑</div></td> <tdwidth="10%"height="26"background="market/images/tab_14.gif"class="STYLE1"> <divalign="center"class="STYLE2">删除</div></td> </tr> <!--用struts的iterator标签遍历news集合--> <s:iteratorvalue="#request.factorys"> <tr> <tdheight="20"bgcolor="#FFFFFF"> <divalign="center"class="STYLE2STYLE1"><s:propertyvalue="name"/></div></td> <tdheight="20"bgcolor="#FFFFFF"> <divalign="center"class="STYLE2STYLE1"><s:propertyvalue="linkman"/></div></td> <tdheight="20"bgcolor="#FFFFFF"> <divalign="center"class="STYLE2STYLE1"><s:propertyvalue="phone"/></div></td> <tdheight="20"bgcolor="#FFFFFF"> <divalign="center"class="STYLE2STYLE1"><s:propertyvalue="address"/></div></td> <tdheight="20"bgcolor="#FFFFFF"> <divalign="center"class="STYLE2STYLE1"><s:propertyvalue="remark"/></div></td> <tdheight="20"bgcolor="#FFFFFF"><divalign="center"> <imgsrc="market/images/037.gif"width="9"height="9"/><spanclass="STYLE1">[</span><ahref="factory!update.action?factory.id=<s:propertyvalue="id"/>&type='get'">修改</a><spanclass="STYLE1">]</span></div></td> <tdheight="20"bgcolor="#FFFFFF"><divalign="center"> <imgsrc="market/images/010.gif"width="9"height="9"/><spanclass="STYLE1">[</span><ahref="factory!delete.action?factory.id=<s:propertyvalue="id"/>">删除</a><spanclass="STYLE1">]</span></div></td> </tr> </s:iterator> </table> </td> <tdwidth="9"background="market/images/tab_16.gif"> </td> </tr> </table> </td></tr><tr><tdheight="29"> <tablewidth="100%"border="0"cellspacing="0"cellpadding="0"> <tr> <tdwidth="15"height="29"><imgsrc="market/images/tab_20.gif"width="15"height="29"/></td> <tdbackground="market/images/tab_21.gif"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"></table></td> <tdwidth="14"><imgsrc="market/images/tab_22.gif"width="14"height="29"/></td> </tr> </table> </td></tr></table>4.3.2商品管理模块该模块是系统对商品信息进行管理的管理模块，用户（经理、库管、员工）可以通过本模块对商店内的商品信息进行管理。在商品管理子模块中，界面显示的信息有商品名、类型、单价、生产日期、保质期、产地等各项信息，用户还可以对已有商品进行修改、删除操作；在商品添加子模块中可对新进商品进行添加对应信息，成功添加商品信息商品管理子模块中就会显示新增加的商品信息；商品子模块中库存和销量的显示是根据出货信息与进货信息计算的结果，能直观的了解库存的情况和销量情况，为及时补充库存和调整销售策略提供了方便。运行结果如图4.4所示。图4.4商品管理模块4.3.3进货管理模块该模块是系统对进购货物信息进行管理的管理模块，用户（经理、库管）可以通过本模块对进购的货物信息进行管理。在进货管理子模块中，界面显示的信息有商品名称、数量、经手人、日期等各项信息，用户还可以对已有进货记录进行修改、删除操作；在进购商品子模块中可添加新进购商品的信息，成功添加后进货管理子模块中就会显示新增加的进货记录。运行结果如图4.5所示。图4.5进货管理模块4.3.4出货管理模块该模块是系统对出库货物信息进行管理的管理模块，用户（经理、库管）可以通过本模块对出库的货物信息进行管理。在出货管理子模块中，界面显示的信息有商品名称、数量、经手人、日期等各项信息，用户还可以对已有出货记录进行修改、删除操作；在商品出库子模块中可添加出库商品的信息，成功添加后出货管理子模块中就会显示新增加的出货记录。运行结果如图4.6所示。图4.6出货管理模块4.3.5销售管理模块该模块是系统对销售信息进行管理的管理模块，用户（经理、员工）可以通过本模块对每笔销售的账单信息进行管理。在账单管理子模块中