今天一波三折承受了超出预料的压力和煎熬我想我一没有泄露公司的代码网络推广我想我一没有泄露公司的代码二没有提供泄露开发工具下载只是从程序猿角度写了篇开发日志最后还是决定继续放出我的更新教程。
以上!开始吧:
这个时候需要根据自己的项目需求结构进行更改了项目根目录下面是首页渲染的几个 tabBar 页面以及 app 的一些配置文件如名片盒项目的 tabBar 是 3 个切换菜单:
我们先找到 app.json 文件打开配置好这几个菜单配置好 ”tabBar”这个直接把配置文件改成你自己设计的即可。
App.json 里面有几个配置项:
Pages:这个是编写的 js 文件后缀 .js 这里不需要使用配置好正确路径即可正常应用到(应用不到在重启微信开发者工具会直接报 page 错误)。
Window:配置顶部的一些样式文档介绍比较详细。
tabBar:底部的几项配置见名知意。
networkTimeout:暂时没发现用处建议看文档。
根据实际项目需求进行添加与更改。
iconPath 和 selectedIconPath:底部菜单按钮图片与得到切换点击高亮。
"text":可以去掉全部去掉会发现底部 tabar 高度会减少很多。
Json 文件配置好后根据项目进行文件创建
Demo:存放的是假数据这一期的开发工具支持 require假数据使用的是 .js 文件形式
里面的数据结构 json 一致把 data 暴露出去即可。
然后取数据 require 进来即可这一点使用很方便;
Images:图片路径;
Page:除 tabar 以外的页面;
Servise:服务交付层(与后台联调真实数据时使用);
Wxss:一些公共的 css 文件。
看到这里大家发现每个页面都被连带好三个不同的后缀。分别页面cssjs 目前只能依照这样是微信应用号的一个规范吧。
Wxss 文件是引入你写的样式文件也可以直接在里面写样式。
Js 文件需全部配置到 pages 里面才能生效。
微信小程序首页面开发进行了各种准备与配置后来到首页开发。首先需要实现首页效果图如下:
Template 名片很多需要用模板。
这里需要微信提供的基础组件大致是 input(搜索框)、action-sheet(右边是个底部下拉菜单需要下拉菜单)、Scroll-view (右边 ABC 跳转)、(这个目前实现还有点问题正在攻克中)。
View 是块元素整个搜索框的一个样式。
名片夹:由于该项目主打名片功能故很多地方使用所以需要把名片以 template 分离出来。
Template:定义一个模板name 模板的名字其实是个作用域。
Block:循环控制名片很多门户网站名片很多必须用循环出来和很多操作数据的前端框架循环差不多。
支持自定义属性 data这里用作判断线上名片以及线下名片。
View 里面是一些数据引入里面是支持三目运算符。
引入 template 时非常方便is 和 name 一样data 是 nameData 传递过来的数据填充。
一切都绑定数据为中心点。
取到数据具体操作根据你数据结构:
这里的数据结构和 json 数据结构一样
这里如要传到页面的话即是
因为页面遍历的是 nameData,timeData
可以看下打印出来的数据结构根据你的结构进行解析与传递。
也可以看下这里对数据的一些操作。(这里须根据定义的 json 数据格式来操作的)