当前位置：首页 > news >正文

微信小程序案例2——天气微信小程序（学会绑定数据）

news 2026/3/30 7:57:09

文章目录

一、项目步骤
- - 1 创建一个weather项目
  - 2 进入index.wxml、index.js、index.wxss文件，清空所有内容，进入App.json，修改导航栏标题为“中国天气网”。
  - 3进入index.wxml，进行当天天气情况的界面布局，包括温度、最低温、最高温、天气情况、城市、星期、风行情况，代码如下。
  - 4进入index.js，在data里提供天气的数据，让这些数据在界面里显示出来，代码如下。
  - 5进入index.wxml，将data里提供的天气数据绑定到页面里，代码如下。
  - 6进入index.wxss，将index.wxml添加样式，美化页面，代码如下。
  - 效果
讲解
- 1 WXML 数据绑定

一、项目步骤

1 创建一个weather项目

2 进入index.wxml、index.js、index.wxss文件，清空所有内容，进入App.json，修改导航栏标题为“中国天气网”。

app.json

{"pages":["pages/index/index"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "中国天气网","navigationBarTextStyle":"black"}
}

3进入index.wxml，进行当天天气情况的界面布局，包括温度、最低温、

微信小程序案例2——天气微信小程序（学会绑定数据）

文章目录一、项目步骤1 创建一个weather项目2 进入index.wxml、index.js、index.wxss文件，清空所有内容，进入App.json，修改导航栏标题为“中国天气网”。3进入index.wxml，进行当天天气情况的界面布局，包括温度、最低温、最高温、天气情况、城市、星期、风行情况，代码如下…...

编程日记 2025/2/10 19:53:27

android的Compose 简介

Jetpack Compose 简介 Jetpack Compose 是 Android 官方推出的声明式 UI 工具包，用于替代传统 XML 布局，简化界面开发流程。它基于 Kotlin 语言，通过函数式编程实现高效、灵活的 UI 构建，支持实时预览和更直观的状态管理。优势…...

编程日记 2025/2/10 19:48:16

缓存实战：Redis 与本地缓存

引言在现代互联网应用中，缓存是提升系统性能和用户体验的关键技术之一。通过将频繁访问的数据存储在快速访问的存储介质中，可以显著减少对数据库的直接访问压力，从而提高系统的响应速度和吞吐量。本文将从实战的角度出发，详细…...

编程日记 2025/2/10 19:47:14

apisix的real-ip插件使用说明

k8s集群入口一般都需要过负载均衡，然后再到apisix。这时候如果后台业务需要获取客户端ip，可能拿到的是lb或者网关的内网ip。这里一般要获取真实ip需要做几个处理。 1. 负载均衡上，一般支持配置获取真实ip参数，需要配置上。然…...

编程日记 2025/2/10 19:44:10

音视频协议

1. 多媒体信息 1.1 多媒体信息的两个主要特点： 信息量很大标准语音：64Kbits(8KHz采样，8位编码)高质量音频：3Mbps(100KHz采样，12位编码) 在传输多媒体数据时，对时延和时延抖动均有较高要求 1.2 处理时延…...

编程日记 2025/2/10 19:37:01

第一财经对话东土科技 | 探索工业科技新边界

当前以ChatGPT、Sora等为代表的生成式人工智能快速发展，越来越多面向垂直场景的行业大模型涌现出来，并成为推动制造业智能化改造与数字化转型、加快推进新型工业化，进而培育发展新质生产力的新引擎。在垂类场景的应用落地，是AI发…...

编程日记 2025/2/10 19:35:57

Maven 与企业项目的集成

1. Maven 在企业级项目中的作用 Maven 是 Java 生态中最流行的构建和依赖管理工具，广泛用于企业级项目的构建、依赖管理、测试、打包、部署和 CI/CD 集成。对于大型企业项目，Maven 提供了一整套标准化的构建流程，并支持多模块（M…...

编程日记 2025/2/10 19:33:55

激活函数篇 01 —— 激活函数在神经网络的作用

欢迎来到我的主页：【Echo-Nie】本篇文章收录于专栏【机器学习】以下是激活函数系列的相关的所有内容: 激活函数篇 01 —— 一文搞懂激活函数在神经网络中的作用逻辑回归：Sigmoid函数在分类问题中的应用 1 激活函数的作用 1.1 引入非线性激活函数…...

编程日记 2025/2/10 19:32:53

22.2、Apache安全分析与增强

目录 Apache Web安全分析与增强 - Apache Web概述Apache Web安全分析与增强 - Apache Web安全威胁Apache Web安全机制Apache Web安全增强 Apache Web安全分析与增强 - Apache Web概述阿帕奇是一个用于搭建WEB服务器的应用程序，它是开源的，它的配置文件…...

编程日记 2025/2/10 19:31:52

Day.23

leetcode 413.等差数列划分问题：如果一个数列至少有三个元素 ，并且任意两个相邻元素之差相同，则称该数列为等差数列。给你一个整数数组 nums ，返回数组 nums 中所有为等差数组的子数组个数。子数组是数组中的一个连续序列…...

编程日记 2025/2/10 19:30:51

CentOS虚机在线扩容系统盘数据盘

最近在制作Openstack下的镜像，用户需要CentOS6以及CentOS7的虚机镜像，遇到了些关于系统盘以及数据盘在线扩容的问题，故此整理一下。传统我们想对磁盘在线热扩容，必然会想到LVM逻辑卷。如果没有LVM逻辑卷的情况下，…...

编程日记 2025/2/10 19:28:48

动手写ORM框架 - GeeORM第一天 database/sql 基础

文章目录 1 初识 SQLite2 database/sql 标准库3 实现一个简单的 log 库4 核心结构 Session本文是7天用Go从零实现ORM框架GeeORM的第一篇。介绍了 SQLite 的基础操作（连接数据库，创建表、增删记录等）。使用 Go 语言标准库 database/sql 连接并操作 SQLite 数据库，并简单封装…...

编程日记 2025/2/10 19:23:42

绘制中国平安股价的交互式 K 线图

在本文中，探索如何使用 Python 的强大库进行股市数据分析与可视化。我们将以中国平安（股票代码：sh601318）为例，展示如何获取其股票数据，并绘制一张交互式 K 线图。 K 线图是股市分析中不可或缺的工具，它能够直观地显示股票的波动情况，包括开盘价、收盘价、最高价和最低…...

编程日记 2025/2/10 19:22:37

[渗透测试]热门搜索引擎推荐— — shodan篇

[渗透测试]热门搜索引擎推荐— — shodan篇免责声明：本文仅用于分享渗透测试工具，大家使用时，一定需要遵守相关法律法规。除了shodan，还有很多其他热门的，比如：fofa、奇安信的鹰图、钟馗之眼等&#xff0…...

编程日记 2025/2/10 19:17:31

JavaScript 在 VSCode 中的优势与应用

JavaScript 在 VSCode 中的优势与应用引言随着前端技术的发展，JavaScript 已经成为了网页开发中最流行的编程语言之一。Visual Studio Code（简称 VSCode）作为一款轻量级、可扩展的代码编辑器，因其强大的功能和良好的用户体验，深受广大开发者的喜爱。本文将探讨 JavaSc…...

编程日记 2025/2/10 19:10:18

StyleGAN 算法解析及详细介绍 1. StyleGAN 算法由来 StyleGAN（Style-Based Generative Adversarial Network）是 NVIDIA 于 2018 年提出的高质量图像生成算法，由 Tero Karras 等人在论文《A Style-Based Generator Architecture for Generative Adversarial Networks》 …...

编程日记 2025/2/10 19:06:14

数据结构之排序

排序参考链接： https://zq99299.github.io/dsalg-tutorial/dsalg-java-hsp/07/09.html#%E7%AE%80%E5%8D%95%E4%BB%8B%E7%BB%8D 基数排序计数排序 https://www.hello-algo.com/chapter_sorting/counting_sort/...

编程日记 2025/2/10 19:05:12

Vue.js 与第三方插件的集成

Vue.js 与第三方插件的集成今天我们来聊聊如何在 Vue 项目中集成第三方插件。随着项目功能不断增多，我们常常需要引入各种第三方库和插件，比如国际化、图表、日期处理等，来提升开发效率和用户体验。下面就跟大家分享一下集成第三方插件的常…...

编程日记 2025/2/10 19:04:11

基于Docker搭建ES集群,并设置冷热数据节点

1.背景存在三台服务器分别是 192.168.2.91(master节点、data-content节点、data-hot节点)、192.168.2.92(data-cold节点、ingest节点)、192.168.2.93(master节点、data-content节点、data-hot节点) 冷热数据分离搭建教程 2.搭建91节点热数据节点 （1&#xff0…...

编程日记 2025/2/10 19:01:03

MyBatis常见知识点

#{} 和 ${} 的区别是什么？ 答： ${}是 Properties 文件中的变量占位符，它可以用于标签属性值和 sql 内部，属于原样文本替换，可以替换任意内容，比如${driver}会被原样替换为com.mysql.jdbc. Driver。一个…...

编程日记 2025/2/10 18:54:56

PasteMD场景应用：微信聊天记录自动整理为会议纪要

PasteMD场景应用：微信聊天记录自动整理为会议纪要 1. 为什么你的会议纪要总是一团糟？ 想象一下这个场景： 下午两点，项目组紧急拉了个微信群聊，大家七嘴八舌讨论了半小时，敲定了五个关键事项和三个责任人。…...

编程新知 2026/3/30 7:04:56

网盘直链解析技术指南：突破下载限制的高效解决方案

网盘直链解析技术指南：突破下载限制的高效解决方案【免费下载链接】Online-disk-direct-link-download-assistant 可以获取网盘文件真实下载地址。基于【网盘直链下载助手】修改（改自6.1.4版本） ，自用，去推广&#xf…...

编程新知 2026/3/30 6:26:51

通义千问1.5-1.8B-Chat-GPTQ-Int4实战：构建智能软件测试用例生成器

通义千问1.5-1.8B-Chat-GPTQ-Int4实战：构建智能软件测试用例生成器如果你是一名软件测试工程师，下面这个场景你一定不陌生：产品经理扔过来一份几十页的需求文档，或者开发同学更新了一个复杂的接口，而你需要在短时间内…...

编程新知 2026/3/30 6:16:49

如何3分钟搞定全网音乐歌词下载与管理：终极歌词工具完全指南

如何3分钟搞定全网音乐歌词下载与管理：终极歌词工具完全指南【免费下载链接】163MusicLyrics Windows 云音乐歌词获取【网易云、QQ音乐】项目地址: https://gitcode.com/GitHub_Trending/16/163MusicLyrics 还在为找不到歌词而烦恼吗？还在手动复…...

编程新知 2026/3/30 5:42:30

系统移植-STM32MP1_TF-A概述

文章目录 1 设备安全2 TF-A简介3 ARMv7和ARMv8权限等级3.1 ARMv7-A工作模式3.2 ARMv8工作模式 4 TF-A不同启动阶段4.1 bl14.2 bl24.3 bl314.4 bl324.5 bl33 5 STM32MP1中的TF-A5.1 STM32MP1_TF-A框架5.1.1 STM32MP1下的bl15.1.2 STM32MP1下的bl25.1.3 STM32MP1下的bl325.1.4 ST…...

编程新知 2026/3/30 5:04:04