微信小程序开发(三)项目目录及文件结构
第二章我们已经创建了一个Hello WXapplet示例小程序。我们从文件目录结构来了解Hello WXapplet项目的构成。 目录结构显示,在小程序项目的根目录下面包含3个app开头的文件(app.js、app.json、app.wxss)以及pages目录与utils目录。其中pages目录存放了2个页面(index和log)的构成文件。每个页面都是一个目录,目录名就是唯一的页面名,其下由以…
第二章我们已经创建了一个Hello WXapplet示例小程序。我们从文件目录结构来了解Hello WXapplet项目的构成。 目录结构显示,在小程序项目的根目录下面包含3个app开头的文件(app.js、app.json、app.wxss)以及pages目录与utils目录。其中pages目录存放了2个页面(index和log)的构成文件。每个页面都是一个目录,目录名就是唯一的页面名,其下由以…
1、小程序生成项目 创建小程序项目。使用微信开发者工具创建小程序项目; 2、使用node生成package.json #进入小程序目录 cd /Users/singularity/wechat/car #使用 命令创建 package.json npm init # package.json 采用问答模式创建 #1、项目名称 当不输入直接巧回车 默认为括号中的car package name: (…
WXML(WeiXin Markup Language)是MINA设计的一套标签语言,结合基础组件,事件系统,可以构建出页面的结构。简单的说就是微信团队自己设计出来一种xml标签语言,在小程序中扩展名为*.wxml,主要有数据绑定、列表渲染、条件渲染、模板、事件、引用功能。 数据绑定 语法结构:数据绑定使用"Mustache"语法(双大括号)将变量包起来。例如: { { message }} 下面…
GitHub 仓库下载教程,或者关注公众号『君王羔羊』获取源代码 获取源码请关注个人微信公众号,后台回复: 车辆使用登记 车辆预约登记 这是使用云开发的微信小程序,主要包括三个界面: 主界面:包含车辆列表、借用记录查看 车辆预约登记界面:包含表单、电话格式输入框、禁用输入框、时间选择器,提交按钮 还车界面:包含当前借用人信息,归还时间选择器,点击还车按钮 参考文档 博客链接 主界面 登记使用界面 …
1、首先现根据官网的tips,看看自己是不是把canvas写在这个组件里了 2、看看自己是不是在 config里设置了config = {"disableScroll":true},如果设置了就去掉。 3、看看是不是给最外层标签page定义了height:100%的属性或者overflow相关的属性,如果是的话去掉。 4、如果上面的方法都用过了还没有解决,那么检查你的canvas的所有父级元素是否…
一般我们都知道,在微信搞群接龙是这样的: 那么今天小编给大家推荐一个好用的小程序,接龙完成后可下载表格,超级方便,适用于各个场景 点击下方小程序进入发起接龙 ↓↓↓↓ 小程序操作流程如下: 请务必认真看完 进入首页点击我要创建可发起接龙 创建之后点击右上角分享按钮发送到群里开始接龙 长按识别下方公众号关注开始使用吧 (有任何疑问可以公众号留言) 相关推荐: 暖暖的天国的雨,密密的斜织着,像散落的水…
小程序获取顶部状态栏和右上角圆点栏的高度 有时需要自定义小程序的顶部状态栏,或者放一些元素到圆点栏那一行,就需要获取状态栏和圆点栏的高度。 效果图: 黄色背景图包含了全屏,所以需要自定义设置: 然后将推荐有礼区域定位在状态栏的下面,高度与圆点栏一致,然后使用 display:flex; 布局使文字居中就行了 <view class="top-box" style="top:{{statusH…
做个微信小程序(后台管理:jsp+mysql) 跟着视频做了个小程序商城,但是API是现成的,自己的项目还得自己做好后台再做前端,于是开始做后台,其中Java连接数据库已经熟悉,现在的问题是把获取的Object对象类型数据需要转换成小程序能直接获取的Json格式。 开始网上查找List对象转Json,得到的结果大致都是利用net.sf.json包下JSONArray的静态方法:fromObject…
bug如下 <view class="wrapper"> <!-- tab导航栏 --> <scroll-view class="tab" scroll-x="true"> <view wx:for="{ {menuList}}" wx:key="index" class="tab-item { {currentTab == index ? 'active…