WeX5开发外卖剖析.ppt

模式2的发布及更新 发布 设置App版本号 打包 发布到Web应用服务器 更新 仅更新UI资源 编译UI资源 发布到Web应用服务器 更新App及UI资源 修改App版本号 打包 发布到Web应用服务器 模式3的发布及更新 发布 设置两个版本号 打包 模型编译、部署资源 更新 更新UI资源 修改资源版本号 模型编译、部署资源、重启Tomcat 更新App及UI资源 修改App版本号 打包 修改资源版本号 模型编译、部署资源、重启Tomcat 第十三讲 微信公众号 申请测试账号 /debug/cgi-bin/sandbox?t=sandbox/login 申请服务号 / 配置外卖功能菜单 编辑WxMpServiceInstance.java 发送menu重构菜单 网页授权获取用户基本信息 微信JS接口 微信JS接口 设置JS接口安全域名 在微信中获得地理信息 获取地理位置 getLocation 显示内置地图 openLocation 在微信中支付 设置支付授权目录 调用方法 chooseWXPay * 使用WeX5开发 外卖案例 完整过程 外卖案例功能介绍 显示菜品信息 从数据库中获取菜品信息 加入购物车 页面数据计算 下单并支付 将订单保存到数据库 配置默认配送信息 可通过定位获得地址信息 将配送信息保存到数据库 运行方式 手机App Web App 微信公众号 课程概览 课程介绍 讲解使用WeX5开发外卖案例的完整过程， 前端页面开发 （六讲） 原生插件调用 （二讲） 微信公众号开发（一讲） 课程目标 学会开发App前端页面、调用后端服务、以及访问数据库 学会开发手机定位、手机支付、以及打包部署 学会微信公众号开发 适合人群 App开发人员 后端服务开发 （三讲） 打包及部署 （一讲） 架构原理 数据交互过程 Panel Contents List Input Image Button Data 查询菜品 queryFood 查询订单 queryOrder 查询用户 queryUser 保存 save 菜品表 Takeout_food 订单表 Takeout_order 用户表 Takeout_user Servlet Baas Sql Spring Hibernate MyBatis AJAX 外卖案例使用的数据表 菜品表字段 字段名称 字段类型 fID 菜品ID VARCHAR(50) NOT NULL fName 菜品名称 VARCHAR(50) fPrice 单价 DECIMAL(10,2) fDescription 描述 VARCHAR(100) fImage 图片 VARCHAR(100) 用户信息表 字段名称 字段类型 fID 用户ID VARCHAR(50) NOT NULL fName 姓名 VARCHAR(50) fPhoneNumber 手机号 VARCHAR(20) fAddress 配送地址 VARCHAR(200) 外卖案例使用的数据表 订单表字段 字段名称 字段类型 fID 订单ID VARCHAR(50) NOT NULL fCreateTime 订餐时间 DATETIME fContent 订餐内容 VARCHAR(200) fSum 订餐金额 DECIMAL(10,2) fUserID 用户ID VARCHAR(50) fUserName 用户姓名 VARCHAR(50) fPhoneNumber 用户手机号 VARCHAR(20) fAddress 配送地址 VARCHAR(200) fPayState 支付状态 INT 外卖案例的提供的服务 查询数据 查询菜品 http://IP:端口/baas/takeout?action=queryFoodparams={} 查询订单 http://IP:端口/baas/takeout?action=queryOrderparams={} 查询用户信息 http://IP:端口/baas/takeout?action=queryUserparams={} 保存数据 保存订单、用户信息 http://IP:端口/baas/takeout?action=saveparams= 外卖案例的服务调用 前端ajax请求后端服务 $.ajax({ type : post, async : options.async ? options.async : false, dataType : json, url : this.BASE_URL + options