微信小程序试水

2024-04-24 06:58
文章标签 程序 微信 试水

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

去年火了小程序。我也试试吧。

什么小程序

微信小程序是运行在微信内部的一个应用
微信小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。


优点

  • 可以通过扫码或朋友推荐获取
  • 无需安装,直接使用
  • 即点即用,用完即走
  • 开发方便
  • 开发成本低

缺点

  • 入口少,推广不便
    (1)二维码
    (2)好友推荐

  • 用户体验不够好

  • 开发环境不友好

  • 不适合复杂应用

  • 变现能力未知
    |


小程序结构

这里写图片描述

主体部分

一个小程序主体部分由三个文件组成,必须放在项目的根目录
- app.js 小程序逻辑 (必须)
- app.json 小程序公共设置 (必须)
- app.wxss 小程序公共样式表(可选)

页面部分

一个小程序页面由四个文件组成,分别是:
- js 页面逻辑(必须)
- wxml 页面结构(必须)
- json 页面配置 (可选)
- wxss 页面样式表(可选)
: 参考资料
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/structure.html


学习资料

  • 官方网站:

    • 框架
    • 组件
    • API
    • 工具
    • 讨论
  • 其他:

  • http://www.jianshu.com/p/45e41cdf6706

如何开发小程序?

准备工作:

注册小程序账号(不必须)

目前微信小程序的账户并没有对个人用户开放,但是还好微信的开发工具不要求是小程序的注册用户,也就是随便哪个人都可以使用工具进行开发测试,所以即使不注册账户也可以学习小程序。
注册和不注册的区别
注册:拥有小程序ID(AppID),可以连接真机测试
不注册:没有小程序ID,只能在本地虚拟机测试
注册地址:(我就没有注册)
https://mp.weixin.qq.com/

安装小程序的开发工具

下载后,打开使用手机扫一下微信登陆开发
下载地址:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1487220581

例子:导入项目

1,添加项目

这里写图片描述

2,选择开发的好的项目的路径,进行导入

这里写图片描述

3,导入成功

这里写图片描述

例子:开发新的程序

目录:
这里写图片描述

1,新建项目
这里写图片描述
2,新建一个空的项目
这里写图片描述
3,依次建立相关文件
这里写图片描述
这里写图片描述
4,代码
app.json

{"pages": ["pages/index/index","pages/hello/hello"],"window": {"navigationBarBackgroundColor": "#000","navigationBarTextStyle": "white","navigationBarTitleText": "hello  world","backgroundColor": "#000"},"tabBar": {"list": [{"pagePath": "pages/index/index","text": "主页"},{"pagePath": "pages/hello/hello","text": "你好"}]}
}

保存之后,会自动出现hello 和index文件夹。如果没有的话自己新建一下。

index.wxml

<!--pages/index/index.wxml-->
<text>这是我的第一个小程序</text>

hello.wxml

<!--pages/hello/hello.wxml-->
<text>hello world</text>

5,运行情况

这里写图片描述

小结

认识一下我们现在使用的小程序。使用很便捷,理念很时尚,程序开发也很简单。

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



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

相关文章

W外链微信推广短连接怎么做?

制作微信推广链接的难点分析 一、内容创作难度 制作微信推广链接时,首先需要创作有吸引力的内容。这不仅要求内容本身有趣、有价值,还要能够激起人们的分享欲望。对于许多企业和个人来说,尤其是那些缺乏创意和写作能力的人来说,这是制作微信推广链接的一大难点。 二、精准定位难度 微信用户群体庞大,不同用户的需求和兴趣各异。因此,制作推广链接时需要精准定位目标受众,以便更有效地吸引他们点击并分享链接

JAVA智听未来一站式有声阅读平台听书系统小程序源码

智听未来,一站式有声阅读平台听书系统 🌟&nbsp;开篇:遇见未来,从“智听”开始 在这个快节奏的时代,你是否渴望在忙碌的间隙,找到一片属于自己的宁静角落?是否梦想着能随时随地,沉浸在知识的海洋,或是故事的奇幻世界里?今天,就让我带你一起探索“智听未来”——这一站式有声阅读平台听书系统,它正悄悄改变着我们的阅读方式,让未来触手可及! 📚&nbsp;第一站:海量资源,应有尽有 走进“智听

EMLOG程序单页友链和标签增加美化

单页友联效果图: 标签页面效果图: 源码介绍 EMLOG单页友情链接和TAG标签,友链单页文件代码main{width: 58%;是设置宽度 自己把设置成与您的网站宽度一样,如果自适应就填写100%,TAG文件不用修改 安装方法:把Links.php和tag.php上传到网站根目录即可,访问 域名/Links.php、域名/tag.php 所有模板适用,代码就不粘贴出来,已经打

跨系统环境下LabVIEW程序稳定运行

在LabVIEW开发中,不同电脑的配置和操作系统(如Win11与Win7)可能对程序的稳定运行产生影响。为了确保程序在不同平台上都能正常且稳定运行,需要从兼容性、驱动、以及性能优化等多个方面入手。本文将详细介绍如何在不同系统环境下,使LabVIEW开发的程序保持稳定运行的有效策略。 LabVIEW版本兼容性 LabVIEW各版本对不同操作系统的支持存在差异。因此,在开发程序时,尽量使用

CSP 2023 提高级第一轮 CSP-S 2023初试题 完善程序第二题解析 未完

一、题目阅读 (最大值之和)给定整数序列 a0,⋯,an−1,求该序列所有非空连续子序列的最大值之和。上述参数满足 1≤n≤105 和 1≤ai≤108。 一个序列的非空连续子序列可以用两个下标 ll 和 rr(其中0≤l≤r<n0≤l≤r<n)表示,对应的序列为 al,al+1,⋯,ar​。两个非空连续子序列不同,当且仅当下标不同。 例如,当原序列为 [1,2,1,2] 时,要计算子序列 [

这些心智程序你安装了吗?

原文题目:《为什么聪明人也会做蠢事(四)》 心智程序 大脑有两个特征导致人类不够理性,一个是处理信息方面的缺陷,一个是心智程序出了问题。前者可以称为“认知吝啬鬼”,前几篇文章已经讨论了。本期主要讲心智程序这个方面。 心智程序这一概念由哈佛大学认知科学家大卫•帕金斯提出,指个体可以从记忆中提取出的规则、知识、程序和策略,以辅助我们决策判断和解决问题。如果把人脑比喻成计算机,那心智程序就是人脑的

uniapp设置微信小程序的交互反馈

链接:uni.showToast(OBJECT) | uni-app官网 (dcloud.net.cn) 设置操作成功的弹窗: title是我们弹窗提示的文字 showToast是我们在加载的时候进入就会弹出的提示。 2.设置失败的提示窗口和标签 icon:'error'是设置我们失败的logo 设置的文字上限是7个文字,如果需要设置的提示文字过长就需要设置icon并给

基于SpringBoot的宠物服务系统+uniapp小程序+LW参考示例

系列文章目录 1.基于SSM的洗衣房管理系统+原生微信小程序+LW参考示例 2.基于SpringBoot的宠物摄影网站管理系统+LW参考示例 3.基于SpringBoot+Vue的企业人事管理系统+LW参考示例 4.基于SSM的高校实验室管理系统+LW参考示例 5.基于SpringBoot的二手数码回收系统+原生微信小程序+LW参考示例 6.基于SSM的民宿预订管理系统+LW参考示例 7.基于

Spring Roo 实站( 一 )部署安装 第一个示例程序

转自:http://blog.csdn.net/jun55xiu/article/details/9380213 一:安装 注:可以参与官网spring-roo: static.springsource.org/spring-roo/reference/html/intro.html#intro-exploring-sampleROO_OPTS http://stati

未来工作趋势:零工小程序在共享经济中的作用

经济在不断发展的同时,科技也在飞速发展。零工经济作为一种新兴的工作模式,正在全球范围内迅速崛起。特别是在中国,随着数字经济的蓬勃发展和共享经济模式的深入推广,零工小程序在促进就业、提升资源利用效率方面显示出了巨大的潜力和价值。 一、零工经济的定义及现状 零工经济是指通过临时性、自由职业或项目制的工作形式,利用互联网平台快速匹配供需双方的新型经济模式。这种模式打破了传统全职工作的界限,为劳动