简单微信小程序(初稿)

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

相关文章

SpringBoot实现微信小程序支付功能

《SpringBoot实现微信小程序支付功能》小程序支付功能已成为众多应用的核心需求之一,本文主要介绍了SpringBoot实现微信小程序支付功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作... 目录一、引言二、准备工作(一)微信支付商户平台配置(二)Spring Boot项目搭建(三)配置文件

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

微信公众号脚本-获取热搜自动新建草稿并发布文章

《微信公众号脚本-获取热搜自动新建草稿并发布文章》本来想写一个自动化发布微信公众号的小绿书的脚本,但是微信公众号官网没有小绿书的接口,那就写一个获取热搜微信普通文章的脚本吧,:本文主要介绍微信公众... 目录介绍思路前期准备环境要求获取接口token获取热搜获取热搜数据下载热搜图片给图片加上标题文字上传图片

Mysql表的简单操作(基本技能)

《Mysql表的简单操作(基本技能)》在数据库中,表的操作主要包括表的创建、查看、修改、删除等,了解如何操作这些表是数据库管理和开发的基本技能,本文给大家介绍Mysql表的简单操作,感兴趣的朋友一起看... 目录3.1 创建表 3.2 查看表结构3.3 修改表3.4 实践案例:修改表在数据库中,表的操作主要

springboot简单集成Security配置的教程

《springboot简单集成Security配置的教程》:本文主要介绍springboot简单集成Security配置的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录集成Security安全框架引入依赖编写配置类WebSecurityConfig(自定义资源权限规则

如何使用Python实现一个简单的window任务管理器

《如何使用Python实现一个简单的window任务管理器》这篇文章主要为大家详细介绍了如何使用Python实现一个简单的window任务管理器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起... 任务管理器效果图完整代码import tkinter as tkfrom tkinter i

C++中函数模板与类模板的简单使用及区别介绍

《C++中函数模板与类模板的简单使用及区别介绍》这篇文章介绍了C++中的模板机制,包括函数模板和类模板的概念、语法和实际应用,函数模板通过类型参数实现泛型操作,而类模板允许创建可处理多种数据类型的类,... 目录一、函数模板定义语法真实示例二、类模板三、关键区别四、注意事项 ‌在C++中,模板是实现泛型编程

使用EasyExcel实现简单的Excel表格解析操作

《使用EasyExcel实现简单的Excel表格解析操作》:本文主要介绍如何使用EasyExcel完成简单的表格解析操作,同时实现了大量数据情况下数据的分次批量入库,并记录每条数据入库的状态,感兴... 目录前言固定模板及表数据格式的解析实现Excel模板内容对应的实体类实现AnalysisEventLis

如何用java对接微信小程序下单后的发货接口

《如何用java对接微信小程序下单后的发货接口》:本文主要介绍在微信小程序后台实现发货通知的步骤,包括获取Access_token、使用RestTemplate调用发货接口、处理AccessTok... 目录配置参数 调用代码获取Access_token调用发货的接口类注意点总结配置参数 首先需要获取Ac

Java中数组转换为列表的两种实现方式(超简单)

《Java中数组转换为列表的两种实现方式(超简单)》本文介绍了在Java中将数组转换为列表的两种常见方法使用Arrays.asList和Java8的StreamAPI,Arrays.asList方法简... 目录1. 使用Java Collections框架(Arrays.asList)1.1 示例代码1.