weui js 读取PHP,微信公众号开发weui使用心得

最新推荐文章于 2024-04-25 09:38:21 发布
最新推荐文章于 2024-04-25 09:38:21 发布
阅读量96 收藏
点赞数
文章标签： weui js 读取PHP

微信公众号开发weui使用心得，避免少犯错！

特别注意：

如果使用 jquery，则 jquery.js 一定要放在

的最后面，否则 weui 不起作用。

引用部分 weui

只需要加载 weui.css 即可{% load staticfiles %}

引用 weui 整个例子框架head link css

WeUI

{% load staticfiles %}

body 最后写上 js

weui 结构

注意事项：

如果 page 的上面不写 id="tpl_home" 就会报错

报错如下：Uncaught TypeError: Cannot set property 'url' of undefined

at setPageManager (example.js:264)

at init (example.js:289)

at example.js:296

at HTMLDocument. (zepto.min.js:1)

下面是在 chromium 中报错图：

202c6fd928d91419451ef9b196933a45.png

来自简书swotpp

痛苦是在走上坡路
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信公众号开发之jssdk接入和实现微信录音功能
RobotBing的博客
06-27 6741
微信提供了jssdk，可以实现微信内转发朋友圈，获取位置，录音等功能，使用jssdk首先需要接入，对网页做个验证，当前网页是否符合调用jssdk的要求，验证过程为： 1.网页向后台服务器发送验证请求 2.服务器接收到请求后获取jsapiTicket、timestamp、nonceStr三个参数，然后根据这三个参数获取signature，将timestamp、nonceStr和signature...
微信公众号开发之商户注册功能-拍照、上传图片（一）
一只喜欢学习的猪仔
02-10 2494
微信公众号中开发一个商户注册功能，没有难点，只是页面排版、微信的一些控件（扫码、上传图片）不熟悉可能会花一点时间。 商户注册功能分两页：第一页填写手机号，获取验证码，输入验证码，输入密码和确认密码，点击下一步，然后填写商户名称，上传商户营业执照和门店照片，扫描我们给商户的收款二维码用来绑定商户号，点击确定保存即商户注册成功。 先说下上传图片功能，刚开始直接做的是用type是file的input...
weui.js：WeUI的轻量级JavaScript库
02-20
weui.js 概述 的轻量级js封装。 注意：由于微信小程序不支持dom操作，所以weui.js并不适用于小程序。不过WeUI也为小程序开发了另外的版本，详情请看： : 手机预览 开发 安装 git clone https://github.com/Tencent/weui.js.git cd weui.js npm install npm start 编译 npm run build 使用 全球的 < link rel =" stylesheet " href =" https://res.wx.qq.com/open/libs/weui/2.0.1/weui.min.css " > < script type =" text/javascript " src =" https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js
1.3.3微信小程序WeUI.js网页开发样式库
Eric is a ....
04-22 4316
目录 1 概述2 使用方法 2.1 安装2.2 开发 3 元素类型 3.1 Button3.2 Cell3.3 Dialog3.4 Progress3.5 Toast3.6 Msg Page3.7 Article3.8 ActionSheet3.9 Icon 4 技术支持与反馈 概述 WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官
weui.js:WeUI的轻量级JavaScript库
05-12
weui.js 概述 的轻量级 js 封装。 注意：由于微信小程序不支持dom操作，所以weui.js并不适用于小程序。不过WeUI也为小程序开发了另外的版本，详情请看： 手机预览 开发 安装 git clone https://github.com/Tencent/weui.js.git cd weui.js npm install npm start 编译 npm run build 使用 global <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.0.1/weui.min.css"> [removed][removed] <s
weui所需Js和css文件
03-21
weui所需Js和css文件 github上面下载的是less文件还需要编译，发现网上没有这方面的文件所以上传一下，利人利己
探索WeUI.js：腾讯出品的前端UI库，让Web开发更优雅
最新发布
gitblog_00098的博客
04-25 443
探索WeUI.js：腾讯出品的前端UI库，让Web开发更优雅 项目地址:https://gitcode.com/Tencent/weui.js WeUI.js 是腾讯推出的一款轻量级、响应式的前端用户界面库，专门针对微信生态而设计，旨在帮助开发者轻松构建与微信风格一致的高质量Web应用。本文将深入探讨其技术特性、应用场景及其优势，以便让更多开发者了解并使用这一优秀项目。 项目简介 WeUI.js是...
Python3 Selenium3在微信公众号自动化操作实例
# 章节一：介绍Python3和Selenium3 ...这意味着开发过程要比编译型语言慢得多。 Python 3.x是Python语言的下一个主要版本，并且不完全向后兼容Python 2.x。然而，Python 2.x与Python 3.x在许多方面
基于weui图片上传封装插件
02-19
2. **jQueryWeui**：jQueryWeui是在WeUI基础上，结合jQuery进行的二次开发，它降低了使用WeUI的门槛，通过jQuery的链式操作和事件处理，让开发更高效，代码更简洁。 3. **图片上传**：图片上传是Web应用中常见的...
微信小程序 weui-wxss-master.zip
11-06
在本压缩包"weui-wxss-master.zip"中，包含的是微信小程序使用的一种UI库——WeUI-WXSS的相关资源和示例。 WeUI-WXSS是微信官方设计团队为微信小程序量身定制的一套UI框架，它遵循微信的官方设计规范，提供了丰富的...
WeUI 最新版 js 及 css 下载
05-16
使用 <!-- head 中 --> <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css"> <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css"> <!-- body 最后 --> [removed][removed] [removed][removed] <!-- 如果使用了某些拓展插件还需要额外的JS --> [removed][removed] [removed][removed]
weui.js 1.2.14打包后的Js文件(包含weui.min.js)下载
04-02
构建打包了weui.js 1.2.14的Js下载(包含weui.min.js),以方便使用.
WeUI是一款基于Zeptoweui开发的UI
08-10
weui 是在weui0.44基础上,采用zepto作为基础库,兼容weui1.1所有效果,目前分为表单,基础,布局,组件,js函数五大类,共计百余项功能,是最全的weui样式
weui.js 的使用
洪海洋的博客
05-15 5696
基本上是 weui 的 css 样式：npm install weui —saveweui 配套的 js 代码：install weui.js --save在要用的 vue 文件里加上：import 'weui'import weui from 'weui.js'
weui.js的调用
蒙蒙细雨的博客
08-10 2042
单列及多列选择器 var cityarr = [{ label:'山东', value:"shandong", children:[{ label:'济南市', value:"jinanshi", },{ ...
WEUI控件JS用法
zhaogaojian的专栏
07-25 67
1 /* dialog */ 2 document.querySelector('#alertBtn').addEventListener('click', function () { 3 _weui2.default.alert('自定义标题的alert', function () { 4 console.log('ok'); ...
PHP使用weui,微信小程序WeUI引入
weixin_29341975的博客
03-09 220
引入组件通过useExtendedLib 扩展库的方式引入1.报错Component is not found in path “miniprogram_npm/weui-miniprogram/dialog/dialog解决方法：下载微信开发者工具1.04并勾上详情的使用新的编译模块(我linux 1.02没有这个)2.报错[“usingComponents”][“mp-dialog”] 未...
PHP使用weui,WeUI前端搭建
weixin_35628611的博客
03-09 352
前端UI采用微信团队开发的weui，项目在GitHub的地址是 https://github.com/weui/weui。准备工作使用git clone将weui下载到Laravel的public目录下，并在public目录下新建4个目录css、js、images、fonts。将weui的css文件放入/public/css/目录中。使用npm下载jquery或zepto，并将其放置到/publi...
PHP使用weui,微信公众号开发weui使用心得
weixin_39828198的博客
03-09 128
微信公众号开发weui使用心得，避免少犯错！特别注意：如果使用 jquery，则 jquery.js 一定要放在 的最后面，否则 weui 不起作用。引用部分 weui只需要加载 weui.css 即可{% load staticfiles %}引用 weui 整个例子框架head link css WeUI {% load staticfiles %}body 最后写...
webmagic爬取微信公众号
05-09
WebMagic 是一款非常好用的 Java 爬虫框架，可以用来爬取各种网站。对于爬取微信公众号，可以使用 WebMagic 结合公众号的历史文章链接来进行爬取。下面是一个简单的爬取微信公众号文章的示例代码： ```java import us.codecraft.webmagic.processor.PageProcessor; import us.codecraft.webmagic.Site; import us.codecraft.webmagic.Spider; import us.codecraft.webmagic.selector.Html; import us.codecraft.webmagic.selector.Selectable; import java.util.List; public class WeChatPublicAccountPageProcessor implements PageProcessor { private Site site = Site.me().setRetryTimes(3).setSleepTime(1000); public Site getSite() { return site; } public void process(Page page) { Html html = page.getHtml(); String title = html.xpath("//title/text()").get(); List<Selectable> articleNodes = html.xpath("//div[@class='weui_media_bd']/h4/a") .nodes(); for (Selectable node : articleNodes) { String articleTitle = node.xpath("/a/text()").get(); String articleUrl = node.xpath("/a/@href").get(); // 把文章链接放到待爬取队列中 page.addTargetRequest(articleUrl); } // 如果是文章页面，则解析文章内容 if (page.getUrl().regex("https://mp.weixin.qq.com/s").match()) { String content = html.xpath("//div[@class='rich_media_content']") .get(); // 把文章内容存储到数据库中或者进行其他处理 // ... } } public static void main(String[] args) { Spider.create(new WeChatPublicAccountPageProcessor()) .addUrl("https://mp.weixin.qq.com/profile?{account_id}") .run(); } } ``` 代码中，我们使用了 WebMagic 的 `PageProcessor` 接口来处理页面，通过 `addUrl()` 方法来添加待爬取的微信公众号链接，然后在 `process()` 方法中解析历史文章链接并添加到待爬取队列中，如果是文章页面，则解析文章内容并进行其他处理。需要注意的是，需要替换花括号中的 `{account_id}` 为对应的公众号ID。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值