基于H5的微信开发与实现三稿

内江师范学院本科毕业论文（设计）本科毕业论文姓 名： 李维 学 号： 20131041101 专 业： 物联网工程 班 级： 2013级4班 题 目： 基于H5的微信开发与实现 指导教师： 李尧 目录1 前言31.1 系统开发目的和背景31.2外卖平台现状综述31.2.1 外卖平台的发展情况31.2.2 外卖市场分析41.2.3 消费者分析41.2.4 商家分析41.3 系统开发意义52 系统开发环境和开发工具52.1 WEX5简介53 系统功能64 系统设计64.1 外卖系统功能介绍64.2 架构原理74.2 数据交互过程74.3 系统数据库设计74.4 开发过程84.4.1 前端页面开发过程94.4.2 后端服务开发过程114.4.3 调用原生插件134.4.4 打包及部署145 结论14参考文献15致谢16基于H5的微信开发与实现摘要：在21世纪互联网已经进入了一个快速发展和成熟阶段，电子产品成为了生活中不可缺少角色。随着社会的发展和生活观念的改变，我们的消费意识也生了巨大的变化，孕育出了一种新网络营销模式，即外卖行业。外卖行业具有广阔的发展空间和潜在动力，有大市场，大的消费群体，可以为我们创造可观的财富价值。鉴于当前此行业的蓬勃发展，研发一个迎合当前大众消费习惯和生活方式，结合地方特色建立一个区域性的特色的名为“小香厨”的H5 APP外卖平台。该系统使用了主流的HTML5、原生JS、CSS（CSS3）、JS类库（jQuery）、CSS框架（bootstrap）、Cordova插件（调用设备上的API）等做前台页面的开发，使用Java开发后台服务，使用Apache做Web服务器以及数据库技术（Mysql）。此平台使用可视化界面的Wex5作为开发工具。应用的操作系统为Android或IOS.关键字：互联网；WeX5；微信；外卖APPABSTRACT：In the 21st century has entered a rapid development of Internet and maturity stage, electronic products has become an indispensable role in life. With the development of the society and the change of the concept of life, our consumer consciousness also had a great changes, and finally give birth to a new network marketing model, namely the delivery. Food industry has a broad development space and potential power, have a big market, big consumer groups, can create considerable wealth value for us. Due to the vigorous development of the industry, the present research and development a cater to the current mass consumption habits and lifestyle, combined with local characteristics to establish a regional characteristics of H5 APP called "small incense kitchen" delivery platform. The system USES the mainstream of HTML 5, native JS, CSS (range), JS library (jQuery), CSS framework (the bootstrap), Cordova plug-in (API) call equipment make the development of the front desk page, such as using Java development background, using the Apache Web server and database (Mysql). The platform using the visual interface Wex5 as development tool. Application of the operating system for Android or IOS.KEY WORDS：Internet; WeX5; WeChat; Take-away APP1 前言1.1 系统开发目的和背景手机最初作为一种通讯工具为人们所熟知，现如今它已不单是一种通讯设备了，多样化的功能赋予了它更多的实用价值，手机越来越普及，小到学生大到老人，在各个领域的人都在使用手机。我们交流和沟通的内容在不断的扩大，那么社会服务也必须紧跟着社会发展方向发展和前进。如今电子商务得到了很好的发展和遍及。生活中传统的餐饮业，大多数都是实体店的经营模式存在的。而餐饮业是多元化，个性化的服务性行业，那么最能体现这两点的服务方式就是电商。网上订餐系统随着人们生活方式的改变也越来越成熟。随着手机订餐APP的普及，外卖作为一种便捷的就餐方式以走进我们的日常生活。为了打造一个独特的网上订餐APP，为顾客提供周到就餐服务，建立独特的区域性餐饮服务，开发“小香厨”外卖平台。“小香厨”外卖APP项目总的指标是运用数字通信技术，电子商务，互联网技术等多种前沿技术。开发一个以个人，民众为主体，以居民楼和小区为基本单元，结合平板，手机等电子通性设备，提供及时和美味的饮食服务平台。1.2外卖平台现状综述1.2.1 外卖平台的发展情况近年来，移动互联网取得了前所未有发展，它打破了传统模式日益成为提供信息的最佳渠道。线上购餐成为了一种全新的美食购物途径，它丰富了我们的生活方式，为我们带来巨大的便利，因而它快速的崛起，在网络购物中占据一席地位，它诞生就很快得到大家的认可和欢迎，并快速的接受了这一服务方式。餐饮业务加入到网络平台上它就不仅要注重食物的味道，还得提高餐品的外送速度上。就针对我们的大学生而言，他们在生活中使用外卖服务的比例竟然高达87%。在此可以简单的看出我们的就餐行为在慢慢的向随时性，随地性，自由性的方向发展，不在受到空间和时间的约束，通俗的说就是想吃就定餐，而不是之前的按时就餐。大学生对网络的使用率高也是促进以大学为中心的区域性网上消费网络。我们的生活习惯的改变极大的加快了外卖行业的发展，呈现了一种相互促进的态势现如今，国内的网上订餐平台得到了快速的发展，具有良好的前景和发展空间。已有很多人一起来分这块大蛋糕。此前国内外卖市场上呈现了包含糯米网，美团，淘点点，饿了么，百度外卖，点我吧，外卖超人等十几种相互竞争大型的外卖平台。饿了么与美团在大学生占有了较大的份额，由此可见大学生已认可外卖这一消费理念。1.2.2 外卖市场分析按照相关数据显示，有很多饮食店利用网上销售的销售额还高出了实体店的营业额。近年来外卖市场在不断的扩大，据一些报告显示，仅在2015年一年中，线上外卖交易额达到了216.84亿元。而在2015年第一季度，交易额是32.18亿元，到第四季度就涨到了81.7亿元，季度增速达到20点，由此可见外卖发展速度的惊人。1.2.3 消费者分析快节奏的城市生活，催出了 一种叫做“宅居”的社会现象。外卖服务满足了“民以食为天”的生存需要，这就让 “外卖”拥有了很大的市场，“宅”生活的盛行加快了这一行业的发展。虽然人们愿意“宅在家里”的原因是很多的，这样的社会现象促进了“外卖业”的发展， “宅生活”与“外卖业”紧紧的联系在一起。“送餐到家”形成了一条特色产业，让更多的人养成了“外卖情结”，通俗的说就是一想到吃就想到了外卖。现在，假如你问我们生活中的“宅人”是如何解决自己吃饭问题的，他们既不进厨房自己做饭也不去外卖餐厅吃饭，那么能送饭上门的“外卖”则成了他们不二的选择。外卖业的产生和发展促进了社会的发展，极大的方便了我们的生活。1.2.4 商家分析传统的餐饮业基本上都是到店用餐，而随着社会的进步，时代的发展，我们的生活方式也在发生着巨大的改变，因此传统的经营模式也慢慢的发生向着人们的发展的方向发展。现在流行这一种生活方式那就是“宅居”，随着“宅”生活的渐渐流行，不论是年轻人，还有未成年人，以及老人都不愿意出门，那么外卖就成了满足人们生活需要的最好的方式，也是越来越多的商家的加入外卖这一行业，提高了他们的利润来源。就我们大学校园而言，大多数的外卖商家普遍采用的是迅速占领市场的路线，对于商家品牌的建设并没有做大多的投入和精力。因为小商家的资金不够雄厚，实力有限，那么节约成本，提高出餐效率则是他们主要关注的地方。网络外卖平台就符合了他们的根本目的，线上订餐具有互动性，直观性的特点，而且成本低廉，方便快捷。网上餐厅可以为我们呈现食物的色泽和样貌，也可以和顾客进行交流，实时的根据顾客们提出的意见对餐厅的服务和菜系做修改。根据人们的消费观念和生活习惯，建立起迎合大学生的销售模式，对平台的菜品进行促销活动，增大竞争力，促进消费。1.3 系统开发意义针对目前餐饮业上存在的问题和发展方向的背景下，我们可以根据地方的文化，风俗，饮食文化角度入手在这一大环境中找到一个创造利益的地方。“小香厨”外卖平台适合所有的有外卖需求的消费者，为他们提供最好的服务，以他们的消费要求作为平台研发和发展的目标。利用网上订餐平台为商家创造经济利益，促进地方的消费水平。网上订餐逐渐被人们所喜爱，在为商家和企业带来利润的同时，拉动了消费，方便了人们的生活。“小香厨”外卖APP的目的是为了打造直观，可靠，健康，快捷，方便的网络订餐系统，方便消费者的饮食生活，为大家的生活带来便利。平台应抓住地方上的中小型店铺，建立区域化的饮食服务圈，为广大消费者提供最切合他们要求的服务，搭建一个具有特色的外卖平台。2 系统开发环境和开发工具“小香厨”外卖平台采用的是B/S（浏览器和服务器）架构，整个平台使用H5，JS，Mysql数据库与插件等结合实现，使用WEX5作为开发工具。2.1 WEX5简介WEX5作为一款高性能的开源，免费和轻架构的快捷H5 App开发工具，极大的提高了App的开发效率。其在ECLIPSE的基础上进行了封装，增加了它的基础功能，同时还融合了许多的组件，简单快捷，成为了一款集成的前端开发工具。Wex5采用了主流的MVC（ModelViewControlle即模型试图控制器）设计模式，提供了对HTML，CSS和JavaScript的全局控制，同时遵循Apache（Apache HTTP Server）开源协议，主张采用视图（View）与数据（Data）分离，代码的逻辑和页面的描述分离，支持原生调试，真机调试，浏览器调试等多种调试模式，开发工程师可掌握每一段代码。Wex5采用了H5，CSS3和JS的标准前端开发技术，使用了AMD（Asynchronous Module Definition）规范，即使用了异步加载机制的Node