软件工程基于web的易销售网站的设计与实现.doc

《软件工程基于web的易销售网站的设计与实现.doc》由会员分享，可在线阅读，更多相关《软件工程基于web的易销售网站的设计与实现.doc（53页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、本科毕业设计（论文） 基于web的易销售网站的设计与实现 Sales Manager System Based on Web 院 （系）计算机学院专 业软件工程班 级二班学 号16210120225学生姓名李凯勋指导教师罗显松提交日期2020年 4 月 23 日毕业设计（论文）原创性声明本人郑重声明：所呈交的毕业设计（论文），是本人在指导老师的指导下，独立进行的设计（研究）工作及取得的成果，论文中引用他人的文献、数据、图件、资料均已明确标注出，论文中的结论和结果为本人独立完成，不包含他人已经发表或撰写的作品及成果。对本文的研究作出贡献的个人和集体，均已在论文中作了明确的说明。本人完全意识到本声

2、明的法律结果由本人承担。毕业论文作者（签字）： 签字日期： 年 月 日成绩评定成绩项论文成绩（百分制）折合比例实得成绩（折合分）指导教师成绩30%评阅教师成绩20%答辩成绩50%总评成绩注：毕业设计（论文）成绩按百分制评定。答辩成绩不及格的（评分低于60分的），则该毕业设计（论文）总评成绩为答辩成绩。摘要本文设计并实现了基于Web的销售管理系统，从前景的介绍，到各个模块的介绍，再到系统的设计，最后到系统的测试。简述系统的业务和设计的实现。易销售系统属于后台管理系统，而后台管理系统有不同的侧重点，如页面的美观化，业务流程的易操作化，易发布化。本系统从美观化和易操作化两方面进行，从文档管理需求出发

3、，实现了各个模块增删查改，个别模块的导入和导出。系统由商机模块、客户模块、竞争对手模块、联系人模块、客户品牌模块和项目流程模块构成，项目流程又分为项目的集采、投标和议标。系统对于项目进行特殊的设计如使用类似树结构的节点控制、始终展示项目的基础信息、对于节点信息的展示和动态信息的发布，来实现对项目的高效管理和项目跟进。本文的第三章第二节简述了项目的系统界面交互，使用原生代码及div和angularJs来实现了四级城市下拉选择器等，简析了实现逻辑和展示了页面的样式。关键词：销售 电商平台 angularJs webAbstractThis article designs and implement

4、s a Web-based sales management system, from the introduction of prospects, to the introduction of various modules, to the design of the system, and finally to the test of the system. Briefly describe the systems business and design implementation.The easy sales system belongs to the background manag

5、ement system, and the background management system has different emphases, such as the appearance of the page, the easy operation of the business process, and the easy release. This system is carried out from two aspects of aesthetics and ease of operation. Starting from the requirements of document

6、 management, each module has been added, deleted, checked and modified, and individual modules have been imported and exported. The system is composed of business opportunity module, customer module, competitor module, contact module, customer brand module and project flow module. The project flow i

7、s divided into centralized procurement, bidding and bidding of the project.The system carries out special design for the project such as using node control like tree structure, always displaying basic information of the project, displaying node information and publishing dynamic information, so as t

8、o realize efficient management and follow-up of the project.The second chapter of the third chapter of this article briefly describes the system interface interaction of the project. The native code and div and angularJs are used to implement the four-level city drop-down selector.Key words： sales e

9、-commerce platform angularJs web目 录第1章 背景11.1易销售背景11.2易销售的目的11.3相关技术的介绍11.3.1 JavaScript11.3.2 UI框架21.3.3 Java2第2章 易销售的需求分析32.1可行性分析32.1.1经济分析32.1.2流程线分析32.1.3安全分析32.2总体业务流程3第3章 易销售的设计53.1 API接口接入53.1.1商机模块53.1.2客户模块53.1.3竞争对手63.1.4联系人模块73.1.5客户品牌模块73.2模块构成83.3用例图83.4流程图93.5数据库设计123.6系统界面交互193.6.1项目

10、的进程树交互193.6.2动态信息交互203.6.3所在城市四级查询20第4章 易销售的实现224.1 实现平台224.2商机模块224.2.1商机管理224.2.2新增商机234.2.3编辑商机254.2.4商机详情254.3客户模块264.3.1客户管理264.3.2新增客户274.3.3修改客户294.3.4客户详情304.4竞争对手管理模块314.4.1竞争对手列表314.4.2新增竞争对手314.4.3编辑竞争对手324.4.4竞争对手详情324.5联系人模块334.5.1联系人管理列表334.5.2编辑联系人334.5.3联系人详情344.6客户品牌模块354.6.1客户品牌列表3

11、54.6.2新增客户品牌354.7项目模块364.7.1项目页面架构364.7.2项目创建374.7.3项目跟进384.7.4项目报价384.7.5甲方确认/开标确认394.7.6设计清单394.7.7合同归档404.7.8项目管理列表40第5章 系统测试425.1功能测试42第6章 结论43参 考 文 献44致 谢46广东东软学院本科毕业设计（论文）第1章 背景1.1易销售背景 自改革开发以来中国的经济发展迅速，社会经济发展从第一产业向第三产业转型，服务业行业一片蓬勃景象，销售产业尤其突出。另外网络行业也在进十几年来火热起来。随着网络的发展，人们更加的喜欢在网络上浏览各种信息，网络的交流也是

12、日益的频繁。销售与网络的相互结合将迸发更多的创想。相较于过去的销售文件保存的信息量，网络的存储的咨询更加多，更久，更易于维护。不像纸张的存储，网络的文档的只要不人为删除可以存放上百上千年而不会缺损，并且可以多平台，随时随地的查看，方便快捷。1.2易销售的目的为支撑的管理要求，实现业务到网络全面平台化，并落地销售管理的各项管理动作，达到为支撑管理要求，实现业务端到端全面平台化，并落地销售管理的各项管理动作，达到销售管理过程数字化。销售管理和施工管理过程无缝对接，并实现销售阶段和生产阶段数据统一。1.3相关技术的介绍1.3.1 JavaScript以往纯Js开发比较的繁重，开发时需要在最初的阶段封

13、装多个公共的工具类和公共样式，达到应有的效果可能需要几十上千行代码，Jquery开发的便孕育而生，然而技术不会止步。发展到现在，Js的开发有十分成熟的集成的框架，而主流的框架有React、Vue、Angular，React的开发更适合款平台的开发，Vue则是凭借易学和良好的文档不断的火热起来，而Angular则是功能比较齐全的框架，经过良好测试的默认值。本系统就是采用AngularJs开发，使用AngularJs的优点如下（1） 采用简单的JavaScript来编写，减少了TypeScript采用障碍；（2） 有优秀的指令的操作和模板；（3） 强大的企业支持；1.3.2 UI框架当今的用户对于

14、交互和页面样式的要求比较的高，日常的项目开发需要的组件一般都会出现复用的情况，及没必要也为了更高效的编写代码，所以采用成熟UI框架成为编码的趋势。而本系统采用的UI框架正是BootStrap，是一个使用多技术成熟的UI框架，现如今也已经更新迭代4版本。为了开发需要和满足客户需求，界面的样式需要自己编写对BootStrap的样式类进行调整或者封装多个组件，有时可以自己编写组件来达到需求。自行编写组件可以锻炼自己对于组件兼容考虑和对全局的把控，对更好的学习理解UI框架，和对于各种样式崩塌的原因的分析有更好的帮助。1.3.3 Java服务器开发语言中，Java已经拥有了难以撼动的地位。许多大的IT公

15、司如阿里巴巴使用Java进行业务的开发。越来越多的公司支持和技术的不断成熟使得Java有更广阔的开发前景。Java是一门面向对象语言，继承了C语言的多种特性，类的设计、多线程、接口、抽象类、多线程、枚举类和类数组等更好的提高效率和安全性第2章 易销售的需求分析2.1可行性分析2.1.1经济分析项目的投标竞争模式十分火热，而竞标拿到好的项目更是可以为个人赚取更多的财富。在投标的过程常常与销售挂钩。“销售的本质不是把东西卖出去，而是把钱收回来”，从项目投标的角度来说，营销集体招收劳动力，通过接受项目及立项，把劳动力销售到项目出去，并从项目把成本和利润收回来，完成了一次销售过程。易销售系统对销售过程

16、进行考虑，从项目跟进、项目费用评估、方案设计到项目立项、合同的实施、项目合同归档的过程，来制定销售计划，追求经济效益的高效化。2.1.2流程线分析易销售的流程线设计有三条，分别为集采、投标和议标，集采流程:启动-项目跟进-甲方确认-合同审批-合同归档投标流程:启动-项目跟进-项目报价-开标确认-设计清单-合同审批-合同归档议标流程:启动-甲方确认-设计清单-合同审批-合同归档为了实现项目改造和项目跟进提供了业务的审批流程。用户可以通过简单操作，进行简单的培训，及可简单的上手。2.1.3安全分析本系统通过设计一个控制权限的表，普通用户登陆时会获取该表查询对应的权限信息并放回前端进行控制实现，实现

17、了对按钮和用户的权限划分2.2总体业务流程总体业务包括商机管理阶段和项目的推进阶段如图2-1图2-1 总体业务流程第3章 易销售的设计3.1 API接口接入3.1.1商机管理模块表1-1 商机管理模块表字段名称字段描述日志ID系统自动生成创建人ID当前登陆人ID创建人当前登陆人名称创建时间当前系统时间页面ID新增商机页面ID商机ID商机ID项目ID项目ID客户ID客户ID集采ID集采ID项目节点ID项目节点ID联系人ID联系人ID联系人名称相关联系人共同拜访人拜访人ID、拜访人名称消息标题创建商机-$商机名称消息内容$当前登陆人员名称于$系统时间创建了一个商机信息，商机名称为：$商机名称图片地

18、址上次服务器地址推送人推送人消息状态未推送、待推送3.1.2客户管理模块表1-2 客户管理模块表字段名称字段描述日志ID系统自动生成创建人ID当前登陆人ID创建人当前登陆人名称创建时间当前系统时间页面ID新增客户页面ID商机ID商机ID项目ID项目ID客户ID客户ID集采ID集采ID项目节点ID项目节点ID联系人ID联系人ID联系人名称消息标题创建客户-$客户名称消息内容$当前登陆人员名称于$系统时间创建成功图片地址上次服务器地址推送人推送人消息状态未推送、待推送共同拜访人拜访人ID、拜访人名称3.1.3竞争对手表1-3 竞争对手表字段名称是否必填字段描述竞争对手编号Y竞争对手ID竞争对手名称

19、Y竞争对手名称工商信息统一社会信用代码通过企业信息查询接口查询并返回字段存入表中注册号组织机构代码企业名称曾用名法定代表公司类型企业类型注册资金实缴资本企业状态成立日期吊销日期发照日期营业期限是否IPO上市上市公司代码上市类型注册地址经营范围登记机关更新日期城市覆盖范围存放竞争对手人数、所在城市和竞争对手优势竞争对手简称竞争对手简称联系地址联系地址操作人Y修改数据的用户操作时间Y修改的时间3.1.4联系人模块表1-4 联系人模块表字段名称是否必填字段描述联系人名称模糊查询联系人手机号精确查询联系人微信精确查询页数跟据数据计算出页面条数默认10条出参：字段名称字段描述联系人ID联系人ID联系人手

20、机号字符串微信微信名邮箱邮箱现任公司现任公司名称现职位职位现任职开始时间新增时默认当前操作人修改数据的用户操作时间修改的时间总页面数量默认1当前页面条数默认10条3.1.5客户品牌模块表1-5 客户品牌模块表字段名称是否必填字段描述客户品牌名称Y客户品牌品牌类型Y下拉选择总页面数量默认1当前页面条数默认10出参：字段名称是否必填字段描述客户品牌IDY客户品牌ID客户品牌名称Y最多30位字符品牌类型Y数值型跟据字典翻译描述说明及备注操作人Y修改数据的用户操作时间Y修改的时间总页面数量默认1当前页面条数默认103.2模块构成如图3-1，易销售系统由以下模块构成。图3-1 模块构成3.3用例图项目流

21、程包括投标、议标和集采如图3-2图3-2 项目流程项目流程和其他模块的关系如图3-3图3-3 模块关系图3.4流程图项目投标、项目集采和项目议标流程图如图3-4、图3-5和图3-6图3-4 项目投标 图3-5 项目集采图3-6 项目议标3.5数据库设计项目表项目节点表项目跟进表甲方确认表项目报价表设计清单表数据库ER图如下图3-7、图3-8、图3-9、图3-10图3-7 商机表ER图图3-8 客户表ER图图3-9 项目表ER图图3-10 项目流程ER图3.6系统界面交互3.6.1项目的进程树交互单个项目到对应的状态时会有指针指示和字体背景，当只有前个阶段通过后才可以进行下一个阶段操作，已通过的

22、节点可以查看，通过的节点显示勾，当前所处阶段显示波浪球。(1) 展示如图3-11图3-11 阶段展示(2) 设计思路该区域由球状图标、文字、线条和三角形构成，通过一个对象多个属性值的true和false来控制是否显示这些内容新增时后端生成一个节点树，通过节点树的遍历来渲染球状图标是波浪球还是完成状态，文字的背景颜色是有或者没有，线条是灰置还是高亮，而三角形则是表示指针的作用，表示当前节点信息所处阶段。暂存或者该状态已经完成后，退出再编辑时，默认展示当前进行的阶段。如果想要查看或修改前面已经完成的节点，点击节点即可3.6.2动态信息交互发布信息栏可以收起，发布完的信息展示在下方如图3-12图3-

23、12 动态信息考虑到可能信息量一多，滚动条将会变长，而上方的信息发布有时又不需要，因此做成了可以收起发布消息版面，来节约高度来展示发布的消息3.6.3所在城市四级查询 每次选择当前级时查找对应级的下级信息并展示，当需要修改时点击tab栏，只有点击查找后的内容，input框才会相应改变如图3-13图3-13 城市四级查询点击前：点击展示下拉城市多级选择器，查询城市的数据并打开省级的数据点击时：需要选择时，点击当前级时自动跳到下一级,并为当前级赋值改变当前级的数据；需要修改时，已选择城市，改变省时，清空已选城市，并展示对应省的城市，已选中街道，需更改省或城市或区，则需按逻辑清除对应级数据，并最后清

24、空街道的展示为空；点击后：为指点值赋值，关闭选择器第4章 易销售的实现4.1 实现平台系统：window10编辑器：Visual Studio Code 、IntelliJ IDEA 2018.2.4程序语音：AngularJs、java框架：heibinate、Bootstrap4.2商机模块4.2.1商机管理所有项目都可能包含智能化需求，因此其开工项目就相当于一个商机，需要进行跟进。同时也为了数据归集及避免重复，因此一个地产项目就等同于一个商机项目。但一个开工项目可支持录入多个分期、多个业态的开工计划，商机转成后续的销售项目时，也需要关联是哪一期的哪个业态的开工计划。（1）页面样式如图4-

25、1图4-1 商机管理页面（2）业务说明商机列表页面由“操作栏、检索模块、数据列表模块”组成操作栏相关操作按钮检索模块提供：商机名称、客户品牌、所在城市、商机来源所在城市：显示可显示的四级省市区街道下拉列表，跟进所在城市的id来检索所在城市数据，如图4-2图4-2 商机管理城市查询商机来源：下拉框显示：销售自主拓展、外盘采集开工计划、万盘开工计划数据列表显示“序号、操作、商机名称、转化项目数、转化项目总金额、有效项目数、有效项目总金额、所在区域、所在城市、商机来源、客户品牌、最近跟进人、最近跟进时间”；操作：显示【转销售项目】按钮，点击按钮，显示该上线的建设期数列表如图4-3图4-3 转销售项目

26、弹框4.2.2商机新增(1) 页面展示如图4-4图4-4 商机新增(2) 业务说明新增商机页面由“商机基础信息”和“商机建设期数明细”组成；商机基础信息包含商机名称、商机来源、所在城市、商机跟进组织、关联客户、客户品牌、商机跟进人、占地面积、建筑面积、详细地址、商机品牌组成商机跟进人：选择弹窗，显示的人员选择弹窗如图4-5；图4-5 商机跟进人选择弹框商机建设期数明细采用列表方式显示，显示字段：序号、建设期数、项目类型、计划开工日期、计划竣工日期、备注说明、操作。列表允许手动输入字段值内容项目类型：允许多选，弹框选择如图4-6；图4-6 商机建设期数明细选择器4.2.3商机编辑(1) 页面展示

27、如图4-7图4-7 商机编辑(2) 业务说明编辑商机页面由“商机基础信息”和“商机建设期数明细”组成；商机基础信息包含：“商机名称、客户品牌、关联客户、商机来源、占地面积、建筑面积、所在城市、商机跟进人、商机跟进组织、详细地址、商机品牌”组成；商机建设期数明细，采用列表方式显示，显示字段：序号、建设期数、业态、计划开工日期、计划竣工日期、备注说明、操作；4.2.4商机详情(1) 页面样式如图4-8图4-8 商机详情页面(2) 业务说明页面由商机基本信息、商机项目信息、动态信息“组成，商机基础信息，由“商机基础信息”和“商机建设期数”组成操作：显示【项目集采】、【项目投标】、【项目议标】按钮；4

28、.3客户模块4.3.1客户管理(1) 页面样式如图4-9图4-9 客户管理页面(2) 业务说明客户管理列表页面由“操作栏、检索模块、数据列表模块”组成;操作栏提供相关操作检索模块客户名称、客户简称：模糊搜索，检索包含关键字的商机数据；数据列表显示如图中表格标题显示最新拜访时间：获取客户项目最新的记录信息时间，允许点击；点击后，显示该客户所有的拜访记录如图4-10图4-10 客户拜访记录弹框拜访记录根据时间由晚到早进行排序；4.3.2新增客户(1) 页面样式如图4-11图4-11 新增客户页面(2) 业务说明新增客户页面由“企业基础信息、企业工商信息、企业联系人信息”三部分组成；当客户名称输入框

29、，点击【查询公司】后，调用企查查模糊查询接口，获取20条企业信息，采用弹窗方式进行展示，如图4-3-2-（2）图4-12 企业信息弹窗当用户选择其中一家企业后，调用企查查精准搜索接口，入参统一信用代码，获取企业详情；统一信用代码：根据用户选择的企业信息自动带出，也支持手动输入；手动输入后，点击【获取企业名称】调用企查查精准查询接口，获取工商信息详情，并且数据进行回显；客户品牌：必填，下拉框选择，下拉框显示：获取客户品牌维护页面数据如图4-13图4-13 客户品牌选择器若选择多个，需要录入占比和占比说明如图4-14图4-14 占比和占比说明样式若选择一个，则不需要录入；企业联系人：点击添加联系人

30、，弹窗显示联系人选择弹窗，支持多选如图4-15图4-15 添加联系人选择器选择联系人后，在企业联系人列表中显示如图4-16图4-16 企业联系人信息样式列表需要对该任职记录进行岗位设置；4.3.3修改客户(1) 页面样式如图4-17图4-17 修改客户页面(2) 业务说明编辑客户页面由“企业基础信息、企业工商信息、企业联系人信息”三部分组成；企业联系人：点击添加联系人，弹窗显示联系人选择弹窗，支持多选选择联系人后，在企业联系人列表中显示列表需要对任职记录进行岗位设置；选择联系人后，点击删除联系人，则把选中联系人进行删除；已保存的联系人不允许删除，只允许【离职】操作；4.3.4客户详情(1) 页

31、面样式如图4-18图4-18 客户详情页面(2) 业务说明客户详情页面，由“操作栏、客户基本信息、客户项目信息、动态信息“组成；操作栏：【查看详细工商信息】按钮，【查看详细工商信息】按钮，点击后弹窗，显示企业工商信息；动态信息，显示该客户下所有联系信息，按照时间由早到晚进行排序显示；允许用户进行动态消息发布动态信息支持添加联系人，点击【添加联系人】按钮，弹窗显示联系人检索列表，选择联系人后，需要进行二次确认提醒：点击【确认添加】按钮，在该联系人的履职信息中添加一条任职数据，并且把上一条任职数据的离职时间填写为系统时间；点击【新增联系人】按钮，进入新增联系人弹窗如图4-19；默认为当前添加的公司

32、图4-19 新建联系人弹框4.4竞争对手管理模块4.4.1竞争对手管理列表(1) 页面展示如图4-20图4-20 竞争对手管理页面(2) 业务说明竞争对手管理列表页面由“操作栏、检索模块、数据列表模块”组成；操作栏提供相关操作检索模块提供：竞争对手名称、竞争对手简称数据列表显示“序号、竞争对手名称、竞争对手简称、关联项目数、操作人、操作时间”4.4.2竞争对手新增(1) 页面展示如图4-21图4-21 竞争对手新增(2) 业务说明新增竞争对手页面由“竞争对手基础信息、竞争对手工商信息”两部分组成；企业基本信息“竞争对手名称、竞争对手简称、覆盖城市范围、联系地址”组成；当竞争对手名称输入框，失去

33、光标后，调用企查查工商接口，获取企业数据；点击【查询公司】，调用企查查模糊查询接口，返回20条数据；统一社会信用代码：支持手动输入，点击【获取公司名称】，调用企查查精确查询接口，查询公司工商数据；覆盖城市范围：显示全国行政区域的二级城市进行选择；允许选择多个，多个用；隔开；4.4.3竞争对手编辑(1) 页面展示如图4-22图4-22 竞争对手编辑(2) 业务说明由“竞争对手基础信息、竞争对手覆盖城市范围、竞争对手工商信息”三部分组成；企业基本信息“竞争对手名称、客户品牌、竞争对手简称、竞争对手类型、联系地址”组成；4.4.4竞争对手详情(1) 页面样式如图4-23图4-23 竞争对手详情页面(

34、2) 业务说明竞争对手详情页面由“竞争对手基本信息”和“竞争对手项目明细”组成；竞争对手基本信息，显示相关信息竞争对手项目明细，显示：序号、项目名称、业务类型、是否中标；覆盖城市范围由竞争对手品牌带出4.5联系人模块4.5.1联系人列表(1) 页面展示如图4-24图4-24 联系人页面(2) 业务说明客户管理列表页面由“操作栏、检索模块、数据列表模块”组成；操作栏提供：【搜索】按钮、【重置】按钮、【编辑】按钮、【删除】按钮、【导出】按钮；数据列表显示“序号、姓名、电话、微信、邮箱、现任职公司、现职位、现任职开始时间、现任职结束时间，创建时间，创建人”姓名：允许点击，点击后跳转联系人详情页面；4

35、.5.2联系人编辑(1) 页面展示如图4-25图4-25 联系人编辑页面(2) 业务说明编辑联系人页面由“联系人基础信息、联系人任职范围”两部分组成；联系人基础信息“姓名、电话、微信、邮箱、籍贯、爱好、婚姻、生育、岗位角色”组成；联系人任职范围：任职信息只显示，不允许操作4.5.3联系人详情(1) 页面样式如图4-26图4-26 联系人详情页面(2) 业务说明联系人详情页面，由“操作栏、联系人基本信息、联系人项目信息“组成；4.6客户品牌模块4.6.1客户品牌管理列表(1) 页面展示如图4-27图4-27 客户品牌页面(2) 业务说明客户品牌管理列表页面由“操作栏、检索模块、数据列表模块”组成

36、；操作栏提供相关操作检索模块提供模糊查询4.6.2客户品牌管理新增(1) 页面展示如图4-28 图4-28 客户品牌管理新增页面业务说明客户品牌新增包括：客户品牌、品牌类型、品牌分类、描述说明、覆盖城市范围；覆盖城市范围：非必填，于品牌分类联动，由年份选择器、添加城市按钮和表格构成。点击添加城市时，在表格插入数据；每个年份对应一个表格数据4.7项目模块项目模块包括如图4-29流程图4-29 项目流程图4.7.1项目页面架构(1) 页面样式如图4-30图4-30 项目页面样式(2) 说明页面主要由“1操作栏；2基础信息；3流程节点；4节点内容展示框；5动态；”组成；操作栏有多种按钮，为录入方便提

37、供暂存数据功能基础信息展示项目基础的信息，点击蓝色的链接时可以跳转到该内容的详细信息；流程节点展示该项目所属阶段；节点内容处于基础信息时，展示框选择内容，基础信息栏对应数据相应的变化；动态只有项目启动后才会展示，实现逻辑同客户管理模块的动态。4.7.2项目流程录入(1) 页面展示如图4-31图4-31 项目创建页面(2) 业务说明可以选择开启集采、投标或议标项目。操作栏点击【保存】按钮，判断是否已选择招采方式，若选择暂存内容，并进入下个流程点击【进入下一阶段】按钮，判断必填项，若未填提示用户输入点击两按钮都会生成节点树4.7.3项目跟进阶段(1) 页面展示如图4-32图4-32 项目跟进页面(

38、2) 业务说明项目跟进显示：“项目信息、项目要求”三部分；项目信息显示：预计签约金额、赢率预判、甲方预算单方造价、回标次数、回标说明、建筑楼层说明、竞标单位、几家集采、计划投标日期等；项目要求显示：计税方式、是否属于精装、甲方目标平方造价、报价策略、付款方式、项目材料上传网盘地址4.7.4项目报价阶段(1) 页面展示如图4-33图4-33 项目报价页面(2) 业务说明页面显示：报价人、平米报价、设计费报价、递交投标文件截止时间、需求信息附件(温馨提示: 最大允许上传30M文件)；4.7.5甲方确认/开标确认(1) 页面样式如图4-34图4-34 开标确认页面(2) 业务详情页面显示：开标时间、

39、计划归档日期、竞标单位、开标确认附件；4.7.6设计清单(1) 页面样式如图4-35图4-36 设计清单页面(2) 业务说明页面显示：设计人、设计金额 、计划设计开始日期、计划设计完成日期、当前应收设计费比例 、当前应收设计费、预计收款日期、清单完成时间 、清单附件、图纸材料；4.7.7合同归档(1) 页面样式如图4-37图4-37 合同归档页面(2) 业务说明页面显示：项目名称、本部寄出盖章合同日期、合同名称、合同文本回收日期、创建人、附件；4.7.8项目管理列表(1) 页面样式如图4-38图4-38 项目管理页面(2) 业务说明页面有操作栏、检索栏、列表栏组成；页面根据当前登陆用户数据权限

40、，获取项目数据；操作栏显示：【搜索】、【重置】、【编辑】、【删除】、【导出】；第5章 系统测试5.1功能测试用例编号测试功能模块场景名称预期结果数据实际结果DL001商机模块详情商机管理列表-查看详情时，“商机建设期数明细”没有回显正常显示无“商机建设期数明细”没有展示DL002客户模块新增客户管理列表-修改客户信息，点击保存时校验有问题提示保存成功客户名称：东莞市中万公司；统一社会信用代码：91441900MA5413BQ5；客户简称：中万客户品牌：中万提示请输入客户品牌DL003商机详情商机管理列表-查看详情报404正常显示无商机管理列表-查看详情报404第6章 结论对与销售易系统，我觉得

41、有以下的优势：1.实现了项目的收集和项目的产出，直观通过xlsx文件查看项目的信息；2.项目管理对集采、投标和议标基本流程进行了简单的梳理，对提高项目的工作效率有一定的提高作用；3.大大降低的项目管理人员培训成本。管理人员的流失是不可避免的，业务的扩展对于人员的增加也是必须的。在这个过程中，一个新的员工对于新的项目管理的熟悉就成了关键的问题，如果一个新的员工刚入职，那需要投入老的管理人员和新员工的双倍资本；经过对于易销售系统的设计，本人对于angularJs有了大致的了解，虽然angularJs是重量级开发，每次使用都需要在网上找到对应的文件并放到本地，但是丰富了对插件的了解，比如echart

42、，js-xlsx，qrcode等等插件。从对js控制dom的变化，到使用jQuery来操作html的dom节点，到angularJs运用对象的思想控制节点的显示隐藏。js知识就像一片森林，路遇各种分岔路，因为找不到资料自己想不通而想放弃，到你走得越来越深之后发现后面的路还很长，印证了书到用时方恨少。参 考 文 献1张鑫旭. css世界D.人民邮电出版社，2017.122美 尼古拉斯泽卡斯. 高性能JavaScriptD. 电子工业出版社，2010.113曾探. JavaScript设计模式与开发实践D. 人民邮电出版社，2015.54新视角文化行. Div+CSS3.0网页布局实战从入门到精通

43、（第2版）D. 人民邮电出版社,2018.55徐阳/丁小峰. Head First HTML与CSS（第2版）D. 中国电力出版社, 2013.6Douglas Crockford. JavaScript语言精粹D. 电子工业出版社, 2009.7广发证券互联网金融技术团队. 揭秘Angular 2D. 电子工业出版社, 2017.8王芃. Angular从零到一D. 机械工业出版社, 2017.9弗拉纳根. JavaScript权威指南D. 机械工业出版社, 2007.10郭家寶（BYVoid）. Node.js开发指南D. 人民邮电出版社, 2012.11希 Lea Verou. CSS揭秘D. 人民邮电出版社, 2016.12Ilya Grigorik. Web性能权威指南D. 人民邮电出版社, 2013.13张玮,刘浩,段红梅,申昆玲.基于Web of Science的儿童哮喘行动计划发