基于java+AngularJS+jsp的配件营销系统设计与实现（毕业论文+程序源码）

大家好，今天给大家介绍基于java+AngularJS+jsp的配件营销系统设计与实现，文章末尾附有本毕业设计的论文和源码下载地址哦。

文章目录：

基于java+AngularJS+jsp的配件营销系统设计与实现（毕业论文+程序源码）
- 1、项目简介
- 2、资源详情
- 3、关键词：
- 4、毕设简介
- 5、资源下载

1、项目简介

本次的挖掘机配件营销中心销售系统主要采用了JSP语言来进行来开发，所设计的功能有包括库存管理、销售管理、用户管理和查询统计等。从需要分析出发，先进行分析再进行程序开发，完成后的系统界面美观，功能完善，会给企业带来非常大的方便。

2、资源详情

项目难度：中等难度
适用场景：相关题目的毕业设计
配套论文字数：9133个字21页
包含内容：整套源码+完整毕业论文+答辩PPT+辅导视频+运行截图

3、关键词：

配件挖掘机销售管理系统

4、毕设简介

提示：以下为毕业论文的简略介绍，项目源码及完整毕业论文下载地址见文末。

1 引言
省略

配件营销中心销售系统的开发是非常有必要的。开发本系统主要解决的问题就是对于配件的管理及配件的销售。这是两个核心部分。我将利用JSP语言与MySQL数据库一起来进行实现。

2 开发工具及技术
挖掘机配件营销中心销售系统是通过myeclipse这款开发工具实现的。环境的搭建采用的是JSP+JDK1.6+TOMCAT6.0+MySQL。服务器是Tomcat，JDK是java所必备的开发环境虚拟机，MySQL是该系统所使用的数据库。

2.1 JSP简介
JSP发展很久了，很多方面都已经非常的完善了。Jsp的全称是JAVA SERVER PAGER，也就是说可以在页面上运行java程序。它的扩展性非常的好。

2.2 MYSQL介绍
Mysql作为数据是一款非常清凉的数据库了。它的占用空间很小，5.0的版本只有区区不到30M。Mysql虽然很小，但他的性能却很好，能很效率的实现关系的查询等操作。使用的时候我们会基于一些第三方插件来对他进行管理，例如sqlyog、navicat等等软件。

2.3 SQL语句
SQL语句作为我们使用mysql数据的基本语句和语法。SQL语句包含增、删、改、查等等基本功能，使用这些命令能完成对数据库的绝大多数数据库操作。

2.4 AngularJS技术
AngularJS 诞生于2009年，它有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

3 需求分析
“需求分析”,就是分析客户的需求。我们的对象就是使用这个网站的客户，我们要分析的就是她们要使用这个网站想要哪些功能，为她们提供哪些方面的便利。界面怎么设计他们最方便，以前我们要开发这个程序所要涉及到的一些经济等方面的可行性。这就是需求分析。

3.1 功能需求分析
挖掘机配件销售管理系统是根据挖掘机配件销售的过程来分析该系统，系统分为三大模块。

库存管理模块包括：
（1）库存查看，在客户进行咨询或者需要购买的时候可以通过库存查询知道当前库存中有没有货。
（2）配件信息管理，管理系统中所有的配件信息。
（3）配件进货，根据实际情况，及时更新库存，扩大配件的供应量，增加库存。

销售管理模块包括：
（1）配件销售，对配件进行销售。
（2）配件退还，用户不满意或者在退换期内可以进行配件退还操作。
（3）利润统计，对系统中销售的利润进行统计和查看，也可以导出EXCEL。

用户管理模块：
（1）员工信息管理，该部分主要包含管理员和普通员工的信息。
（2）客户信息录管理，该部分主要管理系统中所有的新老客户信息，方便后期进行跟踪记录和回访等。

3.2 可行性分析
（1）技术可行性
分析技术的可行性，首先需要介绍的是开发这个系统我所用到的技术。本次用到的开发技术为JSP，JSP相信大家不会陌生，现在它已经非常成熟运用率非常高，现在市场上很大一部程序都是运用这个系统来进行开发的。并且我们在大学所学过JSP技术，图书馆也有很多关于JSP技术的资料，所以在开发技术上来说是非常可行的。

（2）经济可行性
省略

（3）操作可行性
省略

3.3 数据库需求分析
本系统涉及到的实体有：订单详情、配件类型信息、配件信息、配件库存信息、订单明细信息、用户信息等。
(1) 订单详情实体E-R图如图1所示：

图1 订单详情实体E-R图
(2) 配件类型实体E-R图如图2所示：

图2 配件类型实体E-R图
(3) 配件信息实体E-R图如图3所示：

图3 配件信息实体E-R图
(4) 配件详情实体E-R图如图4所示：

图4 配件详情实体E-R图
(5) 用户信息实体E-R图如图5所示：

图5 用户信息实体E-R图
(6) 订单实体E-R图如图6所示：

图6 订单实体E-R图
4 总体设计
总体设计即是对相关系统进行整体布局的设计，也就是对设计相关系统总的一个处理方案，又称系统概要设计。
此次系统的总体设计包括功能模块设计和数据库逻辑结构设计。

4.1 功能模块设计
本系统用户主要分普通员工和管理员，管理员主要是增加了一些管理操作，普通员工主要是面向客户的操作。其主要模块包括：配件销售、配件退还、库存查看、客户信息录入、用户管理、配件类型管理、配件信息管理、库存更新和利润统计。
系统功能模块图如图7所示：

图7 系统功能模块图

4.2 数据库逻辑结构设计
本系统选用的数据库管理系统为MySql数据库管理系统，MySql数据库为关系型数据库[1]。
根据规则，将数据库的概念结构设计转换为的关系模式如下：
配件信息(ID，名称，价格，数量，备注，生产地址，联系电话，类型)；
配件详情(ID，数量，配件，生产日期，过期日期，编号，价格)；
订单详情(ID，编号，数量，价格，订单)；
订单信息(ID，金额，用户，备注，时间，角色)；
用户信息(ID，用户名，密码，姓名，电话，性别，角色)；
配件类型(ID，类型名称)；

5 详细设计
该销售系统的详细设计包括以下内容：数据库的详细设计、界面的详细设计、个人信息模块设计、员工管理模块设计、配件管理模块设计、进货模块设计、配件销售模块设计、退货模块设计、数据统计模块设计。
5.1 数据库的详细设计
本系统使用的数据库管理系统为MySQL，数据库中共有6个表，各表说明如下：

5.2 界面的详细设计
整个系统的界面需要达到整洁、各主体良性交流与互动的要求。
5.2.1 登录界面设计

图8 登录界面
登录界面是打开本系统的初始界面，界面上有用户、密码、验证码3个输入框，输入信息后点击登录会由程序进行验证。

5.2.2 系统主界面设计
通过登录页面登录后系统会自动跳转到系统的主界面的个人资料页面，以下是权限为管理员的操作登录的主界面图例。如图9所示。

图9 后台主界面
后台主界面采用的是左右布局，左边是我们的菜单栏，右边则是我们的内容页，通过frameset框架进行加载展示。界面是模仿windowsXP文件管理的样式，看起来非常好看。

5.3 个人信息模块设计
5.3.1 个人中心
在系统主界面点击左侧操作栏中的“我的资料”就可以进入该页面，个人中心可以修改个人资料。程序效果图如图10所示。

图10 个人中心

5.3.2 修改密码
用户在系统主界面点击左侧操作栏中的“修改密码”进入该页面，该页面可以修改用户密码。在修改密码的时候angularjs会通过表单验证用户输入的信息是否符合标准。如图11所示。

图11 修改密码

5.4 员工管理模块设计
5.4.1 员工管理
在系统主界面点击员工管理模块下的“员工管理”链接后，右边的内容页就会展示出员工管理列表，该列表通过angularjs的http.get方法进行获取列表数据，通过返回的json数据进行解析然后利用静态分页的原理展示到页面上。在页面上可以根据姓名和角色来进行数据过滤，数据过滤采用的anguljs的filter。程序效果图如图12所示：

图12 员工管理界面

5.4.2 员工添加
在系统主界面点击员工管理模块下的“员工添加”链接后，右边的内容页就会展示出员工添加界面。在员工添加界面需要输入各种不同的信息，输入完成之后点击添加按钮表示员工添加成功，该页面如图13所示。

图13员工添加

5.5 配件管理模块设计
5.5.1 配件类型管理
在系统主界面点击配件管理模块下的“配件类型管理”链接后，右边的页面就会显示出配件类型管理列表。该界面也是采用的angularjs的数据获取以及静态分页效果，同时使用了bootstrap的分页样式表，程序效果图如图14所示。

图14配件类型管理

5.5.2 配件管理
在系统主界面点击配件管理模块下的“配件管理”链接后，右边的页面就会显示出配件管理列表。该界面也是采用的angularjs的数据获取以及静态分页效果，同时使用了bootstrap的分页样式表。在界面上可以根据配件类型、配件名称进行filter过滤，同时可以导出表格中的数据为excel。程序效果图如图15所示。

图15配件管理

5.5.3 配件添加
在配件管理界面点击“添加配件”按钮进入配件添加页面。界面上需要填入配件名称、配件类型、销售价格、备注、生产厂家、厂家电话，表单验证采用的是angularjs的表单验证，信息输入无误后点击添加表示添加成功。程序效果图如图16所示。

图16配件添加

5.5.4 库存明细
在配件管理界面可以点击每一行后面的库存明细查看进行浏览该配件的库存明细。也可以点击配件管理模块下面的库存明细，这里是展示所有的配件配件库存，可以根据配件编号和配件进行数据过滤。程序效果图如图17所示。

图17库存明细

5.6 进货模块设计
5.6.1 填写进货单明细
在系统主界面点击进货管理模块下的“填写进货单”链接后，右边的页面就会显示出进货单明细添加页面，依次输入进货数量、配件、生产日期、进价信息，点击添加即可完成进货。程序效果图如图18所示。

图18填写进货单明细

5.6.2 本次进货单明细查看
在上一步填写进货单明细后会自动跳转到进货单明细查看界面，该界面可以查看本次进货单所有的配件明细。程序效果图如图19所示。

图19本次进货单明细

5.6.3 进货单登记
确认本次所有的进货单明细都填写完毕后，点击进货管理模块下的“进货单登记”链接，右侧内容页会展示出当前进货单的总价，输入备注后点击添加按钮即可完成本次进货单登记的流程。程序效果图如图20所示。

图20进货单登记

5.6.4 进货单查看
在系统主界面点击配件管理模块下的“进货管理”链接后，右边的内容页就会展示出进货单管理列表，列表中会展示出所有的进货单，可以根据创建时间进行数据过滤。每一条进货单记录右边有查看明细按钮，点击该按钮可以查看该进货单的进货明细数据。程序效果图如图21，22所示。

图21进货单查看

图22进货单明细

5.7 配件销售模块设计
5.7.1 配件销售设计
在系统主界面点击出货管理模块下的“配件销售”链接后，右边的内容页就会展示出配件销售界面。在该销售界面需要填入配件编码和数量，如果不填的话angularjs会进行红色字体提示。填好后点击“添加”按钮，程序会使用angularjs的$http.get函数去后台进行查询，如果编码不对则会提示“没有该编码对应的配件”，如果输入的数量超过了库存则会提示“该配件库存不足了”，添加成功后会调用angularjs的列表刷新函数刷新我们下方的销售列表。需要销售的配件添加完后点击“结账”按钮进行结账，程序会计算该批次销售的配件的总额。程序效果图如图23所示。

图23网站公告列表
配件销售核心代码如下：

<script type="text/javascript">
var contentApp = angular.module('myApp', []);
contentApp.controller('myContent', function($scope, $http) {$scope.delx = function($index){if($index>=0){$http.get("orderDetailDel.do?id="+$index).success(function(response) {$scope.loadInfo();});}}//添加配件$scope.addOrderDetail = function(){if ($scope.loginForm.$valid) {$http.get("angularOrderDetailInsert.do?pno="+$scope.pno+"&pcount="+$scope.pcount).success(function(response) {var obj = angular.fromJson(response.result);if(obj.status=="nocount"){alert("该配件库存不足了");}else if(obj.status=="nopno"){alert("没有找到该编码的配件");}else if(obj.status=="error"){alert("系统内部错误");}else{$scope.loadInfo();$scope.pno = "";$scope.pcount = "";$scope.loginForm.pno.$dirty = false;$scope.loginForm.pcount.$dirty = false;}});} else {$scope.loginForm.pno.$dirty = true;$scope.loginForm.pcount.$dirty = true;}}$scope.loadInfo = function(){$http.get("angularSellList.do").success(function (response) {var obj = angular.fromJson(response.result);//数据源$scope.data = obj;//分页总数$scope.pageSize = 5;$scope.pages = Math.ceil($scope.data.length / $scope.pageSize); //分页数$scope.newPages = $scope.pages > 5 ? 5 : $scope.pages;$scope.pageList = [];$scope.selPage = 1;//设置表格数据源(分页)$scope.setData = function () {$scope.items = $scope.data.slice(($scope.pageSize * ($scope.selPage - 1)), ($scope.selPage * $scope.pageSize));//通过当前页数筛选出表格当前显示数据}$scope.items = $scope.data.slice(0, $scope.pageSize);//分页要repeat的数组for (var i = 0; i < $scope.newPages; i++) {$scope.pageList.push(i + 1);}//打印当前选中页索引$scope.selectPage = function (page) {//不能小于1大于最大if (page < 1 || page > $scope.pages) return;//最多显示分页数5if (page > 2) {//因为只显示5个页数，大于2页开始分页转换var newpageList = [];for (var i = (page - 3) ; i < ((page + 2) > $scope.pages ? $scope.pages : (page + 2)) ; i++) {newpageList.push(i + 1);}$scope.pageList = newpageList;}$scope.selPage = page;$scope.setData();$scope.isActivePage(page);console.log("选择的页：" + page);};//设置当前选中页样式$scope.isActivePage = function (page) {return $scope.selPage == page;};//上一页$scope.Previous = function () {$scope.selectPage($scope.selPage - 1);}//下一页$scope.Next = function () {$scope.selectPage($scope.selPage + 1);};});}$scope.loadInfo();
});</script>

5.7.2 出货单管理
在系统主界面点击出货管理模块下的“出货单管理”链接后，右边的内容页就会展示出出货单管理列表，列表中会展示出所有的出货单，可以根据创建时间进行数据过滤。每一条出货单记录右边有查看明细按钮，点击该链接可以查看该出货单的出货明细数据。程序效果图如图24所示。

图24出货单管理

5.8 退货模块设计
5.8.1 配件退货设计
在系统主界面点击退货管理模块下的“配件退货”链接后，右边的内容页就会展示出配件退货界面。在该退货界面需要填入配件编码和数量，如果不填的话angularjs会进行红色字体提示。填好后点击“添加”按钮，程序会使用angularjs的$http.get函数去后台进行查询，如果编码不对则会提示“没有该编码对应的配件”，添加成功后会调用angularjs的列表刷新函数刷新我们下方的退货列表。需要退货的配件添加完后点击“退货”按钮进行统一退货。程序效果图如图25所示。

图25配件退货

5.8.2 退货单管理
在系统主界面点击退货管理模块下的“退货单管理”链接后，右边的内容页就会展示出退货单管理列表，列表中会展示出所有的退货单，可以根据创建时间进行数据过滤。每一条退货单记录右边有查看明细按钮，点击该按钮可以查看该出货单的退货明细数据程序。效果图如图26所示。

图26退货单管理

5.9 数据统计模块设计
5.9.1 进货统计
在系统主界面点击统计管理模块下的“进货统计”链接后，右边的内容页就会展示出进货统计的数据列表。程序效果图如图27所示。

图27进货统计
进货统计的核心代码其实就是sql语句，其核心代码如下：

String sqlString = "select c.pname,sum(a.pcount) as allcount,sum(a.price*a.pcount) as allprice from t_OrderDetail a left join t_ProductDetail b on a.pno=b.pno left join t_Product c on b.fkpid=c.id left join t_Order d on a.fkoid=d.id where a.id<>0 ";if (null != map.get("status")) {sqlString = sqlString + " and d.status = '" + map.get("status")+ "'";}sqlString = sqlString + " group by c.pname";Query query = ht.getSessionFactory().getCurrentSession().createSQLQuery(sqlString);query.setResultTransformer(Transformers.ALIAS_TO_ENTITY_MAP);

5.9.2 出货统计
在系统主界面点击统计管理模块下的“出货统计”链接后，右边的内容页就会展示出出货统计的数据列表。效果图如图28所示。

图28出货统计

6 系统测试
6.1 测试目的
每一个项目的最后都要经过反复无数次的测试才能放心的投入使用。通过测试我们可以了解到系统存在哪些不足，哪些功能还不能够实现，哪些性能还可以再优化。其实在程序开发的过程中，我们一般也是边写程序边测试的，每做完一个模块，就会刷新页面看是否能实现，这也叫测试。测试的目的就是为了更好的呈现系统，使系统达到我们的预期效果。

6.2 测试方法说明
当然，测试的方法有很多种，在大学的课程中，我们听到的最多的就是白盒和黑盒测试，下面对这两种方法进行说明：
黑盒测试是在程序接口进行的测试，它只检查程序是否能适当的接收输入的数据并产生正确的输出信息，程序运行过程中能否保持外部信息的完整性。黑盒测试又称为功能测试[9]。
白盒测试法和黑盒测试法相反，它的前提是可以把程序看成装在一个透明的白盒子里，测试者完全知道程序的结构和处理算法。白盒测试又称为结构测试[10]。

6.3 测试用例设计
本次介绍的用例是验证用户名和密码错误时，系统是否提示并阻止登录。如果说登录功能都有问题的话，那后面的大块功能则无法正常使用，所以我们进行了这个测试用例的设计。测试表如表7所示。
表7 用户名密码错误的测试用例

6.4 系统测试
6.4.1 功能测试
（1）对用户登录模块的功能测试。用户首先进行登录，登录的时候需要验证用户，每个员工都有自己对应的用户名和密码，只有当用户名和密码都正确时才能登录成功。用户登录时还会有验证码，验证码为2个数字，随机给出。
（2）数据删除测试。点击删除按钮时可以删除数据，
（3）数据编辑测试。点击编辑按钮时可以修改相关数据，

6.4.2 页面交互测试
经过页面交互测试，华柳挖掘机配件营销中心销售系统中的所有功能都可以按照要求链接到应当跳转的页面。

6.4.3 系统性能测试
在稳定性方面，采用多人多次登录该系统的方式，每次登录后进行用户及简单应用的扫描，等全部功能的测试。经过多次测试，系统功能总体比较稳定，但由于环境限制，无法测试更多。

6.5 测试结果分析
通过不断的对每一个模块进行测试，还是发现了一些问题，比如有时候提示404，进入不了页面，有时候按钮点击没反应，在发现这一些错误和漏洞后，会及时将这些错误加以修改，并且这些问题解决之后，再对系统进行集成测试。测试结果表明系统可以达到所需要求，各部分测试都能达到理想状态。其实不光是最后的测试，在系统的开发过程中，我也边开发边测试，只要做好了一个功能，都会运行看看，如果有错误就及时修改。通过对这些错误的修改，发现更多的错误来源于对语法的理解不够透彻，所以在以后的开发过程中会尽量避免类似的错误。

7 结论
省略

参考文献
[1]肖金秀.JSP程序设计教程[M].冶金工业出版社，2003.9.
[2]施伯乐等.数据库实用教程(第二版).清华大学出版社 2003.11.
[3]史济民顾春华等.软件工程——原理、方法与应用(第二版).高等教育出版社，2002.12.
[4]飞思科技产品研发中心.JSP应用开发祥解(第二版).电子工业出版社，2004.01.
[5]王国立、李国立等.JSP数据库系统开发完全手册.人民邮电出版社，2006.03.
[6]林杰斌，刘明德.MIS管理信息系统：交叉与发展[M].北京：清华大学出版社，2006.
[7]卫红春，方明.信息系统分析与设计[M].西安：西安电子科技大学出版社，2003，
[8]王克宏，郝建文.Java技术教程(基础篇) [M] .北京：清华大学出版社，2002，
[9]David Flanagan著，林剑、王宇飞译.Java实例技术手册[M].北京：中国电力出版社，2005.
[10]汤化平.SQL Server实训教程[M].北京：清华大学出版社，2005.

5、资源下载

本项目源码及完整论文如下，有需要的朋友可以点击进行下载。如果链接失效可点击下方卡片扫码自助下载。

序号	毕业设计全套资源（点击下载）
本项目源码	基于java+AngularJS+jsp的配件营销系统设计与实现（源码+文档）_MYSQL_jsp_配件营销系统.zip

java毕业设计——基于java+AngularJS+jsp的配件营销系统设计与实现（毕业论文+程序源码）——配件营销系统相关推荐

asp毕业设计——基于asp+sqlserver的美食网站设计与实现（毕业论文+程序源码）——美食网站
基于asp+sqlserver的美食网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+sqlserver的美食网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦. 文章 ...
asp毕业设计——基于asp+sqlserver的旅游网站设计与实现（毕业论文+程序源码）——旅游网站
基于asp+sqlserver的旅游网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+sqlserver的旅游网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦.需要下 ...
asp毕业设计——基于asp+access的中学网站设计与实现（毕业论文+程序源码）——中学网站
基于asp+access的中学网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+access的中学网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦. 文章目录: 基于 ...
asp毕业设计—— 基于asp+access的网上花店设计与实现（毕业论文+程序源码）——网上花店
基于asp+access的网上花店设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+access的网上花店设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦.需要下载开题报告P ...
Android毕业设计——基于Android+Eclipse的手机安全卫士设计与实现（毕业论文+程序源码）——手机安全卫士
基于Android+Eclipse的手机安全卫士设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于Android+Eclipse的手机安全卫士设计与实现,文章末尾附有本毕业设计的论文和源码下 ...
asp毕业设计—— 基于asp+access的论坛网站设计与实现（毕业论文+程序源码）——论坛网站
基于asp+access的论坛网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+access的论坛网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦. 文章目录: 基于 ...
C#毕业设计——基于C#+asp.net的图像检索技术设计与实现（毕业论文+程序源码）——图像检索技术
基于C#+asp.net的图像检索技术设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于C#+asp.net的图像检索技术设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦.需要下载开 ...
java毕业设计——基于java+J2EE+Hibernate的校园二手交易网站设计与实现（毕业论文+程序源码）——二手交易网站
基于java+J2EE+Hibernate的校园二手交易网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于java+J2EE+Hibernate的校园二手交易网站设计与实现,文章末尾附有 ...
【java毕业设计】基于java+swing+CS的图书销售管理系统GUI设计与实现（毕业论文+程序源码）——图书销售管理系统
基于java+swing+CS的图书销售管理系统GUI设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于java+swing+CS的图书销售管理系统GUI设计与实现,文章末尾附有本毕业设计的 ...
【java毕业设计】基于Spring Boot+mysql的酒店管理系统设计与实现（程序源码+毕业论文）-酒店管理系统
基于Spring Boot+mysql的酒店管理系统设计与实现(程序源码+毕业论文) 大家好,今天给大家介绍基于Spring Boot+mysql的酒店管理系统设计与实现,本论文只截取部分文章重点,文 ...

java毕业设计——基于java+AngularJS+jsp的配件营销系统设计与实现（毕业论文+程序源码）——配件营销系统