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

news/2024/7/20 2:48:45 标签: 微信小程序, 小程序

简单描述下小程序>微信小程序的目录结构

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

  • 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均为示例,实际使用时需要替换为具体的键名和键值。


http://www.niftyadmin.cn/n/5034251.html

相关文章

Hadoop sqoop

0目录 1.安装sqoop 2.补充sqoop流程 1.安装sqoop 解压、改名 [rootkb129 install]# tar -xvf ./sqoop-1.4.7.tar.gz -C /opt/soft/ [rootkb129 soft]# mv sqoop-1.4.7/ sqoop147 拷贝配置文件 [rootkb129 conf]# pwd /opt/soft/sqoop147/conf [rootkb129 conf]# cp sqoop-en…

matlab检索相似图像

在Matlab中检索相似图像通常需要使用图像处理和计算机视觉技术。以下是一种常见的方法,可以帮助您在Matlab中进行相似图像检索: 准备图像数据库: 首先,您需要有一个包含待检索图像的图像数据库。这些图像应该经过预处理&#xff0…

网络安全深入学习第五课——热门框架漏洞(RCE— Apache Shiro 1.2.4反序列化漏洞)

文章目录 一、序列化和反序列化二、反序列化漏洞原理三、Apache Shiro 1.2.4反序列化漏洞1、漏洞描述:2、漏洞影响的版本3、Shiro反序列化漏洞原理4、工作原理:5、shiro反序列化的特征: 四、Apache Shiro 1.2.4反序列化漏洞手工复现1、使用DN…

git 初始化新工程的方法

Git global setup # 首先配置全局的用户名和邮箱 git config --global user.name "username" # username需要根据自己需要修改 git config --global user.email "xxxxxx.com" # xxxxxx.com 邮箱名字,需要根据自己需要修改Create a new repository # 初…

竞赛选题 基于深度学习的人脸表情识别

文章目录 0 前言1 技术介绍1.1 技术概括1.2 目前表情识别实现技术 2 实现效果3 深度学习表情识别实现过程3.1 网络架构3.2 数据3.3 实现流程3.4 部分实现代码 4 最后 0 前言 🔥 优质竞赛项目系列,今天要分享的是 基于深度学习的人脸表情识别 该项目较…

IO学习系列之使用fread和fwrite复制文件内容

fread函数&#xff1a;功能&#xff1a;从文件中读取 nmemb 项数据&#xff0c;其中每项数据size个字节&#xff0c;并存放到指针ptr&#xff1b;具体内容&#xff1a; #include <stdio.h>size_t fread(void *ptr, size_t size, size_t nmemb, FILE *stream); /* 参数&a…

python抠图(去水印)开源库lama-cleaner入门应用实践

1. 关于 Lama Cleaner Lama Cleaner 是由 SOTA AI 模型提供支持的免费开源图像修复工具。可以从图片中移除任何不需要的物体、缺陷和人&#xff0c;或者擦除并替换&#xff08;powered by stable diffusion&#xff09;图片上的任何东西。 特征&#xff1a; 完全免费开源&am…

Spring MongoDB

首先创建数据实体&#xff0c;Document(collection "name") 建立一个一对多的关系时&#xff0c; DocumentReference 导致数据库仅仅存储条目的Id&#xff0c;称为手动索引关系。 也有其它的方法在MongoDB中创建关系。 接下来创建Controller。 RestController …