摘要:文章来源地址一目录结构主要存放组件模块,可自行添加。组件需要在页面里的文件下配置组件路径,如下标题封装了公共的模板,可以看到以下这些文件请求封装请求签名参数域名环境控制正则匹配验证公共方法主要是用来解析。微信小程序开发文档
文章来源:www.bookcss.com/note/12/19
一、目录结构github地址:github.com/hwgq2005/xc…
├── components | ├── select-address ├── images ├── pages | ├── page1 | └── page2 ├── utils | ├── common.js | ├── host.js | ├── reg.js | ├── request.js | └── sign.js ├── wxml | ├── aaa.wxml | └── bbb.wxml ├── wxss | ├── common.wxss | ├── header.wxss | └── sidebar.wxss └── wxParse
主要存放组件模块,可自行添加。 组件需要在页面里的 xxx.json 文件下配置组件路径,如下:
{
"navigationBarTitleText": "标题",
"usingComponents":{
"select-address":"../../components/select-address/select-address"
}
}
封装了公共的模板,可以看到以下这些文件:
主要是用来解析HTML。
import WxParse from "../../wxParse/wxParse"
WxParse.wxParse("名称定义", "html", data.data.rules, this, 5);
WxParse.wxParse(bindName , type, data, target,imagePadding)
bindName绑定的数据名(必填)
type可以为html或者md(必填)
data为传入的具体数据(必填)
target为Page对象,一般为this(必填)
imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
引入模板
"../../wxParse/wxParse.wxml"/>
"wxParse" data="{{wxParseData:名称定义.nodes}}"/>
二、请求调用
import $ from "../../utils/request"
$.ajax({
url: _.host.baseApi + "/api/xxx",
method: "post",
data: {}
}).then(function(data){
do somethig ...
})
import $ from "../../utils/request"
$.get(_.host.baseApi + "/api/xxx",data: {}).then(function(data){
do somethig ...
})
import $ from "../../utils/request"
$.post(_.host.baseApi + "/api/xxx",data: {}).then(function(data){
do somethig ...
})
字段 | 字段说明 |
---|---|
method | get或post,默认值为get |
data | isSign等于true或false,默认值为false,可根据情况删减。 |
考虑到一个项目不同模块不同域名的情况下:
// 是否开发环境
let isDev = false;
// 开发环境域名
let dev = {
// 商城API
baseApi : "xxx1.com",
// 抽奖api
drawApi : "xxx2.com"
}
// 线上环境域名
let pro = {
// 商城API
baseApi : "xxx3.com",
// 抽奖api
drawApi : "xxx4.com"
}
export default isDev ");
四、结尾
以上只提供目录模板及公共方法,其他需自行开发。 微信小程序开发文档:developers.weixin.qq.com/miniprogram…
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/6797.html
摘要:具体用法其中表示数组元素的值,表示数组元素的下标,表示包含该元素的数组。这里采用随机函数来获取数组的下标,函数是获取之间的数,函数是向下取整,这样就可以随机获取相应的下标数。小程序中的模板就很好地帮我们解决了这个问题,并通过属性来实现调用。 在微信小程序的开发过程中,当你想要实现不同页面间的数据绑定,却为此抓耳饶腮时,不妨让微信小程序与filter 来一场完美的邂逅,相信会给你带来别样...
摘要:传统的网页编程采用的三剑客来实现,在微信小程序中同样有三剑客。观察者模式不难实现,重点是如何在微信小程序中搭配其特有的生命周期来使用。交互事件传统的事件传递类型有冒泡型与捕获型,微信小程序中自然也有。 本文由作者邹永胜授权网易云社区发布。 简介为了更好的展示我们即时通讯SDK强悍的能力,网易云信IM SDK微信小程序DEMO的开发就提上了日程。用产品的话说就是: 云信 IM 小程序 S...
摘要:基础学习微信小程序视图容器一掘金本文为菜鸟窝编辑吴佳林的连载。如果碰巧遇到关闭情况,可加群全家桶与微信开发前端掘金此项目本身有一个了,为了方便将和微信端数据打通,需要用户微信和用户绑定。 微信扫一扫登录内部实现原理 - Android - 掘金与XMPP相关试题一 与XMPP相关试题二 与性能优化相关试题一 与性能优化相关试题二 与性能优化相... [利用 [微信公众号通知] 给你的网...
摘要:学习微信小程序一段时间,自己仿照京东小程序做了几个页面,分享给大家看看源码地址,希望能帮助到有兴趣的同学喜欢可以加星哦其中几个效果图如下介绍一下事先准备的事情前期部署项目命名规范用驼峰法命名中命名用分隔,用接口中数据用分隔文件文件夹命名 学习微信小程序一段时间,自己仿照京东小程序做了几个demo页面,分享给大家看看 源码地址,希望能帮助到有兴趣的同学https://github.com...
摘要:学习微信小程序一段时间,自己仿照京东小程序做了几个页面,分享给大家看看源码地址,希望能帮助到有兴趣的同学喜欢可以加星哦其中几个效果图如下介绍一下事先准备的事情前期部署项目命名规范用驼峰法命名中命名用分隔,用接口中数据用分隔文件文件夹命名 学习微信小程序一段时间,自己仿照京东小程序做了几个demo页面,分享给大家看看 源码地址,希望能帮助到有兴趣的同学https://github.com...
阅读 1904·2021-11-23 09:51
阅读 2992·2021-11-17 09:33
阅读 1741·2021-10-13 09:40
阅读 1151·2021-09-30 10:01
阅读 419·2021-09-26 09:46
阅读 1993·2021-09-23 11:55
阅读 815·2021-09-14 17:57
阅读 1123·2021-09-10 10:51