简单微信小程序(初稿)

2023-10-10 03:30
文章标签 简单 程序 微信 初稿

本文主要是介绍简单微信小程序(初稿),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1 、这个是小程序的初始界面,左边是模拟器,中间是目录结构,右边是代码编辑界面。小程序的代码工作基本使用js、标签(类似html标签)来完成整个前端工作。
2、目录结构:新建项目时,会创建基本的目录结构,自己新建页面一般在pages文件夹来添加(也可以跟pages文件同级目录来新建),先新建目录,再建page,建好page后会看到xx.js,xx.json,xx.wxml,xx.wxss文件。
3、app.js文件,是小程序启动时,执行该文件的函数,一些初始化的功能可以写到这里面,比如获取用户信息,sessionkey等。
例:用户信息:使用wx.login()函数,会返回一个登录凭证,把该凭证通过wx.request()函数(跟ajax类似)发送到自己的应用地址中进行处理,再用http工具get方式请求https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code这个地址(appid和secret小程序后台中可以找到,js_code就是凭证),然后获取返回的数据openid、sessionkey等信息,再调用wx.getUserInfo()函数获取用户信息,可以对用户敏感信息进行解密。就可以保存微信用户信息到你的应用中了。
utils文件一般放一些工具类型的js函数,作为全局调用。
app.json是小程序初始的一些参数数据,包括加载的page页、主题背景色、字体颜色、大小等。
app.wxss是放一些全局性的css样式。
project.config.json是整个小程序项目的配置信息。
sitemap.json,没研究过,也基本不用,后期再补。
4、page页文件:
js文件结构也是json格式,data数组是放一些数据,onload是在页面加载时调用的,onshow是在页面显示内容后调用的,还有其它初始好的一些函数。可以加自己写的函数,js写法基本通用,但有些js函数小程序不支持。
json文件暂未用,不做描述,后期补充。
wxml文件就是在小程序中显示的页面,使用view标签会比较多,跟html中的div差不多,可以在标签中写class样式,或者直接写style。
wxss文件是当前page页的样式文件,class的样式写在这里面。
5、小程序开发完毕后需要上传到小程序后台的版本管理中,点击上传按钮即可(开发工具的右上角)。上传完毕后,登录到小程序后台, 在版本管理中找到上传的项目,然后进行提交审核,需要填一些信息,然后提交,等待审核。审核通过后,可以进行发布,发布成功后,在手机上搜索小程序就可以访问了。
6、开发工具的右上角有个详情按钮,小程序的一些基本信息,本地配置,项目配置,可根据需要进行调整。
7、每次调整功能时,都可以在左边的模拟器中进行操作,调试功能是否正确。也可以使用预览或者真机调试,使用手机扫描后,可以在手机上进行操作。
8、调试时,可以选择性的清一清缓存数据。
9、企业微信小程序开发基本和普通小程序开发一样,只是一些api不同。

具体查看微信小程序文档:https://developers.weixin.qq.com/miniprogram/dev/framework/

 

 

这篇关于简单微信小程序(初稿)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/177634

相关文章

Python基于微信OCR引擎实现高效图片文字识别

《Python基于微信OCR引擎实现高效图片文字识别》这篇文章主要为大家详细介绍了一款基于微信OCR引擎的图片文字识别桌面应用开发全过程,可以实现从图片拖拽识别到文字提取,感兴趣的小伙伴可以跟随小编一... 目录一、项目概述1.1 开发背景1.2 技术选型1.3 核心优势二、功能详解2.1 核心功能模块2.

基于Python实现一个简单的题库与在线考试系统

《基于Python实现一个简单的题库与在线考试系统》在当今信息化教育时代,在线学习与考试系统已成为教育技术领域的重要组成部分,本文就来介绍一下如何使用Python和PyQt5框架开发一个名为白泽题库系... 目录概述功能特点界面展示系统架构设计类结构图Excel题库填写格式模板题库题目填写格式表核心数据结构

python编写朋克风格的天气查询程序

《python编写朋克风格的天气查询程序》这篇文章主要为大家详细介绍了一个基于Python的桌面应用程序,使用了tkinter库来创建图形用户界面并通过requests库调用Open-MeteoAPI... 目录工具介绍工具使用说明python脚本内容如何运行脚本工具介绍这个天气查询工具是一个基于 Pyt

Ubuntu设置程序开机自启动的操作步骤

《Ubuntu设置程序开机自启动的操作步骤》在部署程序到边缘端时,我们总希望可以通电即启动我们写好的程序,本篇博客用以记录如何在ubuntu开机执行某条命令或者某个可执行程序,需要的朋友可以参考下... 目录1、概述2、图形界面设置3、设置为Systemd服务1、概述测试环境:Ubuntu22.04 带图

Python程序打包exe,单文件和多文件方式

《Python程序打包exe,单文件和多文件方式》:本文主要介绍Python程序打包exe,单文件和多文件方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录python 脚本打成exe文件安装Pyinstaller准备一个ico图标打包方式一(适用于文件较少的程

C/C++ chrono简单使用场景示例详解

《C/C++chrono简单使用场景示例详解》:本文主要介绍C/C++chrono简单使用场景示例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友... 目录chrono使用场景举例1 输出格式化字符串chrono使用场景China编程举例1 输出格式化字符串示

Python程序的文件头部声明小结

《Python程序的文件头部声明小结》在Python文件的顶部声明编码通常是必须的,尤其是在处理非ASCII字符时,下面就来介绍一下两种头部文件声明,具有一定的参考价值,感兴趣的可以了解一下... 目录一、# coding=utf-8二、#!/usr/bin/env python三、运行Python程序四、

如何基于Python开发一个微信自动化工具

《如何基于Python开发一个微信自动化工具》在当今数字化办公场景中,自动化工具已成为提升工作效率的利器,本文将深入剖析一个基于Python的微信自动化工具开发全过程,有需要的小伙伴可以了解下... 目录概述功能全景1. 核心功能模块2. 特色功能效果展示1. 主界面概览2. 定时任务配置3. 操作日志演示

Redis迷你版微信抢红包实战

《Redis迷你版微信抢红包实战》本文主要介绍了Redis迷你版微信抢红包实战... 目录1 思路分析1.1hCckRX 流程1.2 注意点①拆红包:二倍均值算法②发红包:list③抢红包&记录:hset2 代码实现2.1 拆红包splitRedPacket2.2 发红包sendRedPacket2.3 抢

windows和Linux安装Jmeter与简单使用方式

《windows和Linux安装Jmeter与简单使用方式》:本文主要介绍windows和Linux安装Jmeter与简单使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录Windows和linux安装Jmeter与简单使用一、下载安装包二、JDK安装1.windows设