PHP实用小程序(六)】的更多相关文章

项目实例(原生框架 MINA) 1.新建小程序项目 1.用自已的小程序APPID 2.清除整理项目中初建默认无关的代码 1.app.json 中删除logs,同时删除pages下的losgs文件夹 2.app.wxss 中样式代码删除 3.app.js 中无关代码删除,新增app默认代码                 App({ /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */ onLaunch: function () { }, /** * 当小程序启动,或…
<HTML> <HEAD> <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> <title>检测操作系统和浏览器类型</title> </HEAD> <body alink="#FF0000" link="#000099" vlink="#CC6600" t…
<? //用COOKIE保存投票人的投票记录 if($vote && !$already_voted) SetCookie("already_voted","1"); ?> <html> <head> <title>简易投票系统</title> </head> <body alink="#FF0000" link="#000099"…
<HTML> <HEAD> <TITLE>图像函数</TITLE> </HEAD> <BODY> <img src="64.jpg"> <br> <? $image_file = "64.jpg"; $image_size = getimagesize($image_file); print("图片的宽度:". $image_size[0].&q…
<HTML> <HEAD> <TITLE>访问文件时间属性</TITLE> </HEAD> <BODY> <? $LastAccess = fileatime("data.txt"); print("文件最后的存取时间为:"); print(date("l F d, Y", $LastAccess)); print("<br>"); ?&…
<HTML> <HEAD> <TITLE>给数组增加元素</TITLE> </HEAD> <? $Cities[] = "<B>北京</B>"; //等同于$Cities[0] = "北京" $Cities[] = "<B>天津</B>"; //等同于$Cities[1] = "天津" $Cities[] = &q…
<HTML> <HEAD> <TITLE>经典循环例子</TITLE> </HEAD> <BODY> <? ; $counter <= ; $counter++) //循环6次 { print("<B>counter is $counter</B><BR>\n"); //打印6次 } ?> </BODY> </HTML> <HTML…
<? //设置路径(默认当前php文件所在路径) $basedir = "d:/inetpub/wwwroot"; $textrows = "20"; $textcols = "85"; if(!$wdir) $wdir="/"; //HTML的标头 function html_header(){ global $basedir; global $wdir; global $lastaction; echo "…
最近帮人家做一个微信小程序,刚好想熟悉一下.由于牵扯到多用户使用系统,以及数据共享,所以自然架构选择了,客户端和服务器的方式. 后台服务器是windows server,后台程序是.Net  WebApi,跑在IIS下面,因为不想系统太重,数据量不大,所以选择了xml 作为数据库 客户端,服务器架构的微信小程序坑如下 第一坑:(五项条件请具备) 1.一个已备案的域名(二级域名可以的),不是localhost.也不是127.0.0.1,域名不能加端口 (所以不要梦想可以搭在局域网里使用了,那是不可…
这篇文章理论的知识比较多一些,都是个人观点,描述有失妥当的地方希望读者指出. [微信小程序开发•系列文章一]入门 [微信小程序开发•系列文章二]视图层 [微信小程序开发•系列文章三]数据层 [微信小程序开发•系列文章四]模块化 [微信小程序开发•系列文章五]主界面 [微信小程序开发•系列文章六]生命周期和路由 整个微信小程序从打开到关闭,整个过程可以分为很多阶段或者说状态,这一整段的过程,我们称之为小程序的生命周期.而周期中的每种不同的状态,到另一个状态的过度和转化,是需要一个触发机制的,这种机…
微信小程序,前端大梦想(六) 微信小程序之联合百度API实现定位 定位功能对于我们都不陌生,在移动端的应用中更是不可或缺的功能,小程序中也提供了对应的API帮助我们完成定位的实现,但是目前小程序的定位API只能返回经纬度,所以要获取更加完整的地理信息需要其它数据接口的帮助,这里我们使用百度地图API. 小程序位置API介绍 百度地图API返回地理信息 一. 获取位置 wx.getLocation(OBJECT): 获取当前的地理位置.速度.当用户离开小程序后,此接口无法调用,当用户点击"显示在聊…
作者:NiceCui 本文谢绝转载,如需转载需征得作者本人同意,谢谢. 本文链接:http://www.cnblogs.com/NiceCui/p/8079095.html 内容持续更新,维护中 邮箱:moyi@moyibolg.com 日期:2017-12-15 UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wemark ★85 - 微信小程序Mar…
UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wemark ★85 - 微信小程序Markdown渲染库 WeZRender ★36 - 微信小程序Canvas增强组件 wetoast ★21 - 仿照微信小程序提供的showToast功能 wxapp-charts ★20 - 微信小程序图表charts组件 WeiXinProject ★18 - 列…
涉及知识点: 1.垂直排列,水平排列 2.居中对齐 示例: 1.默认排版 , 一个父组件里面两个子view 显示效果: 2.先给父view设置一个高度和颜色值,用于看效果 3.实现水平排列和垂直排列的样式  水平排列:    ------>  垂直排列(不进行设置,默认垂直排列): ------> 4.实现居中效果  居中效果分为两种情况,依赖于3中的水平排列还是垂直排列.  ①.当水平排列的时候  , justify-content:center ; 决定水平居中  ------------…
记账本微信小程序开发六 我的界面 主界面…
用法:用于页面跳转,相当于html里面的<a></a>标签. API教程:https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.htmlhttps://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html 四种跳转的方法,在index里面写下一段代码进行测试 1:从首页跳转到日志页面(可以返回) (注意,在没有设置底部导航的情况下,没有tab也可使用这个属性…
原文:微信小程序把玩(二十六)navigator组件 navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面.用redirect属性指定. 主要属性: wxml <navigator url="../index/index">点击跳转不关闭当前页面</navigator> <navigator url="../logs/logs" redirect="true" >点击跳转关闭当前页面<…
原文:微信小程序把玩(十六)form组件 form表单组件 是提交form内的所有选中属性的值,注意每个form表单内的组件都必须有name属性指定否则提交不上去,button中的type两个submit,reset属性分别对应form的两个事件 主要属性: wxml <form bindsubmit="listenFormSubmit" bindreser="listenFormReser" > <checkbox-group name=&quo…
原文:微信小程序把玩(六)模块化 模块化也就是将一些通用的东西抽出来放到一个文件中,通过module.exports去暴露接口.我们在最初新建项目时就有个util.js文件就是被模块化处理时间的 /** * 处理具体业务逻辑 */ function formatTime(date) { //获取年月日 var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() //获取时分秒 var…
原文:微信小程序把玩(三十六)Storage API 其实这个存储在新建Demo的时候就已经用到了就是存储就是那个logs日志,数据存储主要分为同步和异步 异步存储方法: 存数据 wx.setStorage(object) 相同key会覆盖,可写回调方法 获取方法: wx.getStorage(object) 清除方法: wx.clearStorage()里面可以写回调函数 成功,失败,完成 同步存储方法: 存数据 相同key会覆盖 wx.setStorageSync(key,data) 读数据…
六.生命周期 (1)onLoad    —— 加载时触发,只调用一次,可用来发送请求绑定数据.获取url中参数 (2)onShow   —— 页面显示时触发,每次显示都会执行,用来获取需要频繁更新的数据,比如购物车.订单.地址等 (3)onReady     —— 渲染完时触发,只调用一次 (4)onHide —— 隐藏页面时触发,如底部tab切换到别的页面或小程序切入后台等 (5)onUnload    —— 页面卸载时触发,如redirectTo 或 navigateBack 到其他页面…
大家好!博卡君原计划是能在国庆假期前把小程序的开发教程做完,给大家一套完整.系统的东西,不过由于最近小程序开发工具的拍照组件尚未完善,很多功能还不能顺利实现.我考虑了一下,觉得不如把拍照部分的一些代码展示出来,一来是给大家一个思路,二来也让大家看看目前开发工具存在的一些问题,咱们一起研究研究. 第九章:微信小程序拍照收纳开发以及删除名片等 还是先来看看我们今天的主题——拍照收纳. 拍照收纳分为:上传图片/识别名片.手动填写名片信息两个路径,这里只说下拍照识别,手动填写和前面的编辑名片是同样的页面…
28.页面路由 框架以栈的形式维护了当前的所有页面. 当发生路由切换的时候,页面栈的表现如下: 路由方式 29.小程序事件流 什么是事件? 事件是视图层到逻辑层的通讯方式 事件可以将用户的行为反馈到逻辑层进行处理 事件可以绑定在组件上,触发事件后,就会执行逻辑层中对应的时间处理函数 时间对象可以携带额外信息 事件执行三个阶段 事件捕获阶段 事件处理阶段 事件冒泡阶段 30.view容器 什么是组件? 组件是视图层的基本能组成单元 组件自带一些功能与微信风格的样式 一个组件通常包括:开始标签和结束…
在上一章节中,我们列举了在Vue中能用但在mpvue中不能用或需要特别注意的特性,在实际开发前了解一下还是很有必要的,可以避免浪费找错误的时间. 如果你使用过原生的小程序框架,你一定经历过或思考过怎么解决以下的问题: 怎么存放可全局访问的变量? 页面跳转的时候,怎么传递参数到下一个页面比较好? 页面返回上一页的时候,怎么传递当前页的数据到上一页? 多个页面间需要同步数据,怎么做比较好? 网上一搜,解决的方法通常也是五花八门的,什么通过app上的globalData啊.通过存取storage啊.通…
1. 今天主要根据网上教程学习了微信小程序的代码结构,和代码编写-Tabbar配置, 学习了app.js的App和Page方法, 认识了view组件,button组件,input组件,但是还没怎么应用,还有如何进行首页的开发等等. 这是观看视频时这三种组件的演示 view演示 input演示 button演示 这是简单实现的一个页面,还不完善,明天会进行补充, (备注:那个加载中也是页面效果) 2. 了解到微信小程序开发需要用到JavaScript语言,也学习了网上的一个快速入门视频教程. 然后…
本案例是可以滑动预览多张图片效果.(本案例在本地配置好之后,请扫描二维码到手机滑动预览.在开发者工具上预览,滑动不是很流畅) 图片必须选择远程图片,本地图片无法实现预览. 或是通过wx.chooseImage上传的图片数组. 微信开发者工具:0.18.182200 欢迎对小程序开发有兴趣的朋友加群(604788754)交流学习. WXML: <block wx:for="{{pictures}}" wx:for-item='item' wx:for-index='idx'>…
前言 之前写了一些小程序的博文只是看文档边看边写,了解下他,这次可是真枪真刀的做了! 框架使用的是美团的mpvue,我也是一边学习,一边写的,如有错误之处,还望大家指出. 在这里我有个问题,为什么微信小程序不支持css里面直接导入本地图片作为背景图呢? 内联式 <view class="img" style="background-image: url(/static/images/draw.png)"></view> 外部引入 如果css是…
Wxss的学习 WXSS(WeiXin Style Sheets)是一套样式语言,用于描述WXML的组件样式. WXSS用来决定WXML的组件应该怎么显示. 为了适应广大的前端开发者,我们的WXSS具有CSS大部分特性.同时为了更适合开发微信小程序,我们对CSS进行了扩充以及修改. 与css相比我们扩展的特性有: · 尺寸单位 · 样式导入 尺寸单位 · rpx(responsive pixel): 可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在iPhone6上,屏幕宽度为375px…
微信小程序中所有 js 文件作用域皆为独立的,每一个 js 文件即为一个模块.模块与模块之间的引用通过 module.exports 或 exports 对外暴露接口. 注意: exports 是 module.exports 的一个引用,因此在模块里边随意更改 exports 的指向会造成未知的错误.( 官方推荐使用 module.exports 来暴露模块接口 ) 小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小…
全局配置:app.json 微信小程序的全局配置保存在app.json文件中.开发者通过使用app.json来配置页面文件(pages)的路径.窗口(window)表现.设定网络超时时间值(networkTimeout)以及配置多个切换页(tarBar)等. 首先看一个典型的全局配置app.json文件 { "pages": [ "pages/index/index", "pages/logs/logs", "pages/demo/de…