https://www.cnblogs.com/yangfengwu/p/11601299.html

首先说一下,怎么让自己的一个项目更改名字成为一个新的项目

然后用软件导入项目即可

注:如果没有改文件里面的那个"projectname": "lesson3",  ,用软件打开的时候,你会发现

这个地方还会显示lesson2,所以一定要按照上面两步修改完再导入工程,

如果没有修改文件里面那个"projectname": "lesson3" 只修改文件夹名字就导入,会发现后期无论怎么修改"projectname": "lesson3" 左上角照样显示原来的工程名字

你需要,删除工程文件,关闭微信开发软件,打开微信开发软件

        

然后重新复制一份工程,按照上面的提示修改文件夹名称和那个文件里面的工程名字,重新导入即可

本来这节想着做自己的页面,然后跳转查看,不过呢!我感觉还是给大家详细的说一下,小程序当前的页面

主要讲解这里面的函数

这里面代码少些,好讲,,,讲完以后大家完全可以举一反三,看另一个文件的代码

是在  注:这个知道就好,不是这节的重点哈.....我只是让大家知道怎么进来 logs页面的

实际上是微信提供的方法    注:这个知道就好,不是这节的重点哈.....我只是让大家知道怎么进来 logs页面的

注:这个知道就好,不是这节的重点哈.....我只是让大家知道怎么进来 logs页面的

现在看

每个页面里面都有 data:{ 这里面放各种数据 }    源代码是放了一个数组

现在看怎么使用这个数组

  1. //logs.js
  2. const util = require('../../utils/util.js')
  3.  
  4. Page({
  5. data: {
  6. logs: []
  7. },
  8. onLoad: function () {//页面加载的时候条用
  9.  
  10. this.data.logs[] = "";//数组赋值
  11. console.log(this.data.logs[]);//打印数组的值
  12.  
  13. this.setData({
  14. logs: (wx.getStorageSync('logs') || []).map(log => {
  15. return util.formatTime(new Date(log))
  16. })
  17. })
  18. }
  19. })

大家可能不习惯 this.XXXX  习惯了 JS  其实可以

data 里面的数据就是用  this.data.XXXX赋值和调用哈

咱怎么让变量显示在页面上呢,现在说一下,这个家伙

  1. <!--logs.wxml-->
  2. <view class="container log-list"><!--布局方式采用container 和 log-list-->
  3.  
  4. <text>{{qqqqqqqq}}</text><!--加个文本显示 js文件this.setData({ qqqqqqqq:XXXX }) XXXX就是text的显示内容-->
  5.  
  6. <block wx:for="{{logs}}" wx:for-item="log">
  7. <text class="log-item">{{index + }}. {{log}}</text>
  8. </block>
  9. </view>

注意 凡是显示的变量用   {{  放变量名 }}   变量名在 JS中 用  this.SetData({ 变量名:XXXXX })  XXXXX就是控件显示的内容

  1. //logs.js
  2. const util = require('../../utils/util.js')
  3.  
  4. var GlobalValueStr = "测试页面的显示信息1111111111"
  5.  
  6. Page({
  7. data: {
  8. logs: [], //data里面定义数据全部按照json格式
  9. str: "测试页面的显示信息222222222"
  10. },
  11. onLoad: function () {//页面加载的时候条用
  12. this.setData({
  13. qqqqqqqq:"显示一下哈让我看看"
  14. })
  15.  
  16. this.setData({
  17. logs: (wx.getStorageSync('logs') || []).map(log => {
  18. return util.formatTime(new Date(log))
  19. })
  20. })
  21. }
  22. })

现在让它显示JS变量里面的值

因为 onLoad 函数里面有 this.setData 了,所以咱合成一个

现在学一个知识点

这个应该都知道吧,,,如果JS的函数没有学过,先去百度 JS基础教程哈......

咱看下一个

不要变了模样就不认识了

好下一个知识点

但是我要是想给数组每一个数据都开平方呢????

难道

要是数组很大呢.....用 map

使用是  数组.map(调用一个带形参计算函数,形参就是数组的每一个值)

举个例子:  所有的数据都 除以2

当然也可以

再看个知识点

  1. <!--logs.wxml-->
  2. <view class="container log-list"><!--布局方式采用container 和 log-list-->
  3.  
  4. <!--https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/list.html
  5. 默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item
  6. -->
  7. <block wx:for="{{temptemp}}">
  8. <text>{{index + }}号下标值: {{item}}</text>
  9. </block>
  10.  
  11. <block wx:for="{{logs}}" wx:for-item="log">
  12. <text class="log-item">{{index + }}. {{log}}</text>
  13. </block>
  14. </view>

  1. //logs.js
  2. const util = require('../../utils/util.js')
  3.  
  4. var GlobalValueStr = "测试页面的显示信息1111111111"
  5. var temp = [,,,];
  6.  
  7. function fun(value){
  8. return value/;
  9. }
  10. var funst = value=>{
  11. return value;
  12. }
  13.  
  14. Page({
  15. data: {
  16. logs: [], //data里面定义数据全部按照json格式
  17. str: "测试页面的显示信息222222222"
  18. },
  19. onLoad: function () {//页面加载的时候条用
  20.  
  21. temp = temp.map( value => { return value/ } );
  22.  
  23. console.log( temp );
  24.  
  25. this.setData({
  26. qqqqqqqq: GlobalValueStr,
  27.  
  28. temptemp: temp,
  29.  
  30. logs: (wx.getStorageSync('logs') || []).map( log => { return util.formatTime( new Date(log) ) } )
  31.  
  32. })
  33. }
  34. })

注意一件事情哈

然后看

最后看

我修改下哈

注意: 他俩才是真爱!!!!

      

然后接着看

最后看

然后调取打印

还有最后一个,访问APP.JS里面的变量

定义了一些变量

其实访问这里的变量只需要

说的挺多的.....先喝口水.

https://www.cnblogs.com/yangfengwu/p/11618962.html

4-微信小程序开发(小程序默认页面函数说明)的更多相关文章

  1. 【Linux程序设计】之Linux库函数的使用,多文件程序开发,静态与共享函数

    这个系列的博客贴的都是我大二的时候学习Linux系统高级编程时的一些实验程序,都挺简单的.贴出来纯粹是聊胜于无. 实验题目:Linux基础程序设计综合实验 实验目的:熟悉并掌握Linux库函数的使用, ...

  2. 微信小程序开发06-一个业务页面的完成

    前言 接上文:微信小程序开发05-日历组件的实现 github地址:https://github.com/yexiaochai/wxdemo 这里来说一说我们的理念,我们也学习小程序开发有一周多了,从 ...

  3. 微信小程序开发8-小程序的宿主环境(1)

    1.小程序的运行环境分成渲染层和逻辑层,第2章提到过 WXML 模板和 WXSS 样式工作在渲染层,JS 脚本工作在逻辑层.小程序的渲染层和逻辑层分离是经过很多考虑得出来的模型 2. 1.渲染层和数据 ...

  4. 微信小程序开发3-小程序的代码组成

    1.​小程序由配置代码JSON文件.模板代码 WXML 文件.样式代码 WXSS文件以及逻辑代码 JavaScript文件组成 2.JSON: (JavaScript Object Notation) ...

  5. 微信小程序开发——以简单易懂的浏览器页面栈理解小程序的页面路由

    前言: 对于小程序的页面路由,如果没有一定开发经验的话,理解起来还是会有些困难的.哪怕是有一定小程序开发经验的开发者,能够完全理解掌握的恐怕也不多. 这里就以另外一种方式来详细的介绍小程序的页面栈及路 ...

  6. 小程序开发-小程序tabBar不显示的原因分析

    在尝试小程序开发时,tabBar这个是个非常常见的组件,但是今天在进行开发时,设置了TabBarb并没有显示,被这个问题困扰了近半小时,现在将排查问题后所得到的经验记录下来. 首先 如果tabBar不 ...

  7. 5-微信小程序开发(小程序页面跳转和布局说明)

    https://www.cnblogs.com/yangfengwu/p/11605209.html 新建一个小程序 咱现在新建个页面 在pages 上右击,选择新建目录 会自动添加这几个文件 现在做 ...

  8. Android4.0+锁屏程序开发——设置锁屏页面篇

    [如何开发一个锁屏应用] 想要开发一个锁屏应用,似乎很难,其实并没有想象中那么难. 从本质上来说,锁屏界面也只是一个Activity而已,只是这个界面比较特殊,在我们点亮屏幕的时候,这个界面就会出现. ...

  9. 微信小程序开发02-小程序基本介绍

    前言 前面我们研究了下微信小程序的执行流程,因为拿不到源码,只能算我们的猜想,我们需要更加了解小程序还需要做具体的项目,于是我们将原来那套还算复杂的业务拿出来: [组件化开发]前端进阶篇之如何编写可维 ...

  10. 微信小程序开发01-小程序的执行流程是怎么样的?

    前言 我们这边最近一直在做基础服务,这一切都是为了完善技术体系,这里对于前端来说便是我们需要做一个Hybrid体系,如果做App,React Native也是不错的选择,但是一定要有完善的分层: ① ...

随机推荐

  1. sql特殊日期

    --a. 本月的第一天 select dateadd(mm, datediff(mm,0,getdate()), 0) as 本月的第一天 --b. 本月的最后一天 select dateadd(ms ...

  2. Git diff (---和+++具体解释)(转)

    转自:https://blog.csdn.net/lovezbs/article/details/46492933

  3. vue-cli输入命令vue ui没效果

    最近用vue-cli脚手架很顺口,特别是UI控制台,在这里,创建项目和搭建本地环境,连接服务端变得很容易,页面ui也是一流 要怎么启动呢?在终端输入命令行vue ui,启动UI控制台,然后往浏览器输入 ...

  4. nrm的安装和使用

    1.安装nodejs,下载地址,http://nodejs.cn/download/,安装过程直接点击下一步即可 安装完成后cmd输入npm -v 查看当前安装的npm的版本,如下图提示所示则表示安装 ...

  5. 没有足够的内存继续执行程序(mscorlib)

    原文:https://blog.csdn.net/yao940622/article/details/79690953 问题描述: 在Microsoft SQL Server Management S ...

  6. Spring-Cloud之开篇

    一.为什么会有spring-cloud.随着现代互联网的发展,以前很多传统的单体项目将不再满足于现在的互联网需求,而这个时候就诞生了另外一种说法,微服务.简单理解就是将软件应用程序独立部署的服务的一中 ...

  7. np.minimum()与tf.minimum()的用法

    总结:二者用法一致.a=np.array([[[[10,8,3,9],[5,6,7,8]]],[[[1,2,3,4],[5,6,7,8]]],[[[1,2,3,4],[5,6,7,8]]]] )pri ...

  8. redux reducer笔记

    踩坑一,reducer过于抽象 reducer写得没那么抽象也不会有人怪你的.^_^ reducer其实只有一个,由不同的reducer composition出来的.所以, reducer的父作用域 ...

  9. layui 框架 table插件 实现键盘快捷键 切换单元格编辑

    最近使用layui的框架时,发现table插件不支持键盘快捷键切换单元格,花了点时间实现此功能. 分享给有需要的朋友们~~~ 效果图 代码: 1.支持 enter,上,下,右键 切换单元格,支持隐藏列 ...

  10. PHP中的十进制、八进制、二进制、十六进制

    我们平时用的都是十进制. 比如:987这个数字,其本质就是7*10^0+8*10^1+9*10^2 个位数上的7,1就是1,十位上的8,1就是10,百位上的9,1是100 echo '<br&g ...