毕业设计（论文）-基于WeX5技术的家用电器营销系统设计-(后台服务器-).doc

本 科 毕 业 设 计 (论 文)基于WeX5技术的家用电器营销系统设计(后台服务器 )Design of Home Appliance Marketing System Based on WeX5 Technology (Background Server)学 院： 电子工程学院 专业班级： 电子信息工程 学生姓名： 学 号： 指导教师： 2017 年 6 月毕业设计（论文）中文摘要基于WeX5技术的家用电器营销系统设计(后台服务器 )摘 要：随着网络信息技术得到极大的普及发展，网上交易已经连接到社会生活的各个方面，家用电器行业也借助网络的渠道实现网上营销，网络正在不知不觉中改变着人们的生活方式等各个方面。 基于WeX5技术的网上家电营销系统，借助后台MySQL数据库。在设计系统时，通过整个系统的架构数据流程图更直观的展示了设计思路和内在联系。在数据库设计时按照后台数据库要求设计，确保软件可以调用后台数据。然后，对后台的操作界面里进行商品管理、订单管理、用户管理等各个模块的设计，从后台的数据库到后台的操作界面，最后通过系统里的浏览器运行可以实现网上家电营销系统后台服务的一些操作。综合整个系统设计界面精简，整体配置合理，基本可以实现家电营销的后台管理功能。 关键词：网上交易；家电营销；WeX5技术毕业设计（论文）外文摘要Design of home appliance marketing system based on WeX5 Technology (background server)Abstract: With the popularity of Internet information technology gets great development, online trading has been connected to all aspects of social life, and home appliances industry is also with the help of a network of channels to realize online marketing, web is imperceptibly changing peoples way of life. and other aspects.The online appliance marketing system is based on WeX5, with the help of the background MySQL database. In the design system, the design thought and inner connection are presented more visually through the architecture data flow diagram of the whole system. The database design is designed to ensure that the software can invoke background data. Then, in the interface to the operation of the background for commodity management, order management, the design of the various modules such as user management, from the backstage database to the backstage operation interface, finally by the browser to run in the system can realize online home appliance marketing some of the operating system back-end services. The whole system design interface is streamlined, the whole configuration is reasonable, basically can realize the background management function of appliance marketing.Keywords: Online transaction; Appliance marketing; WeX5 Technology目 录1 绪论11.1 课题背景和研究意义11.2 国内外研究现状21.3 本课题研究内容32 系统开发的技术基础42.1 WeX5技术简介42.2 WeX5主要功能介绍63 WeX5技术的后端服务介绍93.1 后端服务分类介绍93.2 后端服务过程介绍134 系统设计164.1 系统总体架构164.2 后端服务开发过程175 后端系统设计与测试245.1 系统功能设计245.2 系统功能测试26结 论29致 谢30参 考 文 献31二一七届本科毕业设计（论文） 第 32 页 共 32 页1 绪论纵观全球的急速发展，互联网信息技术得到了迅猛的进步，并且，在实际中大范围的应用到商业领域以及贸易交流等方面。人们正在开始借助互联网，网络通信技术等计算机方面的应用技术，用来进一步实现商品贸易活动的全球化、信息化，这已经成为了全球商品贸易交流合作的一种趋势。国际间的贸易越来越多的通过网络渠道来合作。现在，在国内的家电市场，随着我国的改革更加的深入，一系列好的政策的出现，也更好的带动了我国市场经济的稳步发展。为进一步拉动国内经济更好的发展，国家也是制定了更多的政策方针来拉动国家经济的发展，如提出了扩大内需的计划，同时，国家也是更加关注民生，关注人民生活消费水平。家用电器产业的发展与人民的生活有着紧密的联系，可以说，每家每户都要用到各种家用电器。因此，家用电器产品的消费需求也得到了不断增加，这也给家电行业带来了一个新的发展机遇期，同时，也可以想象对家用电器商品的营销也进入了一个新的发展机遇期，通过和网络的更好的整合，通过网上营销系统也能更直观全面的对家电产品进行管理营销，让整个家电营销行业借助网络的翅膀，飞的更高更远。1.1 课题背景和研究意义首先，从概念的基础上对家用电器要有一个简单的认识。何为家电，通俗一点的解释：家用电器是电子器具的一种，主要是指那些在家庭及其类似场所中使用的各种电子器具的一个总称。科技的发展诞生了家用电器，家用电器的产生使人们从劳力、耗时的家务劳作中释放出来，同时家用电器也使人们的生活方式、工作方式和文化娱乐方式变得更加智能化，便利化，以及更加的丰富多彩和更加的高科技。家用电器正在慢慢地改变着人们的一些生活方式，已经深深的融入到了现代人们的家庭生活里面。家用电器的总类也是有很多种，如果按照家用电器的范畴进行列举的话，各个国家都有自己的一套标准，所以导致全球范围内也并未形成一个统一的家用电器的详细分类法 。其中，有的国家把家用电器里的照明类型的器具归纳为其中的一种类型，还有一类型归为文娱器具类型，其中涵括声像类型的电器和电动电子玩具类型的电器，虽然，各国在分类定义有一些不同，但是总体上对家用电器也还是有一些基本的认同。这些年来，快速迅猛发展的计算机信息技术，以及新出现的科技进入到商业和社会生活的各个方面，从目前看来，中国的产品制造企业大多采用低成本制造和转型高技术化的发展模式 1。随着产品制造规模的增强，我国家用电器的种类、数量也变得越来越多，越来越新。如何利用不断更新的网络技术和发展越来越快的计算机软件技术来进行有效地管理、销售我们所生产出来的家用电器，并且借助高新技术建立起来一套以高科技化为中心的家电系统，相信可以极大地提高家电产品的营销和家电设备的管理能力，己经逐渐成为当代社会中企业所必须要具备的一个外在能力。现在，在接下来的论文中，主要是针对家用电器设计的一套家用电器的营销系统。家用电器营销系统是一个以人为主导因素，把计算机软、硬件技术，以及网络通信技术相整合，然后，通过这些整合的技术进行家用电器的管理、营销、更新，以为提高整个公司的营销能力为最终目标的家用电器营销的软件系统。归根结底，家用电器营销系统是营销系统其中的一部分，但是，它不仅拥有营销系统的共性，同时它也具有其特有的一些特点。总体来说，营销系统的创建的目的主要是为了给企业和客户双方创造便利的，实现商家与用户的钱物交换，并且最终得到投资收益的一个系统。总体概括，家用电器营销系统主要是用来连接家电企业生产的家电产品与需要购买家电的顾客的作用，在中间起到的桥梁与管道的作用,功能主要是在中间连接交易双方的。一套家用电器营销系统一定是一个家用电器营销商不可缺少的一部分,它对于家电营销商来说是至关重要的一个环节。同样的，家电营销系统能够为用户所带来的应该是更为方便的购物环境和更为快捷的购物体验。本次课题所开发的家用电器营销系统是一套基于WeX5技术设计的营销系统，它的使用可以将家用电器营销部门的工作更加的网络化、现代化的，使家用电器营销人员解脱了繁重的劳动，实现了家用电器整个营销的计算机化的管理，同时在与顾客的信息交流方式上也可以实现在互联网上实现。营销人员可以直接在计算机上实现家用电器销售的管理，并在一定程度上实现整个营销网络工作高效的进行，同时给企业带来更多收益。1.2 国内外研究现状研究家用电器的发展历史来看，国外生产的产品，在早期的国内家电市场上基本上可以一统天下。于是，在起步阶段，国内的家电行业的发展主要的还是依靠从国外引进一些设备和先进的一些技术开始的2。慢慢的发展，到八十年代初，国内的无论是政府部门，还是企事业单位，都受到了巨大的市场需求以及高利润的驱动，从而大批量的引进生产线进行生产家用电器产品，这从而使家用电器获得了飞速的发展。尤其是，八六年到九五年这十年期间，可是说是一个黄金时期，国家整个家用电器工业的发展都处在一个上升阶段，统计显示，那期间家用电器总产值每年的增长率高达百分之三十二以上，这种成绩令人赞叹。发展到九六年的时候，国内生产的家电产品产量已经能够领跑全球同行业，例如，最常见的家用电器：电饭煲，电冰箱，电视机，电风扇，洗衣机等的产量都已经跻身全球前列。到九十年代后期以来，竞争日益变得激烈的家用电子工业市场，推动着国内家用电器行业上升到高速发展的阶段，整个家电行业也需要调整产业的结构进行一个重组整合。所以，在整个国家的政策以及家用电器市场机制的带动下，国内家用电器企业开始由以前的繁多而且松散调整到向大型企业集团迈进的步伐。因此，随着这一系列的发展和调整，在国内的整个家电行业中，逐渐的形成了一批具有名气的并且也拥有相当营销水平的家电企业，这些家电企业逐渐成为了在家电市场中的主导力量。接着进入新世纪以来，从两千年到两千一零年，这又一个十年间，国内家电行业又经历了一个十年的变迁，这十年间最主要的变化可以说是家电的整个流通领域从一开始的单独作战的单体店再到渐渐地向规模化、标准化的家电路程的演进。所以，可以说，国内的家电行业是竞争最为激烈的行业之一3，并且也对应的是市场化程度最高的。在市场中的竞争是避免不了的，存在竞争才能使优胜劣汰，才能做出好的家电产品，因此，只有企业间进行了良性的竞争4， 才能带动并且促使整个行业的向前发展。这些市场竞争产生的变化，所带来的影响，已经从一些制造商和消费者，渐渐地影响到国内整个家用电器行业的生产营销的布局。科技的进步普及，以及逐渐普及全球的网络信息技术，让家用电器商家在网上进行家用电器的营销成为可能。目前网络上普遍使用的在线的营销系统也可以通过改进，进而可以实现家用电器在网上进行销售。在九七年的时候，外国的家电商家在网上进行家电销售的商家就有近200家，回过来，看一下国内，从第一个开始吃螃蟹的家电商家开始网上销售之后，把家用电器商品的销售搬到网上去，已经如雨后春笋般涌进到每个家电商家的心里了。随着社会科技的发展，目前国内都已经很难统计到底有多少家网上商城进行家电的销售了。把家电的管理和销售搬到网上去，然而，想要实现网上家电的营销，就需要建立一个完善的线上家电营销系统，建立一个线上的家电营销系统也要求实现很多的功能，大致功能如下，家电的营销，库存里家电的日常管理，以及管理用户的信息订单等功能。同时线上的家电系统还要对用户的身份进行管理，还要有家电系统的一整套的对应的数据库，来对整个家电的系统进行数据的管理等等。针对目前的状况来说，现代化的各种家用电器企业也在不断的更新换代，商业的快速发展，所以，在进行家电营销系统的开发前，首先要对目前的发展状况做一个全面和深入的调查、了解是必不可少的。关注当下形式，利用互联网上更新出来的先进技术开发出新的家电营销软件系统，对家电商品数据建立一套完整的家电数据库5，进行家电数据的整体管理，才能让更多企业更好更快的发展。1.3 本课题研究内容基于WeX5技术的家用电器营销系统设计(后台服务器 )是一个典型的商品营销管理系统，本系统在设计过程中。所使用的设计步骤与其他的系统设计方法大致相同都用到了软件工程方面的设计理念，首先是选择对应需要的开发工具、其次，一个总体的系统的设计、接着对应服务模块部分的设计等大致步骤来完成设计的。在开发设计本系统过程里，首先，要做好基本功，那就是要对我们所使用的软件有一个基本的知识储备，要对WeX5软件技术的基本知识进行学习了解以及适当的研究，对软件开发的过程中经常使用的一些方法，以及软件开发的基本流程、步骤。还要在系统的设计分析过程中，要多方面分析问题，透过现象看到更深层次的事物的本源，也应该意识到WeX5软件中可能存在的一些问题，当在系统设计时要把握好对这些问题有正确的认识，然后对遇到的问题进行分析，进而解决问题；这样在设计系统时就能更高效率的工作。做任何事情都是开头最为困难，所以，首要的选择一个好的开发工具就可以事半功倍，选用的开发工具应该要拥有强大的功能，这次系统的设计开发选用的就是WeX5软件，WeX5软件采用的技术模式为Apache许可证开源的模式，是完全对商业友好的，并且在设计使用时更是完全免费的。本次的毕业设计是基于WeX5技术的家用电器营销系统设计(后台服务器 )在对文章的总体构思上，把文章的总体结构大致上可以分为以下几个部分，分别为：数据库的构建，家电商品管理，家电订单管理，用户管理，数据统计等6。虽然设计时，各个部分都是分开进行设计的，但是，设计的整个家电系统功能的实现还是需要几个部分协同运作才能构成一个统一的系统。2 系统开发的技术基础2.1 WeX5技术简介在设计开发系统的时候，想要做好一个系统，首先就要选对适合这个系统的软件，本次所用到的WeX5是一款开源并且完全免费的工具用来快速开发H5 App7。这款软件的前端所采用的标准是H5 + CSS3 + JS，它还采用了AMD规范的 RequireJS、Bootstrap、jQuery 等技术；在借助 PhoneGap技术的基础上，同时又使用了混合应用（Hybrid App）的开发模式，拥有功能可以非常轻松的进行调用手机设备以及其硬件的能力，例如，手机里面都有的功能：如手机中的相机、手机里的地图、手机的定位功能7、还有手机里的指南针功能、通信录应用、文件夹功能、语音功能、电池等等；还有就是这个软件同时也支持很多种类型的后端，后端其中就包含了 Java、PHP 和.NET 等等，与此同时也支持云 API；在部署方面也提供一键部署，此方法也用于将开发的 App 部署到云服务器 CloudX5 上。WeX5 软件的集成开发环境是基于 Eclipse的，这个软件好处是它所提供的开发环境是一个完全的可视化、可组件化、并且可拖拽式的环境8，完全的所见就是所得；同时拥有的工具还具有向导化和模板化等特点，可以快速的生成常见的应用场景界面；代码提示、真机调试，开发者使用起来非常的方便。2.1.1 WeX5技术特点目前 HTML5 是 App应用程序开发的主要技术之一。HTML5 App 应用程序的开发过程因为具有全新功能在发现方式、传播方式等方面，一定会引发整个App 行业的全面重新组合。具有非常广泛的入口、所运行的消费场景是闭环的、带来的效应也是更加超强的，并且得到传播扩展和放大，这就是 H5 给市场带来的力量所在。WeX5 是专业关注于 HTML5 App 应用程序开发的一个快速的开发软件。它具有以下一些特点：（1）程序代码等完全开源、并且都是彻底免费的；（2）用 WeX5 技术开发出来的 HTML5 App 的应用具备有强大的性能优势就是速度快“一秒打开”；（3） WeX5 技术非常方便开发者，只需要一次开发，就可以支持同时发布成各种形式的App，如 Web App、安卓 App、微信 App 等；（4）WeX5 配备了一套可视化开发环境，其中包含了数百个组件，开发人员只需要通过拖拽操作和一些少量的代码编写就能完成大部分的 App 开发工作9。开发人员还可以修改任何现有组件或者添加一些经常使用的各种特定的组件。在这里需要重点强调的是，WeX5 这个软件它所遵循的协议是Apache的 开源协议10，鼓励代码进行共享，同时对商业也是非常的友好，使开发人员可以加密，销售软件并且还可以销售他们自己开发的应用程序。要对 WeX5.有一个总体更直观上的认识可以通过思维导图来更直观的了解如下图 2-1思维导图。图2-1 思维导图2.1.2 WeX5技术的发展首先，可以看到当前的互联网技术的发展趋势大体上就是：移动数据和云数据时代的企业的应用技术，这个主要涉及到的无非就是三个方面：一个就是前端的UI、还有就是后端的服务、最后再加一个前端设备api。这是一个随着历史的潮流进行发展的事实和一个大的发展趋势：就是说前后端的设计已经开始逐渐地分化，并且开始各自进行各自独立的发展：（1）前端UI伴着网络技术大力发展的春风，互联网和浏览器已经普及到大众的生活里面并且也深深的扎根在社会生活的各个方面。企业也搭乘这个发展的春风，企业们所采用的前端的UI和样式组件，都将沿着w3c的html+css+js这个路线来进行发展，同时所产生的资源随着发展也变得越来越多，并且还在不断的增长。可以毫不夸张的讲，已经没有任何企业，可以离开这个w3c的html+css+js的标准11，重新另立旗帜搞他们自己的一套标准了。其中，大企业微软就进行了尝试，但是没有搞成功，adobe进行了尝试过了也不行，没人可以重新搞成一套新的标准。（2）后服务端当讲到后端服务时，也可以去参照前端来进行比较。那么，后端的服务正好是与前端是不同的，在技术发展方面：技术发展的路线是成一个多元化的发展趋势。例如：node，Python，java等多种的方法都是同时存在的，还有渐渐地PAAS、BAAS云服务技术的逐渐成熟12，并且在数据的绑定方面，也需要支持多种技术和多种不同的方向。（3）前端设备api技术的飞速革命性发展，带动着移动和设备的快速的进步，同时也带动了，给移动和设备增加更多的各种硬件的功能，并且变得越来越繁多，可以大胆的展开畅想，就在这个基础上我们可以联想一下身边的可穿戴设备，联想一下未来的智能家居以及更加智能的家电，畅想一下未来的手机存在形式以及未来各类型的电子产品的存在形式等。总而言之，WeX5主要就是遵循这样一项原则：那就是“让UI界面归于UI界面来管理设计，使设备api归到设备api13，让后端服务回归到后端服务设计页面”。分开进行设计，但是协调共同进行发展。上面提到的这个原则，也正是在开发人员用WeX5技术进行设计时要严格坚持并且遵循的原则14。正是由于开发人员对上述这一原则的一致遵循， WeX5技术的功能在今天看来才能如此的开放和强大。2.2 WeX5主要功能介绍2.2.1 安装及启动WeX5 软件的分类大体上，可以划分区别为 Windows 版本和 Mac 版本，主要是这两个版本，分别适合用于在 Wndows 系统上安装和 在Mac OS 系统上安装。既然分成了两个版本，那么，每个版本都有着不同的用途，例如Windows 版本可以用来生成安卓 App，Mac 版本可以用来生成安卓 App 和 iOS App15。（1）安装WeX5 软件非常的便捷，首先，在安装方面，它是绿色的并且不需要进行安装的，使用人员只需要直接解压，然后就可以直接进行使用。但是，有一点需要注意的地方就是：在解压文件的时候，切记千万不可以把压缩的文件解压到含有中文、空格和特殊字符的文件夹的目录下。因为这样会造成无法使用。（2）启动在前期按照要求安装完软件之后，会发现在安装后的根目录下会有几个批处理它们分别是：运行“启动 MySQL 数据库16”，主要的作用就是可以用来启动 WeX5 内置的 MySQL数据库。运行“启动 WeX5 开发工具”，主要用途就是用来启动打开开发软件的作用。在新用户首次，运行开发工具时，将会有弹出“CloudX5登录”的对话框，可以注册成为 CloudX5 云用户，那样就可以进行一键云部署。当然，也可以先把这个对话框给关闭掉，等待以后使用时再进行注册。2.2.2 开发工具介绍在前面介绍完了安装启动后，开始接下来的开发工具界面的学习，首先，映入眼帘的就是开发工具这个界面友好的提供了欢迎页，提供了供给使用人员进行学习、交流 WeX5 技术的入口17。本次使用的WeX5软件的开发工具的界面如下图 2-2，可以看到主要选项包括了菜单栏、导航栏、工具栏、透视图、编辑区和控制台18等其它的区域。通过观察可以发现到右上角的导航栏默认为 “Studio” 和“数据库”，开发使用的人员可以点击“Studio”这个选项，然后，就可以选择到“模型资源”透视图里面进行需要的创建动作；同时，开发人员也可以通过点击“数据库”这个选项，然后，就切换到了对应的“数据库视图”操作的界面。当开发人员在“模型资源”中双击需要打开的文件时，就可以通过编辑区查看那个被打开的文件里面的详细内容。“控制台”主要作用就是显示Tomcat 信息的控制台，当Tomcat 启动时，或者是在运行出错的时候，都可以通过观看控制台那里的输出信息得到反馈信息。图 2-2 WeX5 开发工具界面其中，最为常用的两个透视图就是“Studio”和“数据库”这两个透视图19。由图中可以看到当使用者，选择到 Studio 透视图选项时，可以观察到左边是有显示“模型资源”，这个选项卡，他的作用是主要用于进行一些必要的设计的开发；然后，第二个可以选择切换到的就是“数据库”这个透视图，接着观察软件左侧，就可以看到左边显示的就是“数据库视图”，这个视图，它的作用主要是用于对数据库里面的内容进行一些基本的操作。如下表2-3列出了上面提到的两个透视图分别提供的一些基本的功能。如下表2-4 则是列出了在我们开发软件程序的过程当中一些常常用到的功能说明。表 2-3透视图的介绍透视图说明模型资源有三个目录，分别是Baas、UI2 和 Native。其中，后端的服务模型为Baas，前端的页面模型为UI2，Native 是生成的 App数据库视图通过数据源配置，即可在数据库视图中看到已经连接的数据库，可以进行的操作如新建表，编辑数据。表 2-4常用功能的介绍常用的功能说明新建应用选择 “模型资源”里面的 UI2 目录下，右击，在出现的菜单选项中选择“新建”菜单下面的“应用”命令，打开“新建应用”的对话框创建本地 App选择“模型资源”里面的 Native 目录，右击，在出现的菜单选项中选择“新建”“创建本地 App”命令，打开“创建本地 App”的对话框启动 Tomcat通过单击工具栏上面的“启动 Tomcat”的图标，可以用来启动Tomcat数据源配置选择 “窗口”选项菜单里的“首选项”菜单命令，然后，打开“首选项”的对话框，选择“Studio 配置”，接着，单击“数据源切换到数据库视图通过，单击导航栏中的“数据库视图”，就可以进入数据库视图的界面打开 API 文档当鼠标选择 “WeX5 文档”会出现“API 文档”的菜单命令，在编辑区就可以打开“API文档”3 WeX5技术的后端服务介绍在当前行业内，时下最为流行使用的 Baas（也就是后端即服务：Backend as a Service），能提供一个后端的服务为移动应用的开发者 20。通俗的讲，所说的后端是相对于设计的前端页面而言来说的，前端通常是指用户可直接操作的界面设备，例如：手机、平板等。后端通常就是指用户们平时接触不到看不到的设备，例如：服务器、云服务等等。通常所讲的服务就是指接收前端页面的各种请求，通过处理，再给予前端页面正确的反馈。3.1 后端服务分类介绍WeX5 技术为后端服务提供了三种后端服务，如下图 3-1 所示，可以从图片中看到分别是 Java 后端服务21、.net 后端服务和 php 后端服务，不仅可以同时适用于多种环境，也可以适合于不同语言的开发设计人员，可以同时满足熟悉不同语言的开发设计人员使用。图3-1 服务结构在WeX5技术的后端服务中包含的任何服务并包含服务文件中任何动作的服务文件，该服务文件由后端服务提供给前端。前端通过调用这些操作来实现调用后端服务。在WeX5技术的后端服务中已经提供了一些公共服务，如微信的服务，极光推送的服务，与坐标转换有关的服务，可以在后台的服务22，也可以在首页被直接调用。以下简单的介绍怎样进行自定义应用程序的后端服务。3.1.1 java 后端服务（1）简介首先。Java后端服务，适用于懂得 java 语言的开发人员进行设计使用，同时WeX5 也支持对java 源代码的调试。在模型资源视图里，在Baas目录中的开发工具中的模型资源视图是目录Java后端服务的模型资源，其中包含有服务模型文件service.m和Java源代码文件，开发人员通过模型编译功能，能把每个模型文件xx.service.m生成一个Xx.do.java的文件23，并编译成类文件，然后，也可以把class文件生成为一个baas model service. jar类型的文件。这个jar可以在任何Web的项目中被使用。（2） 开发WeX5软件使用Java作为默认的后端服务，如果以前使用时修改为了其他的后端服务，当再次使用Java后端服务时，就需要手动对其进行修改，才可以在使用Java后端服务，用来获得正确的Tomcat端口设置。方法如下:选择“窗口”并选择里面的“首选项”菜单，这时还需要选择操作，那就是要切换到Studio配置的界面，Baas，将Baas的工程项目切换到Baas，在Baas目录服务中创建一个服务文件service.m，然后，开发人员就能在已经创建的service.m 的文件服务中进行需要的动作的定义。如下图 3-2 所示。图3-2 java后端服务的使用设置（3） 运行WeX5提供了Web应用程序BaasServer，它位于runtime目录下。模型资源中的Baas目录的模型编译。将会在 runtimeBaasServerWEB-INFlib 目录下生成 baas_model_service.jar。BaasServer的Web路径是baas，当设计人员启动Tomcat时，可以通过http:/IP:端口/baas访问后端服务。后端服务的访问路径是在/ui2/system/lib/base/baas.js文件中定义的,BASE_URL:“/ baas”。开发人员可以部署baas_model_service.jar到其他Web应用程序里，并在baas.js文件中修改BASE_URL文件以访问Web应用程序的Web路径。3.1.2 .net 后端服务（1） 简介.net 的后端服务，适用于可以熟练掌握.net 知识的开发人员，但是，还需要进一步安装 Visual Studio 2015这个软件。因为，WeX5 不支持调试 cs 文件源代码，但是，开发人员可以借助这个Visual Studio 2015 的软件进行一些需要的调试。在开发工具的模型资源视图中的 B 目录是.net 后端服务的模型资源目录，其中就涵盖了经常使用的服务模型文件 service.m 和源代码文件 cs ，通过模型编译将每个模型文件 xx.service.m 生成一个Xx_do.cs 文件，最后将这些 cs 文件编译成一个 X5BaasService.dll 文件。这个 dll 可以放到任意 IIS 服务中使用。（2）开发WeX5默认使用Java后端服务，因此如果开发人员想使用该服务里面的.Net后端服务时，需要修改.net 后端服务用来使用该服务，用来获得正确的Tomcat和Nginx端口的设置。设置如下:首先，要选择“窗口”选项里面的“首选项”菜单的命令，紧接着要来切换到需要操作的界面，就是选择Studio配置，Baas，并将Baas工程项目切换到B。如下图 3-3 所示。图3-3 .net后端服务的使用设置创建服务文件service.m建立在B的目录里面，并且需要在service.m 的服务文件中定义动作这个操作按钮。B目录包含一个Visual Studio的解决方案，它使用Visual Studio 2015软件的途径用来打开X5BaasService。可以用于调试和开发CS文件。编译B目录之后，会生成对应的Web应用发布文件。这里假如IIS的这个网站的路径选择的发布目录为d: inetpub wwwroot，设置d: inetpub wwwroot为B 的网站路径，在编译 B 目录时，对即将编译出的文件，需要将发布的文件复制到 d:inetpubwwwroot 的目录之下24。对B的网站路径的设置方法如下：打开/B/project.config.xml文件，设置IIS 的网站发布路径为WebSitePath，举例子如下：d: inetpub wwwroot，如图 3-4 所示图 3-4 B 网站路径的设置（3） 运行开发人员需要启动Tomcat、Nginx、IIS的服务来进行需要的开发和调试，其中要作为Web服务器的服务Nginx，在访问W文件时，也需要转调 Tomcat；可以通过转调IIS，来进行访问后端服务。当设计人员部署运行时，就只需要启动IIS服务就可以了。3.1.3 php 后端服务（1） 简介Php后端服务，适用于能够熟练使用PHP的开发人员，WeX5不支持调试PHP源代码。开发人员可以使用Chrome浏览器的开发工具来进行查看PHP的输出信息。在开发工具的模型资源视图中的 Baas.php 目录是 php 后端服务里的模型资源的目录，其中囊括了基本的服务模型文件 service.m 和源代码文件 php ，开发人员可以通过模型编译选项，把需要的每个模型文件 xx.service.m 生成一个 Xx_do.php 文件，最后将modelBaas.php 目录下的文件作为资源为后端服务所使用。（2） 开发WeX5软件默认使用Java的后端服务，因此，当开发人员想要使用PHP后端服务时，就需要修改以便使用PHP后端服务，才可以用来获得正确的Tomcat和Nginx端口设置。其中步骤如下:先要在首页的菜单栏里面，选择“窗口”这个选项，然后，再在“窗口”这个选项里选择“首选项”这个选项命令，然后，紧接着的工作就是选择Studio配置，然后还有Baas，把Baas的工程项目切换到Baas.php，创建一个服务文件 service.m在 Baas.php 目录下25。软件设计人员就可以在 service.m 文件里面根据自己的需要进行定义动作按钮的操作。如下图 3-5 所示图 3-5 php 后端服务的使用设置（3）运行当开发人员进行开发和调试时，首先，需要把Tomcat、Nginx、php 的服务进行启动，其中，开发人员可以为 Web 服务器选择Nginx 服务，需要转调 Tomcat，来进行进一步的访问 W文件；同样的，也需要转调 php，来进行访问后端服务。当进行部署运行时，不需要启动 Tomcat。php的 Web 服务器可以使用 Nginx，也可以使用 Apache26。针对本次课题，基于WeX5软件的家电营销系统主要是选择采用的java后端服务，使用java后端服务，因为java语言使人们能更容易的编写程序，更好理解，并且最重要的一点为，WeX5 软件默认的选择是使用 java 的后端服务。3.2 后端服务过程介绍3.2.1 创建服务创建服务的过程就是创建一个带有后缀为“service.m”的服务文件。这部分与语言是没有相关的，所以，这三个后端服务虽然使用的方式不同，但是，它们所创建的是相同的服务。这项服务可以在Baas(Baas.php或B)模型目录下面建立，也可以被构建到子目录中。下面举一个例子，是一个新建在在Baas目录中的qb/wd.service.m的例子。创建的过程如下:在软件的模型资源中选择Baas目录，选择右键，然后并单击，这时可以看到一个出现的菜单，然后在菜单里面，可以选择一个命令，就是新建“文件夹”的命令，接着下一步就是点击打开刚刚新建成的文件夹对话框。在新建文件夹之后，选择新建的文件夹，接着下一步，选择右键并点击，在这时可以看到一个出现的快捷菜单，选择并且点击新建 “服务” 这个命令，这时就会打开新的服务对话框。新建后的服务、会同时生成服务模型文件、后缀为service.m，要使用的后端服务模型资源文件就是刚才在上面建的service.m文件，可以对模型进行编译，将该文件编译成Java、PHP或CS文件。如图 3-6所示图 3-6 新建服务图片3.2.2 创建动作所谓的创建动作就是将Action这个动作添加到服务文件里面去。后端服务的接口可以用Action这个动作来进行连接，设计人员可以在后端服务里面定义Action动作，并且在前端页面中发送请求来调用Action这个动作。每一个动作都可以设置为系统提供的公共方法的实现方法，当然，每个动作的设置也可以不采用系统所提供出来的方法，而是使用自己自定义的方法。系统为设计者提供了三种公共方法。它们都是访问数据库的方法，比如，单表查询、单表存储和SQL查询。像这样使用了系统提供的公共方法的动作可以称为数据库动作，使用了自定义方法的动作称为自定义动作。如图 3-7所示。图 3-7 服务接口动作3.2.3 模型编译模型编译就是从模型文件中生成一个发布文件的过程。模型编译它的作用，针对不同的后端服务也会有不同作用。如下表 3-8 列举了模型编译的作用表 3-8 模型编译的作用模型编译对象作用模型编译java将每个服务的模型文件 service.m 生成_do.java的形式，首字母大写。将整个模型目录打成 baas_model_service.jar，放在 runtimeBaasServerWEB-INFlib 目录的下面模型编译(调试模式)java在开发调试的时候使用。模型编译时会自动导入 BaasServer 工程，再修改 java文件后，不需要进行执行模型编译。开启 Tomcat 的调试模式后，可以对java 文件进行断点调试模型编译php将每个服务的模型文件 service.m 生成_do.php的形式，首字母要进行大写模型编译.net将每个服务模型文件 service.m 生成_do.cs的形式，首字母要进行大写。将整个的模型目录编译成发布文件，生成到 modelwwwroot 目录下，然后再复制到IIS 的网站进行发布的目录下每当设计人员修改了模型资源目录中的文件时，都需要再次执行模型编译。这个模型编译的步骤是通过选择Baas(Baas.php或B)目录存在模型资源选项中，选择右键并点击，并在弹出的快捷菜单中选择模型编译命令来进行模型编译的功能。在本次系统使用的软件WeX5里，Java后端服务为使用者提供了两种编译模式，一个是模型编译，一个是模型编译(调试模式)，当开发人员使用提供的模型编译 (调试模式)时,如果是在Tomcat启动之后,并且执行过了模型编译这个选项,那么就需要先把Tomcat重新启动。然后，再执行模型编译(调试模式)，当执行模型编译(调试模式)时,如果只是仅仅修改了设计界面里面的Java文件,它将会立即生效,不需要再点击去执行模型编译(调试模式)或模型编译了。4 系统设计4.1 系统总体架构4.1.1 系统架构流程图系统架构流程图是将整个系统进行一个简单的概括描述，它所代表的信息仅仅是系统中各个部件之间的连接情况，而没有涉及到内部的些许处理细节。系统流程图就是家用电器营销系统总体框架的图形化显示，系统流程图展示的就是一个事务从开始到被接收到再到被处理，然后产生一系列结果的过程。如下图4-1所示：图4-1 系统架构流程图4.1.2 系统数据流程图系统数据流程图展示的是一个过程，一个家用电器系统中数据业务处理的过程。系统数据流图也为整个系统提供了一种更加系统的，并且是一种非物理方式的流程27。在显示功能方面跟家电系统的流程图一样，它所代表的也仅仅只是用户家电数据的流动，但是，在对数据的处理、数据的存储等过程方面还是有一些的不一样的。通俗的讲，在数据流图的区分上面来说，可以把数据流图分为上下文级的数据流图，我们设计人员也可以根据设计的系统的需要再做具体的进行分解，顶层的数据流图是对我们设计的整个系统的一个大体上简单的概括，也可以根据要求对其各个层进行一个详细的划分，但是有一点要明确的是，系统的上下级数据流图之间的数据信息一定要是一致的。在如图4.1-2中，可以看到是家用电器网络系统的一部分的数据流，可以看到从事务的接受开始，到处理，到与数据库产生一个交互的响应，数据库管理员可以通过查看订单信息来进行与用户的一个信息交互，还可以看到整个的处理订单的过程与数据库之间的信息交流28。从整个图4-2中，能非常清楚地展示给大家整个一个系统的数据的流动方向。图4-2 系统数据流程图4.2 后端服务开发过程4.2.1 新建数据库首先，在下载的WeX5软件的文件夹目录里运行“启动 MySQL 数据库29”， 然后，启动 WeX5 内置的 MySQL 数据库，再接着，“启动MySQL管理工具”，然后，可以看到如下图4-3的界面，接着在 “X5”的旁边，鼠标右键点击，选择“创建新的”接着选择“数据库”，之后点击创建。如下图4-3创建数据库。图4-3创建数据库接着下一步要进行的步骤就是，会看到跳出的小的设置窗口，这时，创建一个名称为“jiadian”的数据库，点击确定按钮就完成了。如图4-4 数据库命名图4-4 数据库命名4.2.2 配置数据源首先，在解压过安装包的文件夹目录下面点击打开，“启动WeX5开发工具”，接着要进行的下一步骤为：在软件的菜单栏里面，选择“窗口”选项，在出现的选项里，接着鼠标点击 “首选项”30，这个选项；在 “首选项”界面里选择“studio配置”选项卡，单击“studio配置”选项，在选项下面找到“数据源”，单击打开“数据源”，点击右上角的“增加”按钮。接下来设置本次设计要用到的对应要求的数据源类型“MySQL”，数据源名称起名为“jiadian”，数据库类型为“mysql”，等依次按照下图设置进行填写。然后测试连接，测试连接成功后点击确定。如下图4-5 studio配置、图4-6 数据源设置图4-5 studio配置图4-6 数据源设置在配置完成数据源文件后，接着，需要将界面切换到studio界面，在左边模型资源里，选择打开Bass选项卡， 在Bass选项卡里面找到db.config.m，双击打开db.config.m，看到“jiadian”点击选择，把本次设计需要使用的“jiadian”数据库勾选上，这样设计时就可以访问到这个数据源了。然后，关闭选项卡。如下图4 -7 配置数据源图4-7配置数据源4.2.3 新建数据表首先，在开发工具界面中由原来的“studio”界面切换到 “数据库”界面，可以在左侧的数据库视图里看到数据源选项下面多了我们刚创建的一个数据源“jiadian”，然后，双击数据源“jiadian”可以看到下面有对应的“jiadian”的数据库，然后，在“jiadian”数据库上点击右键“创建表”，然后创建表名称为“jd1”的数据表并点击确认，可以看到出现下面的界面。如下图4-8 创建数据表图4-8 创建数据表然后，添加需要的一些字段，如需要的字段fID,fName，fPrice，fDespriction，fImage等，然后接着对数据类型进行选择，fPrice需要选择DECIMAL,其他几个字段选择VARCHAR,选择好对应需要的数据类型和字段长度，精度等各项按要求设置，最后，把fID设置为主键。然后，这样数据表就已经初步建好，打开数据表“jd1”，可以在数据表里面管理，添加，删除数据和修改数据。下图是制作数据库刚开始的时候，在数据表里做的两条家电产品的信息。如下图4-9 产品信息数据表。图4-9 产品信息数据表4.2.4 新建服务下面进行新建服务步骤，先由“数据库”界面切回到“studio”界面，然后，在qb这个目录上，右键选择“新建”，接下来点击“ 服务”， （如下图4-10新建服务）弹出创建服务的窗口，名称创建为“jiadian”点击完成按钮，（如下图4-11创建新的服