- 综合排序
- 最热优先
- 最新优先
- 来自专栏cloud stdio
uniapp小程序订单页面UI
前言 之前用模板写了订单页面，由于需求改了导致这个页面做更新麻烦，弄了一下午，索性全部删除了自己写了，上面的tabs用的是b-ui框架写的，其他的都是原生写法。 订单页面的UI可以根据具体需求进行设计，以下是一些常见的UI设计元素： 订单信息：包括订单号、下单时间、订单状态等。 商品列表：展示用户购买的商品信息，包括商品名称、价格、数量等。 布局 首先确定订单页面的整体布局，包括订单信息、商品列表、价格总计等内容。 我们首先讲解了订单页面的设计原则和注意事项，然后介绍了uniapp框架的基本使用方法。接着，我们详细讲解了订单页面的UI设计，包括订单列表、订单详情、订单支付等。 最后，我们总结了本文的主要内容，强调了订单页面UI设计的重要性，并提供了一些优化建议，希望能够帮助开发者更好地设计和开发小程序订单页面。
1.2K20编辑于 2023-08-08 - 来自专栏PHP专享栏
5 亿查询量的订单ES实践
ES 集群架构演进之路 1、初始阶段 2、集群隔离阶段 3、节点副本调优阶段 4、主从集群调整阶段 5、现今：实时互备双集群阶段 ES 订单数据的同步方案 遇到的一些坑 1、实时性要求高的查询走DB 2 Elasticsearch作为一款功能强大的分布式搜索引擎，支持近实时的存储、搜索数据，在京东到家订单系统中发挥着巨大作用，目前订单中心ES集群存储数据量达到10亿个文档，日均查询量达到5亿。 但由于订单中心ES存储的是线上订单数据，偶尔会发生混布集群抢占系统大量资源，导致整个订单中心ES服务异常。 同时由于大部分ES查询的流量都来源于近几天的订单，且订单中心数据库数据已有一套归档机制，将指定天数之前已经关闭的订单转移到历史订单库。 5、现今：实时互备双集群阶段 期间由于主集群ES版本是较低的1.7，而现今ES稳定版本都已经迭代到6.x，新版本的ES不仅性能方面优化很大，更提供了一些新的好用的功能，所以我们对主集群进行了一次版本升级
3.3K21发布于 2019-10-10 h5页面制作，什么是H5页面？
H5页面设计与制作是指利用HTML5技术进行网页设计和开发的过程。HTML5作为最新的HTML标准，带来了许多新的特性和功能，使得网页设计更加灵活、互动性更强，并且能够在各种设备上提供一致的用户体验。 下面我们将详细介绍H5页面设计与制作的概念、特点、应用以及如何入门。什么是H5页面设计与制作？H5页面设计与制作是指使用HTML5、CSS3和JavaScript等技术来创建和优化网页的过程。 H5页面的特点跨平台兼容性：H5页面可以在PC、平板、手机等多种设备上运行，提供一致的用户体验。多媒体支持：HTML5支持音频、视频、图形等多媒体元素，无需依赖第三方插件。 在线教育：H5页面可以嵌入视频、音频、动画等教学资源，增强学习体验。如何入门H5页面设计与制作？学习基础知识：首先需要掌握HTML、CSS和JavaScript的基础知识。 关注用户体验：设计时要考虑用户的使用习惯和体验，确保页面加载速度、交互流畅性等。总结H5页面设计与制作不仅仅是技术的进步，更是用户体验的提升。
25.2K32编辑于 2025-02-13- 来自专栏程序猿的栖息地
Thinkphp5实现支付宝支付、余额提现、订单查询、取消关闭订单
包含：【pc扫码支付】、【查询订单】、【余额提现】、【取消订单】、【关闭订单】 效果说明 SHARE THE BODY 1、pc扫码支付 2、手机支付成功截图 3、支付宝商家后台账单截图 开发前提 由于我使用的是Thinkphp5框架实现的效果，所以开发先composer一下要用到的包。 $is_data){ echo '没有该订单'; exit; } // 2、判断total_amount是否确实为该订单的实际金额 = $data['app_id']){ echo '不是当前支付的商户';exit; } // 5、其它业务逻辑情况 ，如下 订单查询 //查询订单 out_trade_no 订单号 public function find($out_trade_no) { $order = [ 'out_trade_no
2.5K20编辑于 2022-04-29 - 来自专栏SAP最佳业务实践
SAP最佳业务实践:生产订单拆分-按库存生产(248)-5子订单生产
CO02下达子订单 使用此活动可下达在订单拆分选项 1 或 2 中生成的子生产订单。 角色车间主任 后勤 ®生产 ®车间现场控制 ®订单 ®更改 1. 在生产订单更改: 初始屏幕上输入前面记录的生产订单编号，然后选择回车。 2. 选择按钮 下达订单。 3. 选择 保存 。 已下达子订单。 CO11N确认装配活动 该确认可记录订单、工序、子工序和单项能力的处理状态。它是一种用于控制订单的工具。此业务情景使用时间事件确认。 已下达成品的生产订单。 在输入生产订单的计工单 屏幕上，输入以下内容： 字段名称 用户操作和值 注释 订单 前面记录的父订单的订单编号。 工序 0020 2. 按下按钮 实际数据。 3. 在输入生产订单的计工单屏幕上，输入以下内容： 字段名称 用户操作和值 注释 订单 父订单或子订单的生产订单编号。 工序 最后一道工序的编号 0040 确认类型 最后确认 2.
1.5K50发布于 2018-03-27 - 来自专栏TIGERB的技术博客
一篇文章搞清电商订单结算页面设计？
答：今天的这篇文章我们主要就来聊聊上面流程中『订单结算页』的设计与实现。 订单结算页长啥样？ ---- 我们来看看某东的订单结算页面： ? 再来看看某宝的订单结算页面： ? 通过上面的截图，我们可以大致得出订单结算页面的主要页面内容： 用户默认收货地址信息 支付方式选择 店铺&商品信息 商品可选择的配送方式 发票类型选择 优惠信息 订单相关金额 等等 订单结算页面的组成 - 我们依据上面整理的内容，再通过以往的经验把订单结算页面进行模块化拆分和组合，得到如下订单结算页面的模块化构成: ? 订单结算页面各模块分析 ---- 表格可左右滑动查看 模块编号 模块名称 子模块编号 子模块名称 模块描述 1 地址模块 - - 展示用户最优地址 2 支付方式模块 - - 该订单支持的支付方式 3 选择的销售活动优惠选项 3 - 3.2.3 售后模块 商品享有的售后权益信息 3 - 3.3 物流模块 可选择的配送方式 3 - 3.4 店铺商品金额信息模块 - 4 发票模块 - - 选择开发票的类型、补充发票信息 5
1.9K21发布于 2020-10-29 - 来自专栏java学习java
订单服务：订单流程
订单流程 订单流程是指从订单产生到完成整个流转的过程，从而行程了一套标准流程规则。 而不同的产品类型或业务类型在系统中的流程会千差万别，比如上面提到的线上实物订单和虚拟订单的流程，线上实物订单与 O2O 订单等，所以需要根据不同的类型进行构建订单流程。 而每个步骤的背后，订单是如何在多系统之间交互流转的，可概括如下图 1、订单创建与支付 (1) 、订单创建前需要预览订单，选择收货信息等 (2) 、订单创建需要锁定库存，库存有才可创建，否则不能创建 ( 3) 、订单创建后超时未支付需要解锁库存 (4) 、支付成功后，需要进行拆单，根据商品打包方式，所在仓库，物流等进行拆单 (5) 、支付的每笔流水都需要记录，以待查账 (6) 、订单创建，支付成功等状态都需要给 在退款订单商户不处理的情况下，系统需要做限期判断，比如 5 天商户不处理，退款单自动变更同意退款。
2.3K61编辑于 2023-10-15 - 来自专栏学习/读书笔记
《Flutter》-- 5.Flutter页面布局
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 5. Flutter页面布局 5.1 盒约束模型 盒约束是指组件可以按照指定限制条件来决定如何布局自身位置。 height: 100, child: Container( width: 80, height: 5, 2）mainAxisSize：表示主轴应该占用多大空间； 3）crossAxisAlignment：表示子组件在交叉轴的对齐方式； 4）textDirection：表示子组件在主轴方向上的布局顺序； 5） 主轴的方向； 2）mainAxisAlignment：子组件在主轴的对齐方式； 3）mainAxisSize：主轴占用的空间大小； 4）crossAxisAlignment：子组件在交叉轴的对齐方式； 5） 5.4 流式布局 流式布局指的是页面元素的宽度可以根据屏幕的分辨率适配调整，但整体布局风格保持不变。
1.5K20编辑于 2022-04-07 - 来自专栏SAP最佳业务实践
SAP S4HANA最佳业务实践：Order-to-Cash订单到收款-5订单处理
•The tile Manage Sales Orders is part of the business catalog Sales –Sales Order Processing. The sales representative can use this tile to launch the list report application based on SAP Fiori. •The business catalog has to be assigned to business users v
2.1K120发布于 2018-03-28 - 来自专栏历史专栏
【愚公系列】2022年02月 Django商城项目 32-订单页面设计
文章目录 一、订单页面设计 1.HTML 2.JS 3.后端业务逻辑 二、页面效果 一、订单页面设计 1.HTML <! 我的购物车 | 我的订单 /static/user_center_order.html">· 全部订单
- · delimiters: ['[[', ']]'], data: { host: host, order_submitting: false, // 正在提交订单标志 total_amount + freight } return render(request,'place_order.html',context=context) 二、页面效果
57520编辑于 2022-02-05 - 来自专栏coding for love
5-13 多页面打包配置
简介 前面的配置基本上是基于 spa，不过如果细心的同学可能会发现，之前在 5-5 webapck-dev-server 解决单页应用路由问题 一文中已经用到了多页面打包。 配置多页面 const HtmlWebpackPlugin = require('html-webpack-plugin'); const { CleanWebpackPlugin } = require
62410发布于 2020-06-02 - 来自专栏采云轩
H5 页面列表缓存方案
前言 在 H5 日常开发中，会经常遇到列表点击进入详情页面然后返回列表的情况，对于电商类平台尤为常见，像我们平常用的淘宝、京东等电商平台都是做了缓存，而且不只是列表，很多地方都用到了缓存。 但刚才说的都是 App，在原生 App 中，页面是一层层的 View，盖在 LastPage 上，天然就能够保存上一个页面的状态，而 H5 不同，从详情返回到列表后，状态会被清除掉，重新走一遍生命周期， localStorage 是一种方式，提供的 getItem、setItem 等 api 也足够支持存取操作，最大支持 5M，容量也够，通过序列化 Serialize 整合也可以满足需求，另外 IndexDB 也不失为一种好的方式，WebSQL 已废弃，就不考虑了，详细可点击张鑫旭的这篇文章《HTML5 indexedDB前端本地存储数据库实例教程》(https://www.zhangxinxu.com/wordpress /2017/07/html5-indexeddb-js-example/)查看对比。
2.2K20发布于 2021-04-08 - 来自专栏deepcc
html5页面头部
-- 尺寸的设置以及页面是否允许缩放 --> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale -- 忽略<em>页面</em>中的数字识别为电话,忽略email识别 --> <meta name="format-detection" content="telephone=no, email=no"/> <!
2.2K70发布于 2018-05-16 - 来自专栏deepcc
html5页面头部
-- 尺寸的设置以及页面是否允许缩放 --> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale -- 忽略<em>页面</em>中的数字识别为电话,忽略email识别 --> <meta name="format-detection" content="telephone=no, email=no"/> <!
2K20发布于 2018-07-05 - 来自专栏编程笔记
订单支付超时，自动关闭订单实现
今天跟大家一起探讨一个场景：用户对商品下单，约定30分钟没支付，超时订单将被系统自动关闭。 你会如何实现呢？ 早期方案：扫表 定时任务，每分钟去查询数据库，查询超时没有支付的，就修改订单状态。 时间到了，消费端拿到数据，就查询数据，判断订单状态，如果没有支付，就修改订单状态。 图片 目前落地的是采用 RabbitMQ 的延迟队列。 用户创建订单成功，就加入到 MQ 的延迟队列，时间到了，就会自动消费，然后关单。
2.4K10编辑于 2023-03-16 - 来自专栏卓越笔记
H5页面唤醒 支付宝App 指定页面
appId=20000307”;暗号 —400 参考资料 H5页面唤醒支付宝 app指定页面_daxiong0816的博客-程序员秘密 - 程序员秘密 (cxymm.net) URLScheme 之 支付宝
6.1K20编辑于 2023-02-18 - 来自专栏learn-anything.cn
HTML页面跳转的5中方式！
window.opener是指向前一个页面，这样就可以控制前一个页面。 譬如：当新旧页面在同一个域名下时，在新页面控制台输入 window.opener.alert(1) ，会发现旧页面弹出消息1 。 当新旧页面不在同一个域名时，通过window.opener.location.replace 可以改变旧页面的url。 相关链接 window 对象详细说明 window.opener 对象详细说明 --- 页面跳转传递参数 # 传参页面 let a = { key:'value' } // 对参数进行序列化 5中方式！
3.1K20编辑于 2021-11-27 - 来自专栏前端Q
Webpack5构造React多页面应用
来源 | https://github.com/zhedh/react-multi-page-app/ 介绍 react-multi-page-app是一个基于webpack5构造的react多页面应用 为什么建造多页面应用： 多个页面之间业务互不关联，页面之间并没有共享的数据 多个页面使用同一个一个服务，使用通用的组件和基础库 建造多页面应用的好处： 保留了传统单页应用的开发模式：支持补充打包，你可以把每个页面看成是一个单独的单页应用 独立部署：每个页面相互独立，可以单独部署，解压缩项目的复杂性，甚至可以在不同的页面选择不同的技术栈 减少包的体积，优化加载渲染流程 快速上手 克隆 git clone https://github.com ，查看完整代码react-multi-page-app 入口配置和模版自动匹配 为了不用每次补充页面都要添加入口页面配置，我们将入口配置改成自动匹配 入口文件自动匹配 cd config touch webpack.util.js 我们项目中没有安装webpack-cli，webpack会进行交替使用的webpack-cli，webpack5和webpack-cli3不兼容 解决：升级版本webpack-cli3到webpack-cli4
4.3K20发布于 2021-01-07 - 来自专栏腾讯大讲堂的专栏
玩转HTML5移动页面(优化篇)
承接上期讲堂君推荐的《玩转HTML5移动页面（动效篇）》，动效篇说的是让页面动起来的一些小技巧。 而页面动起来的根基是功能可用的页面，因此有必要分享一些优化细节的技巧和方向，熟悉掌握一些方法论还是会对页面开发大大提高效率的，并且也能防止疏忽缺漏。 先审视设计稿，因为320派系的原因，大部分设计稿只考虑到IPHONE5来设计，因此很多背景元素是只有320px宽度（页面实际渲染宽度），例如下图。 ? 5分享接口 H5做好了，要传播分享才能展示你的牛逼轰轰。 然而分享其实是个坑，分享到微信、手Q等都有各种问题。 5.优化目录结构和URL。你的URL应该有语义性，简短易懂，例如http://www.apple.com/macbook-air/，而且每一层级都要有它对应的页面展示以及语义。
3.7K70发布于 2018-02-12 - 来自专栏linux运维
什么是H5页面？
一、H5页面是啥？H5页面，全称是HTML5页面，是用HTML5（超文本标记语言第5版）技术开发的网页。跟传统网页比，H5页面更轻巧、互动性更强，特别适合在手机、平板上浏览。 举个例子，你在微信里点开那种活动邀请函、品牌宣传页、抽奖页面，带动画、滑动效果、背景音乐的，那些多半就是H5页面！ 二、H5页面的特点跨平台：不管是安卓、iOS，还是PC，H5页面都能跑，只要有浏览器就行。互动性强：支持触摸、滑动、点击等操作，还能加动画、视频、音频，体验像玩游戏一样。 广告：微信朋友圈广告、短视频平台跳转页，H5页面是主力。四、H5页面咋做的？想做H5页面？大概分这几步：策划内容：先想好页面要干啥，比如宣传产品还是搞活动，定好主题和风格。 整个页面加点背景音乐，分享到微信群，吸引用户点开玩。这种页面用H5做，成本低、效果好，传播快！七、想学H5页面制作？
6K31编辑于 2025-07-31
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号