微信小程序

微信小程序:自定义滚动弹窗

大城市里の小女人 提交于 2020-12-21 08:41:45
微信小程序:自定义滚动弹窗 微信小程序虽然有三种自带的弹窗,但是毕竟功能有限,有时候难以满足我们的需求,所以我们可以自己尝试制作自定义弹窗,话不多说,直接上图: 其中列表部分支持滚动,所以信息承载能力很强。 实现代码: wxml: < button class = " showModal " bindtap = " showModal_click " > 唤出弹窗 </ button > <!--弹窗--> < view class = " modal-mask " bindtap = " hideModal " catchtouchmove = " preventTouchMove " wx: if = " { {showModal}} " > </ view > < view class = " modal-dialog " wx: if = " { {showModal}} " > < view class = " modal-title " > 标题 </ view > < view class = " modal-title-sc " > 副标题 </ view > < view class = " modal-content " > < scroll-view scroll-y = " true " style =" height : 100px ; " > <

Android uni-app 封装原生插件

我们两清 提交于 2020-12-20 23:03:06
前言 据广大用户的需求,需要把我们anyRTC的SDK,封装到uni-app来使用,并且实现音视频通话。这边文章图文讲解一下怎么封装原生插件,并且在下一章uni-app实现音视频通话。 anyRTC开发者中心 1.uni-app是什么? 一个使用Vue.js开发所有前端应用框架,开发者编写一套代码,可发布到ios、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。 如果你还没有了解uni-app是什么: 点击这里:这篇文章举例说明。 2.uni-app的特点 1、跨平台更多 真正做到“一套代码、多端发行”! 条件编译:优雅的在一个项目里调用不同平台的特色功能! 2、运行体验好 组件、api与微信小程序一致 兼容weex原生渲染 3、通过技术栈,学习成本低 vue的语法、微信小程序的api 内嵌mpvue 4、开放生态,组件更丰富 5、支持通过npm安装第三方包 6、支持微信小程序自定义组件及SDK 7、兼容mpvue组件及项目 8、App端支持和原生混合编码 9、DCloud将发布插件市场 3.uni-app封装原生插件 3.1 Android离线SDK下载: 点击下载 ,两个SDK均可。 下载完成,解压备用: 3.2 新建Android项目 打开Android Studio,建立一个No Activity项目。在菜单栏选择 File>New

uni-app实战仿微信app开发

扶醉桌前 提交于 2020-12-20 08:07:11
适用人群 具有Html+Css+JavaScript基础,有一定的Vue.js基础,挑战高薪职位 课程概述本季度为uni-app + egg.js 实战仿微信app和小程序全栈开发,开启纯nvue原生渲染,大大提高性能。一次开发,同时搞定Android、iOS和小程序端等。 攻城狮 目录 章节1:项目介绍试看 章节2:环境搭建和项目创建 课时2视频创建项目和开启原生渲染08:35 章节3:全局配置 课时3视频引入全局样式(一)08:11 课时4视频引入全局样式(二)08:15 课时5视频引入自定义图标库(一)07:51 课时6视频引入自定义图标库(二)全局引入02:56 课时7视频引入自定义图标库(三)兼容多端05:28 课时8视频配置tabbar底部导航09:21 课时9视频配置globalStyle03:00 章节4:聊天列表页开发 课时10视频头部导航组件开发12:43 课时11视频 图标按钮组件封装05:11 课时12视频封装头部导航组件(一)06:46 课时13视频 封装头部导航组件(二)08:25 课时14视频开发聊天列表组件(一)11:32 课时15视频开发聊天列表组件(二)09:04 课时16视频封装头像组件04:34 课时17视频badge组件开发06:23 课时18视频封装badge组件05:39 课时19视频封装聊天列表组件08:52

JNPF低代码开发平台——SpringCloud微服务解决框架

微笑、不失礼 提交于 2020-12-20 04:08:03
JNPF低代码开发平台总体介绍 JNPF低代码开发平台 是由引迈信息完全自主研发的专业的前后端分离java低代码快速开发平台, JNPF含盖SpringBoot+ SpringCloud 的所有必要的核心功能,JNPF的目标是更轻量级、更快速、更全面、更低代码量、更易于学习和使用的前后端分离的开发平台,可以实现无代码快速开发服务。 JNPF通过建立数据模型和代码生成器功能可以快速的实现80%的java开发工作,JNPF本身已含有无代码开发模式,包含了web开发、app开发、报表开发、大屏开发、门户开发等等。有基于代码生成器的低代码开发,有web、app、流程表单等核心开发功能.JNPF持续集成了多种原生组件:导入导出、电子签章、邮件收发、知识管理、文件预览、二维码生成、订单管理、项目管理等等。 适用业务场景 作为前后端分离项目,为大型分布式架构、弹性计算架构、微服务架构、多端化服务打下坚实的基础。 手机移动端APP、各种平台的小程序等一站式多端开发平台。 各种企业业务系统的基础开发框架(OA、CRM、ERP、HR、MES)。 后端采用 SpringCloud ,适合有意从传统架构转型微服务架构的企业。 主体业务功能 拖拉、可视化设计表单 所见即所得的表单设计方式,通过简单的拖拽控件及数据绑定设置即可完成表单设计工作。设计出来的所有表单都是标准的表单,具有良好的互操作性和可扩展性

校园恋爱新技能:智慧琴房恋爱助攻手册

亡梦爱人 提交于 2020-12-19 12:35:10
“最美的不是下雨天,是曾与你躲过雨的屋檐……”这些天,脑海里一直在回响这首歌。想起周杰伦被桂纶镁弹的钢琴乐曲吸引,最后推门而入,四目相对……这是梦开始的地方。 校园、乐曲、钢琴……总能让人联想起清新的校园爱情故事,尤其是叶湘伦与路小雨之间的。结局最后,叶湘伦为了路小雨放弃了一切,回到过去,改变未来,让人在看似完美的大结局中,不免感受到一丝遗憾……叶湘伦知道“秘密”知道的太晚,而路小雨为了能够让叶湘伦能够看到她,不停地弹琴,不停地穿越,最后因为劳累引起哮喘。最后叶湘伦虽然回到了过去,遇见了路小雨,可惜,不是爱他的那个路小雨了。 如果,琴房有自动记录功能 ,能够实时显示琴房状态信息、操作用户信息、当前用户信息,那么,这或许,又是另一个故事了。叶湘伦在第一面就知道在琴房里弹琴的人是谁,然后意识到路小雨的身份以及她背后的“秘密”,最终两人一起克服困难,生活在一起。Happy Ending. 智慧琴房的需求 目前智慧校园的建设正在如火如荼地进行中,而对于一些需要预约的教室,如琴房、自习室等,还处于需要人工手动登记的管理或者简单的门禁管理方式,还远没有实现智能化管理。而传统的管理方式,带来的是: 琴房资源的分配问题:无法设置琴房的属性、权限,不能动态分配琴房,导致琴房资源使用效率低等问题; 学生无法知道当前琴房使用情况:学生无法实时知道当前琴房的资源使用情况,需要花费时间前往琴房管理处咨询;

推荐一款最强Python自动化神器!不用写一行代码!

☆樱花仙子☆ 提交于 2020-12-19 11:25:13
关注上方“ 测试开发技术 ”,选择星标, 干货技术,第一时间送达! 搞过自动化测试的小伙伴,相信都知道,在Web自动化测试中,有一款自动化测试神器工具: selenium 。结合标准的WebDriver API来编写Python自动化脚本,可以实现解放双手,让脚本代替人工在Web浏览器上完成指定的操作。 虽然 selenium 有完备的文档,但也需要一定的学习成本,对于一个纯小白来讲还是有些门槛的。 最近, 微软开源 了一个非常强大的自动化项目叫 playwright-python ,项目地址: https://github.com/microsoft/playwright-python 它支持主流的浏览器,包含: Chrome 、 Firefox 、 Safari 、 Microsoft Edge 等,同时支持以 无头模式 、 有头模式运行 ,并提供了 同步 、 异步 的 API,可以结合 Pytest 测试框架使用,并且支持浏览器端的自动化脚本录制。 而对于Python爱好者来说,还有一个更大的福利,这个项目是针对Python语言的纯自动化工具, 可以做到,连一行代码都不用写,就能实现自动化功能 。听起来,简直太碉堡了! 可能你会觉得有点不可思议,真的不用写一行代码吗?但它真的就是这么厉害。下面我们一起看下这个神器。 1. Playwright介绍

如若已在管理后台更新域名配置,请刷新项目配置后重新编译项目,操作路径:“项目-域名信息” http://www.mysite.com 不在以下 request 合法域名列表中

三世轮回 提交于 2020-12-19 11:12:13
报错如图 报错文字如下: 如若已在管理后台更新域名配置,请刷新项目配置后重新编译项目,操作路径:“项目-域名信息” http://www.mysite.net 不在以下 request 合法域名列表中,请参考文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html 这种错误可能有多种原因,我这里的原因是因为我的网站不是https开头的 而是http 解决方案如下: 点击 工具——项目详情 会打开如下界面 勾选这里的 不校验安全域名、TLS版本以及HTTPS证书。问题即解决。如果你的微信开发者工具不是 可能点击的位置不一样。 ==================================================================================================== 然而 以上方法其实是治标不治本的,正确的方法应该是为你的域名申请https的证书 有了证书,还不够,还应该登录微信小程序的管理后台 进行如下图操作: 来源: oschina 链接: https://my.oschina.net/u/4263875/blog/4218866

实战|手把手教你用Python爬取存储数据,还能自动在Excel中可视化!

淺唱寂寞╮ 提交于 2020-12-19 10:39:56
大家好,在之前我们讲过如何用Python构建一个带有GUI的爬虫小程序,很多本文将迎合热点, 延续上次的NBA爬虫GUI,探讨如何爬取虎扑NBA官网数据。 并且将数据写入Excel中同时自动生成折线图 , 主要有以下几个步骤 本文将分为以下两个部分进行讲解 在虎扑NBA官网球员页面中进行爬虫, 获取球员数据 。 清洗整理 爬取的球员数据,对其进行 可视化 。 项目主要涉及的Python模块: requests pandas bs4 爬虫部分 爬虫部分整理思路如下👇 观察URL1的源代码 找到球队名称与对应URL2 观察URL2的源代码 找到球员对应的URL3 观察URL3源代码 找到对应球员基本信息与比赛数据并进行筛选存储 其实爬虫就是在html上操作,而html的结构很简单就只有一个,就是一个大框讨一个小框,小框在套小框,这样的一层层嵌套。 目标URL如下: URL1: http://nba.hupu.com/players/ URL2(此处以湖人球队为例): https://nba.hupu.com/players/lakers URL3(此处以詹姆斯为例): https://nba.hupu.com/players/lebronjames-650.html 先引用模块 from bs4 import BeautifulSoup import requests import

微信小程序 --- action-sheet底部弹框

房东的猫 提交于 2020-12-19 07:29:20
action-sheet:从屏幕底部弹出一个菜单,选择: 使用的时候,在给不同的 action-sheet-item 添加不同的事件。 效果: (这里的确定可以有多个) 代码: < button type ="primary" bindtap ="btnclick" > 按钮 </ button > < action-sheet hidden ="{{onOff}}" > < action-sheet-item class ='item' > 确定 </ action-sheet-item > < action-sheet-cancel class ='cancel' > 取消 </ action-sheet-cancel > </ action-sheet > JS: // 获取应用实例 const app = getApp() Page({ data: { onOff: false }, btnclick: function (){ this .setData({onOff: false }); } }) 来源: oschina 链接: https://my.oschina.net/u/4417595/blog/4247276

微信小程序 --- model弹框

坚强是说给别人听的谎言 提交于 2020-12-19 07:16:17
model弹框:在屏幕中间弹出,让你进行选择: 效果: 代码: < button type ="primary" bindtap ="btnclick" > 按钮 </ button > < modal title ="标题" confirm-text ="确认" cancel-text ="取消" hidden ="onOff" bindconfirm ="modalConfirm" bindcancel ="modalCancel" > 这里是会话内容 </ modal > page.js: // 获取应用实例 const app = getApp() Page({ data: { onOff: true }, btnclick: function (){ var onOff = this .data.onOff; this .setData({onOff:! onOff}); } }) 还可以使用JS: btnclick: function (){ wx.showModal({ title: '提示' , content: '这是一个模态弹窗' , success: function (res) { if (res.confirm) { console.log( '用户点击确定' ) } else if (res.cancel) { console.log( '用户点击取消'