微信小程序部分知识点总结

2023-09-18 20:50:39
简单描述下微信小程序的目录结构

微信小程序的目录结构如下:

  • app.js。微信小程序的主逻辑文件,用于描述小程序的基本逻辑和程序入口。
  • app.json。微信小程序的公共设置文件,用于描述小程序的全局配置项,如页面路径、窗口样式等。
  • app.wxss。微信小程序的公共样式表文件,用于描述小程序的全局样式,如字体、颜色等。
  • pages。微信小程序的页面文件夹,包含各个页面的相关文件。
    • index。首页页面的文件夹,包含首页的相关文件。
    • logs。日志页面的文件夹,包含日志的相关文件。
    • 其他页面文件夹。包含其他页面的相关文件。
  • utils。微信小程序的公共资源文件夹,包含一些公共的js文件和资源文件,可以在各个页面中直接引入使用。
  • project.config.json。微信小程序的项目配置文件,包含项目名称、appid等相关信息。

微信小程序如何实现登录数据的持久化

微信小程序实现登录数据的持久化通常涉及到两个关键步骤:用户登录和数据存储。

用户登录

在微信小程序中,用户登录通常通过微信提供的 API 进行。用户点击登录按钮后,小程序会提示用户进行登录,并获取到用户的登录信息,包括 openid、session_key、unionid 等。

javascriptwx.login({
success: function (res) {
// 发送 res.code 到服务器换取 openid 和 session_key
}
})

数据存储

在微信小程序中,可以使用微信的云存储能力或者自建服务器来存储用户登录信息。

  • 微信云存储:微信为开发者提供了一份云存储空间,可以将用户信息存储到云端,以 key-value 对的形式持久化数据。使用微信云存储需要开通相应的服务,并在小程序的配置文件中设置好对应的 AppID。
  • 自建服务器:大部分情况下,开发者会选择自建服务器来存储用户数据。开发者可以将获取到的用户登录信息发送到自己的服务器,然后在服务器端进行数据的持久化。例如,可以将用户信息存储到数据库中,或者将信息加密后存储到文件系统中。

在数据存储时,需要注意保护用户的隐私数据,不应将用户的敏感信息直接存储到服务器或云端,如密码等。同时,对于数据的操作应该有相应的安全策略,防止数据泄露或被篡改。

总的来说,微信小程序实现登录数据的持久化需要结合微信提供的 API 和开发者自己的业务逻辑来实现。同时,也需要注意数据的安全性和隐私保护。

小程序的完整开发流程

小程序的完整开发流程一般包括以下几个步骤:

  1. 注册账号并创建小程序:首先需要在微信公众平台上注册一个账号,并选择创建小程序,填写相应的信息并提交审核。
  2. 开发前的准备:在开发前需要准备好开发工具和相关资料,比如开发者 ID、密钥、服务器地址等信息。
  3. 开发与调试:根据需求进行小程序的开发和调试,包括页面设计、功能实现、接口调用等。
  4. 测试和发布:完成开发后需要进行测试,确保小程序的功能和性能稳定,然后提交审核发布。
  5. 运营和维护:发布后需要对小程序进行运营和维护,包括数据管理、用户反馈处理、版本更新等。

wxml与标准的html的异同

WXML (WeChat Mini Program Markup Language) 是微信小程序的界面描述语言,类似于 HTML。以下是 WXML 与标准的 HTML 的异同:

异同之处:

  1. 语法不同:WXML 语法与 HTML 有些不同。例如,WXML 中没有标签闭合的概念,而 HTML 中必须关闭标签。

  2. 功能不同:WXML 在功能上比 HTML 更加简化,更加注重小程序的性能和体验。

  3. 标签不同:WXML 中的标签与 HTML 有所不同。例如,WXML 中没有 table、iframe 等标签,而 HTML 中有。

  4. 样式不同:WXML 中的样式与 HTML 有所不同。WXML 中使用 WXSS (WeChat Mini Program Style Sheets) 来定义样式,而 HTML 中使用 CSS。

  5. 响应事件不同:WXML 与 HTML 的响应事件方式不同。WXML 中使用 bind 和 catch 来绑定事件,而 HTML 中使用 onclick 等。

  6. 数据绑定不同:WXML 与 HTML 的数据绑定方式也不同。WXML 中使用双花括号 {{}} 来绑定数据,而 HTML 中使用插值语法或指令等。

总结:WXML 与 HTML 在语法、功能、标签、样式、响应事件和数据绑定等方面有所不同。WXML 更加简单、高效,适合于小程序的开发和运行。

小程序怎样进行本地存储的读、写、删、清

小程序可以使用wx.setStorage、wx.getStorage、wx.removeStorage、wx.clearStorage等API进行本地存储的读、写、删、清操作。

写入本地存储:使用wx.setStorage方法,示例代码如下:

wx.setStorage({
  key: 'key',
  data: 'value',
  success: function(res) {
    console.log('存储成功')
  }
})

读取本地存储:使用wx.getStorage方法,示例代码如下:

wx.getStorage({
  key: 'key',
  success: function(res) {
    console.log(res.data)
  }
})

删除本地存储:使用wx.removeStorage方法,示例代码如下:

wx.removeStorage({
  key: 'key',
  success: function(res) {
    console.log('删除成功')
  }
})

清空本地存储:使用wx.clearStorage方法,示例代码如下:

wx.clearStorage({
  success: function(res) {
    console.log('清空成功')
  }
})

注意:以上示例代码中的key和value均为示例,实际使用时需要替换为具体的键名和键值。

更多推荐

在线客服系统品牌排行榜

客服系统是针对企业和组织的客户服务领域开发和提供的一种信息化系统。它可以帮助企业更好地管理与顾客之间的沟通、反馈和服务等。随着互联网技术和人工智能技术的不断发展,市场上的客服系统产品越来越多,如何选择一款适合自己的产品成为众多企业和组织面临的问题。今天,我们为大家提供客户服务系统排行榜热门品牌榜,为大家在做选择时提供可

LeetCode 1588. Sum of All Odd Length Subarrays

Givenanarrayofpositiveintegersarr,returnthesumofallpossibleodd-lengthsubarraysofarr.Asubarrayisacontiguoussubsequenceofthearray.Example1:Input:arr=[1,4,2,5,3]Ou

ACT汽车电子与软件技术周回顾 | 龙智技术专家分享汽车行业中版本控制与静态扫描的最佳实践

在2023ACT汽车电子与软件技术周期间,我们对话了龙智资深顾问、技术支持部门负责人李培,他聚焦结合行业趋势、自身经验与过往成功案例,分享了版本控制与静态代码扫描在汽车行业中的应用与实践。此外,还对比分析了包括Git、SVN等的多款工具,为大家提供帮助与参考。对话龙智技术负责人、“TechnicalHero”李培,探索

springboot和vue:五、RESTful服务+HTTP状态码+swagger配置

RESTfulRESTful的特点每一个URI代表一种资源客户端使用GET、POST、PUT、DELETE四种表示操作方式的动词对服务端资源进行操作:POST用于新建资源(也可以用于更新资源),PUT用于更新资源资源的表现形式是JSON或者HTML。客户端与服务端之间的交互在请求之间是无状态的,从客户端到服务端的每个请

安全厂商安恒信息加入龙蜥社区,完成 与 Anolis OS 兼容适配

近日,杭州安恒信息技术股份有限公司(以下简称“安恒信息”)签署了CLA(ContributorLicenseAgreement,贡献者许可协议),正式加入龙蜥社区(OpenAnolis),并成为龙蜥社区安全联盟(OASA)首批成员单位。安恒信息于2007年创立,秉承着企业使命“构建安全可信的数字世界”,将数字经济安全视

自己动手写数据库:关系代数和查询树执行效率的推导

上几节我们完成了sql解释器的实现。通过解析sql语句,我们能知道sql语句想做什么,接下来就需要执行sql语句的意图,也就是从给定表中抽取所所需要的数据。要执行sql语句,我们需要了解所谓的“关系代数”,所谓代数本质上就是定义操作符和操作对象,在关系代数里,操作符有三种,分别为select,project和produ

什么是BI报表?

文章目录出现背景BI商务智能报表BI和报表的区别从功能看从平台看从开发过程看BI报表的好处出现背景对现代企业而言,数据分析的重要性已越来越明显。但对于日渐复杂的数据来说,使用excel处理已然不能满足解决问题的需要,同时效率也不高,于是诞生了BI,businessintelligence商务智能,也相应出现了报表。BI

RS485以及MODBUS学习

学习目的:1、什么是485?2、485如何通信?3、如何使用熟能生巧?RS485是一种四总线通信,分别是VCC、GND、485_A、485_B。两根负责通信,两根负责进行供电。RS485通信硬件层:解决的是数据传输问题,也就是如何将“0”和“1”传输到另外一端设备。软件层:ModBus协议则是解决数据传输的含义和意义那

云原生架构

云原生架构一、Docker1.1镜像仓库dockerhub1.2镜像操作下载:dockerpull镜像(nginx、redis)直接下载是该工具的最新版本,可以指定通过镜像名:版本来指定版本。删除:dockerrmi镜像名:版本号(默认lastest)/镜像id1.3容器操作1.3.1运行镜像:dockerrun[op

Java版分布式微服务云开发架构 Spring Cloud+Spring Boot+Mybatis 电子招标采购系统功能清单

项目说明随着公司的快速发展,企业人员和经营规模不断壮大,公司对内部招采管理的提升提出了更高的要求。在企业里建立一个公平、公开、公正的采购环境,最大限度控制采购成本至关重要。符合国家电子招投标法律法规及相关规范,以及审计监督要求;通过电子化平台提高招投标工作的公开性和透明性;通过电子化招投标,使得招标采购的质量更高、速度

Linux内核顶层Makefile的make过程总结

一.Linux内核源码的make编译本文对Linux内核源码的make时,顶层Makefile所做的事进行总结。即总结一下Linux内核源码的make过程。本文续上一篇文章,地址如下:Linux内核顶层Makefile的make过程说明二_凌肖战的博客-CSDN博客二.Linux的make过程总结之前几篇文章,分析了L

热文推荐