首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

基于微前端qiankun的签缓存方案实践

​ 作者:vivo 互联网前端团队- Tang Xiao 本文梳理了基于阿里开源微前端框架qiankun,实现签及子应用缓存的方案,同时还类比了多个不同方案之间的区别及优劣势,为使用微前端进行签开发的同学...一、签是什么?...我们常见的浏览器签、编辑器签,从产品角度来说,就是为了能够实现用户访问可记录,快速定位工作区等作用;那对于单应用,可以通过实现签,对用户的访问记录进行缓存,从而提供更好的用户体验。...$route); return vnode.key; } return key;}1.2 使用qiankun进行微前端改造后,签缓存有什么不同qiankun是由蚂蚁金服推出的基于Single-Spa...参考阅读 qiankun 微前端实践总结(二) [Feature Request] 主应用签切换不同子应用的页面状态保持 #361 基于qiankun的微前端签项目实践与总结

2.2K31

django2实战5.创建表单及发送邮件测试邮件发送创建表单页面业务逻辑搭建新建分享页面模板详情添加分享入口结果展示

继上篇 django2实战4.创建文章列表和详情 本篇要实现这样的功能:在文章详情增加分享文章的入口,点击后跳到分享页面,提交要发送的email地址,程序将发送邮件到相应邮箱,邮件内容是文章的链接地址...邮件发送 创建表单页面 django内置了生成表单的功能,但其默认的样式太难看了,我们结合bootstrap对表单样式进行改造 新建 mysite/blog/forms.py from django import...,并对表单提交数据进行验证 业务逻辑搭建 分享页面的由文章详情跳转而来,且分享的是具体的某篇文章,所以必须携带文章id 据此设定分享页面的url为:http://127.0.0.1:8000/blog...;否则便是展示表单样式 由于指定的html模板是blog/post/share.html, 因此需要创建此文件 新建分享页面模板 mysite/blog/templates/blog/post/share.html...推荐入口 分享页面,提交表单 ? 表单提交 邮件发送成功的提示 ? 邮件发送成功 查看邮件 ? 邮件内容 下一节将讲解如何搭建文章评价系统。

1.5K20

手把手教你搭建基于 webpack4 的 vue2 应用

背景 前司和现司都会存在这种业务场景:有很多 H5 页面是不相关的,如果使用 SPA 的话,对于很多落地和活动不太友好,有一些纯前端页面加载过慢,所以就萌生了创建一个页面 MPA 的框架。...起初想着使用 vue-cli3 去创建,因为 vue-cli3 本身带有页面配置的选项,直接修改 pages 这个选项就可以完成页面配置,需要的小伙伴可以进行参考,链接:vue-cli3 的 pages...:最终打包生成多个入口( html 页面),一般每个入口文件除了要引入公共的静态文件( js/css )还要另外引入页面特有的静态资源 单:只有一个入口( index.html ),页面中需要引入打包后的所有静态文件...商品详情,订单。...这个时候我们可以使用两种方式: 使用vue-router控制路由 这个我觉得不用多说了吧,在需要使用路由的文件夹下创建一个router.js,并且引入vue-router,一定要在某个文件夹下创建哦,否则几个页面公用一个

1K10

【Webpack】315- 手把手教你搭建基于 webpack4 的 vue2 应用

背景 前司和现司都会存在这种业务场景:有很多 H5 页面是不相关的,如果使用 SPA 的话,对于很多落地和活动不太友好,有一些纯前端页面加载过慢,所以就萌生了创建一个页面 MPA 的框架。...起初想着使用 vue-cli3 去创建,因为 vue-cli3 本身带有页面配置的选项,直接修改 pages 这个选项就可以完成页面配置,需要的小伙伴可以进行参考,链接:vue-cli3 的 pages...:最终打包生成多个入口( html 页面),一般每个入口文件除了要引入公共的静态文件( js/css )还要另外引入页面特有的静态资源 单:只有一个入口( index.html ),页面中需要引入打包后的所有静态文件...商品详情,订单。...这个时候我们可以使用两种方式: 使用vue-router控制路由 这个我觉得不用多说了吧,在需要使用路由的文件夹下创建一个router.js,并且引入vue-router,一定要在某个文件夹下创建哦,否则几个页面公用一个

1K10

【HTML5网期末作业】基于HTML+CSS+JS实现宠物网站,表单展示登录页面,带JS密码验证

一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分。 所有页面相互超链接,可到三级页面,有5-10个页面组成。...页面中有多媒体元素,如gif、视频、音乐,表单技术的使用。 页面清爽、美观、大方,不雷同。 。 不仅要能够把用户要求的内容呈现出来,还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。...(1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效, 表单提交

3.8K11

斯坦福与苹果基于Apple Watch检测心率异常,0.5%人群被检出,其中84%患有房颤

雷锋网消息 3月16日,斯坦福大学医学院研究人员在洛杉矶新奥尔良举行的美国心脏病学会第68届年度科学会议和博览会上公布了一项基于Apple Watch的心脏研究结果。...心房颤动(简称房颤)是最常见的持续性心律失常,房颤患病率与冠心病、高血压病和心力衰竭等疾病有密切关系。...苹果和斯坦福大学医学院2017年11月创建了苹果心脏研究项目。该研究由苹果公司赞助,旨在评估Apple Watch的心脏不规则节律通知功能。...3月16日,斯坦福大学医学院研究人员在洛杉矶新奥尔良举行的美国心脏病学会第68届年度科学会议和博览会上公布了基于Apple Watch的心脏研究结果。...研究人员称,由于心房颤动是一种间歇性疾病,因此在随后的心电图补片监测中未检测到它并不奇怪。

3.8K10

GitHub和码云上,7个h5面制作工具推荐

【编辑器】 参考线 基础组件 可视化组件 媒体组件 商品组件 拖拽器 配置面板 表单设计器 ()页面管理(复制,编辑, 删除, 新建) 组件动画 组件交互 数据源管理 快速预览 真机预览 撤销、重做...【后端 API】 创建、保存、更新作品 用户管理, 权限管理 一键智能分析 数据看版 表单数据收集 表单数据展示 表单数据分析, 一键导出excel, 表单多条件搜索 在线预览 二维码预览 模版管理 出码接口...【终端支持】:支持手机页面、PC页面独立制作,设计界面可自由切换,采用缩放模式兼容各种屏幕分辨率,PC/Mobile一网打尽。...【后端接口】 创建工作 保存工作 更新工作 表单统计 在线预览 二维码预览 四、猿计划 / vite-vue3-lowcode star: 563 watch: 59 fork: 260 vue3....mongodb:一个基于分布式文件存储的数据库,比较灵活。

2K20

vue3.0-template-admin | 一款基于vite的开箱即用的后台管理模版

今天给大家推荐一款我朋友基于vite开发的开箱即用的后台管理模版 vue3.0-template-admin....vue3.0-template-admin基于常见业务场景,抽象出大量的功能模块;包括: 动态菜单 菜单权限 登录模块 全站搜索 表单(复杂表单, 分步表单) 数据看板 引导 表单 列表 角色管理...菜单管理 在线编辑器 富文本编辑器 markdown编辑器 json主体编辑器 拖拽 / 排序模块 excel相关处理 图片拖拽/裁切 二维码分享 个人中心 等等....编辑器 json主题编辑器 个人 登录 404 / 403 菜单管理 角色管理 自定义图标 图片拖拽/裁剪 待办清单: 支持切换主题色:一键换肤 权限:v-permisson markdown...项目速览 登录/注册页 全屏功能 引导 分析 列表 表单 全站模糊搜索 拖拽 json编辑器 富文本编辑器 图片拖拽/裁切 菜单管理 角色管理 当然还有很多开箱即用的功能, 比如导入导出excel

5.3K30

H5-Dooring零代码搭建平台指南

随着 H5-Dooring的持续迭代, 目前已不仅仅局限于H5面的搭建, 我们基于它的渲染架构还可以轻松扩展出PC端编辑器, 目前我还在研究响应式设计, 最终目标是实现一端搭建, 多端适配....1.入口页面 入口页面主要是我们在编辑器前台管理用户页面的一个入口, 我们可以创建H5面, 在线编程等, 同时也能基于已有的精选模版来快速的创建页面: 2.编辑器页面 编辑器页面的内容比较多, 也是最为重要的部分..., 比如说表单数据收集, 表单数据分析, 导出数据, 基本的页面数据监控等, 接下来我就来带大家介绍一下。...3.页面管理 页面管理主要是对用户搭建的H5面进行管理, 我们可以查看页面的链接, 页面访问量, 编辑页面标题, 删除页面等,如果这个页面包含表单, 我们还能一键查看表单数据的收集情况,并一键进行数据分析...3.1表单页面数据分析 表单数据分析主要针对有表单的页面, 我们可以一键统计表单数据, 并生成分析报告, 如下图: 同时我们可以将数据导出为 excel, 或者将数据导入, 一键生成数据分析报告, 当然更多分析维度开发者也可以二次开发

1.7K20

React 中后台系统签实现

在中后台管理类系统中,签的需求非常普遍,用户常常需要在多个签内跳转,比如填写表单时去查询某个列表获取一些字段信息再回到表单页面填写。...下面我来复盘一下这次的签改造。 一、项目简介 本项目是我现在所在部门的项目,是一个企业级中后台管理系统,包括系统管理、角色权限体系、基于 Activiti 的工作流引擎等很多开箱即用的功能。...我们在签的迭代中增加了相同组件多开功能,这个场景比较常见,比如列表点击链接跳转到表单,可以同时打开多个表单,这样在不使用 Redux 是没有什么问题,但是一旦数据存在 Redux 中,多开组件就会有问题...(82 star,基于 Ant Design Pro 4 实现标签页面,包括:路由联动,列表,详情共存,自动新增、关闭标签等功能) Antd Pro Page Tabs ( 54 star,Ant...Design Pro 签,基于 UmiJS ) alita/packages/tabs-layout(基于 umi 的移动端 react 框架的缓存插件) 大家选择的时候可以考察其原理,star

3.1K20

【实战】1096- React 中后台系统签实现

在中后台管理类系统中,签的需求非常普遍,用户常常需要在多个签内跳转,比如填写表单时去查询某个列表获取一些字段信息再回到表单页面填写。...下面我来复盘一下这次的签改造。 一、项目简介 本项目是我现在所在部门的项目,是一个企业级中后台管理系统,包括系统管理、角色权限体系、基于 Activiti 的工作流引擎等很多开箱即用的功能。...我们在签的迭代中增加了相同组件多开功能,这个场景比较常见,比如列表点击链接跳转到表单,可以同时打开多个表单,这样在不使用 Redux 是没有什么问题,但是一旦数据存在 Redux 中,多开组件就会有问题...(82 star,基于 Ant Design Pro 4 实现标签页面,包括:路由联动,列表,详情共存,自动新增、关闭标签等功能) Antd Pro Page Tabs ( 54 star,Ant...Design Pro 签,基于 UmiJS ) alita/packages/tabs-layout(基于 umi 的移动端 react 框架的缓存插件) 大家选择的时候可以考察其原理,star

2.4K10

用 PyQt 打造具有专业外观的 GUI

使用布局和小部件 到目前为止,您已经了解了如何使用传统或通用布局管理器在应用程序的窗口中排列小部件。这些布局管理器将小部件安排在单布局上。...例如,如果要为给定的应用程序创建首选项对话框,则可能需要向用户显示基于选项卡或的布局,其中每个选项卡或页面都包含一组不同的紧密相关的选项。...PyQt提供了一个称为QStackedLayout的内置布局以及一些方便的小部件(例如QTabWidget),这些小部件将允许您创建这种布局。接下来的几节将带您逐步了解其中一些工具。...除了堆叠的布局和堆叠的小部件,您还可以使用QTabWidget创建用户界面。您将在下一节中学习如何操作。...使用PyQt的标签小部件 在PyQt中创建排列的另一种流行方式是使用称为QTabWidget的类。此类提供标签栏和页面区域。

2.7K30

推荐20个开源的前端低代码项目

amis 在百度内部得到了广泛使用,在 4 年的时间里创建了 3w 页面,从内容审核到机器管理,从数据分析到模型训练,amis 满足了各种各样的页面需求。...dooring-electron-lowcode dooring-electron-lowcode是一款功能强大,专业可靠的可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的H5落地最佳实践...H5面。...项目链接:https://github.com/AnsGoo/openDataV 最新star:196 18 mall-cook Mall-Cook 是一个基于 vue 开发的可视化商城搭建平台,包括页面可视化构建...UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中,也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单

3.3K41

3个Python 文本终端 GUI 框架,太酷了

Curse Curses 是一个能提供基于文本终端窗口功能的动态库,它可以: 使用整个屏幕 创建和管理一个窗口 使用 8 种不同的彩色 为程序提供鼠标支持 使用键盘上的功能键 Curses 可以在任何遵循...提供强大的功能,满足快速开发程序的要求,无论是简单的单程序还是复杂的应用。...TestApp 实现 main 方法,方法里创建一个 Form 表单对象,然后向表单对象上添加各种控件,并设置控件的一些属性 调用表单对象的 Edit 方法,将操作权交给用户 在运行时,实例化 TestAPP...Tornado[8] 等等 提供诸如编辑框、按钮、(单)选框 等多种预制控件 显示模式支持原生、Curses模式、LCD 显示屏 以及 网络显示器 支持 UTF-8 以及 CJK 字符集(可以显示中文...最后,推荐一个很有意思的基于文本终端的应用 —— 命令行网易云音乐[9]: NetEase-MusicBox 是基于 Curses 开发,如果运行起来,能被它的强悍所震撼,有空可以玩玩,比心!

95910

一个Vue表单的终极解决方案

项目简介 Variant Form 是一个基于 Vue 和 Element UI 的高级表单组件,定位为前端开发人员提供快速搭建表单、实现表单交互和数据收集的功能。...功能介绍 拖拽式可视化表单设计,所见即所得 支持丰富的表单组件,包含20多种表单基础组件和高级组件,可以自定义表单组件 支持PC、Pad、H5三种页面布局 支持多种布局容器,包含栅格、表格、标签、卡片...支持自定义 CSS 样式,自定义表单和组件属性 支持自定义字段校验规则 支持Chrome、FireFox、Safari、Edge等流行浏览器,兼容IE 11浏览器 支持响应式自适应布局 内置场景表单模板...run serve 表单设计流程 确定表单布局 选择合适的容器进行组合:栅格Grid、表格Table、标签Tab、子表单SubForm 选择表单组件 拖放合适的字段组件放置于容器中,并对字段组件命名...项目地址 https://gitee.com/vdpadmin/variant-form 总结 Variant Form是一款基于Vue 2/Vue 3的低代码表单,提供了丰富的表单组件、表单交互事件和

1.9K10

基于 el-form 封装一个依赖 json 动态渲染的表单控件 定义接口,统一规范封装各种表单子控件定义属性定义内部model实现多行列和布局调整实现扩展实现数据联动实现组件联动

nf-form 表单控件的功能 基于 el-form 封装了一个表单控件,包括表单的子控件。 既然要封装,那么就要完善一些,把能想到的功能都要实现出来,不想留遗憾。...依赖 json 动态创建表单 可以多行列 可以调整布局 可以自定义子控件(插槽和动态组件) 可以扩展表单子控件 数据验证 数据联动 组件联动 依据 json 自动创建 model 功能演示 介绍代码之前先看看效果...单列表单 这个比较基础,直接贴图。 ? 表单 有时候需要双列或者三列的表单,这个也是要支持的。 ? ?...【列里的占一行】 ? 自定义子控件 如果表单提供的子控件不能满足需求,那么怎么办?我们可以自己来定义一个子控件。...然后判断是不是单列,单列要处理多个组件占用一个位置的需求,列要处理一个组件占用多个位置的需求。 实现扩展 表单子控件可以多种多样,无法完全封装进入表单控件,那么就需要表单控件支持子控件的扩展。

1.5K30
领券