学习开发小程序的起航日记

news2024/11/19 12:37:45

2024年3月16日

不知不觉中三月份还只剩了一半的光景,我想写的内容还很多没有写,或者更应该说,是想积累的还有很多。现在最应该去完善Java的内容,可还是想先等等。想等搞清楚小程序部分,想等积累完小程序的内容。

这几行话都是写给自己看的废话。我已经决定这么做,而且在这一刹那里,我还承诺给自己一定言出必行。

无情的我给自己灌了一碗毒鸡汤…


关于《学习开发小程序的起航日记》是我胡乱写的,只是为了记录开始学习小程序的日子的。

其内容如下:

文章目录

  • 小程序的开发准备
    • 小程序的概念
    • 注册开发者账号
      • 完善个人信息
      • 下载开发者工具
      • 两个重要
      • 添加开发人员
    • 创建项目
    • 了解小程序项目结构
      • 关于主体文件:
      • 关于页面文件:
    • 了解小程序的渲染模式
    • 最后一个内容

小程序的开发准备

小程序的概念

小程序是一种不需要下载安装即可使用的应用。

用户可以通过扫描二维码或搜索名称来打开小程序。小程序的特点体现在“用完即走”,意味着用户不需要关心是否安装太多应用。

小程序可以提供各种服务,如游戏、购物、地图、社交和学习等,同时,商家可以通过小程序展示产品、推广服务并实现线上支付等功能。

小程序的开发者可以快速地根据平台提供的能力开发应用,而且小程序具有体积小、启动速度快、使用便捷等优势。

现在,如果你想了解更多关于小程序的开发内容,需要开始准备其开发环境

注册开发者账号

微信公众号平台官网

这里只放了官方网址,你需要自己去注册账户,在注册时只需要注意使用的邮箱不可以绑定任何和微信公众号平台相关的内容。最好你准备的邮箱只用来绑定当前注册的小程序开发账户。

完善个人信息

注册完成后进行登录,然后完善两个信息:
在这里插入图片描述

其实需要完善的信息一共有四个,但在不考虑部署上线之前,后面的两个暂时可以先不进行完善。

下载开发者工具

准备好了上述内容,我们下载一个微信官方提供的专用于开发小程序的工具。
在这里插入图片描述

两个重要

在开发版块一栏中的开发管理界面,如图:
在这里插入图片描述
这两个内容,你需要保存好,是后续开发过程中需要用到的。

添加开发人员

添加开发人员如下图所述:

当然如果你只有自己一个人进行开发,且当前使用账号又是后天的管理员,可以不进行添加

在这里插入图片描述

创建项目

在这里插入图片描述

了解小程序项目结构

小程序最主要的两个部分:主体文件、页面文件

关于主体文件:

在项目的根目录下: 有这样的三个文件
在这里插入图片描述

app.js 是小程序的入口文件
app.json 是小程序的全局配置文件
app.wxss 是小程序的全局样式文件

关于页面文件:

页面文件存于项目目录 pages 下的一整个文件夹中:

在这里插入图片描述

即:一个文件夹代表了一个页面

每个页面都有4个部分:

xxx.js 与页面逻辑相关的文件
xxx.wxml 页面结构相关文件
xxx.wxss 页面样式相关文件
xxx.json 页面配置相关文件

了解小程序的渲染模式

小程序有两种渲染模式:

  1. skyline 这是当前新的渲染模式,不稳定
  2. webview 渲染模式

如果你在创建项目了,切换渲染模式如下:
在这里插入图片描述

恩恩恩…不错,还算挺潦草的…反正准备内容都是了解,没什么内容

最后一个内容

这又是最后一块内容了,创建页面。目前我们只有一个 index 界面。想创建更多迎合自己需求的界面,你可以在 pages 下手动一点点创建。或者可以如下所述一样,用代码直接创建:

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1521268.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

unraid docker.img扩容

unraid 弹Docker image disk utilization of 99%,容器下载/更新失败 我的版本是6.11.5,docker.img满了导致容器不能更新,遇到同样问题的可以先用docker命令清除一下仓库(当然不一定能清理出来,我已经清理过只清理出来1G多点&…

黑马微服务p30踩坑

报错详情 : orderservice开不起来 : 发生报错 : 然后检查了以下端口啥的 ,配置啥的都是没有问题的 ; 解决办法 : 1 . 修改nacos1,2,3中的端口,将conf 中 cluster.conf中 的 127.0.0.1 全部改成自己本机的真实ipv4地址; 本机真实ipv4地址查看 :…

Java学习笔记(14)

常用API Java已经写好的各种功能的java类 Math Final修饰,不能被继承 因为是静态static的,所以使用方法不用创建对象,使用里面的方法直接 math.方法名 就行 常用方法 Abs,ceil,floor,round,max,minm,pow,sqrt,cbrt,random Abs要注意参数的…

数据结构:树和二叉树

树的概念 1.树是一种非线性的数据结构。它是由n个有限节点的集合。 2.树分为根节点和子树。根节点没有前驱节点。 3.树的子树是由一个个子树组成,它们可以看作一个个集合。每个集合下面又有集合。 因此,树是递归定义的。 树形结构中,子树…

Leetcode刷题-(21~25)-Java

算法是码农的基本功,也是各个大厂必考察的重点,让我们一起坚持写算法题吧。 遇事不决,可问春风,春风不语,即是本心。 我们在我们能力范围内,做好我们该做的事,然后相信一切都事最好的安排就可…

软件应用,物流运单填写模板,物流打印快递单教程,货运单怎么打印视频教程

软件应用,物流运单填写模板,物流打印快递单教程,货运单怎么打印视频教程 一、前言 以下软件操作教程以 佳易王物流货运管理系统软件V17.2为例说明 件文件下载可以点击最下方官网卡片——软件下载——试用版软件下载 1、物流管理系统打印&a…

【webrtc】m122:PacingController 源码阅读

PacingController 关系与BitrateProber 关系更为密切PacingController 内置BitrateProber G:\CDN\signalapp_webrtc\modules\pacing\pacing_controller.hPacingControllerBitrateProber prober_;可配置BitrateProber 是否激活 PacingController 关系与BitrateProber 关系更为密…

springboot基于spring boot的在线答题微信小程序

摘 要 在线答题微信小程序是考试中重要的一环,在线答题是学生获取任务信息的主要渠道。为了方便学生能够在网站上查看任务信息、考试,于是开发了基于 springboot框架设计与实现了一款简洁、轻便的在线答题微信小程序。本微信小程序解决了在线答题事务中的…

Android Kotlin知识汇总(三)Kotlin 协程

Kotlin的重要优势及特点之——结构化并发 Kotlin 协程让异步代码像阻塞代码一样易于使用。协程可大幅简化后台任务管理,例如网络调用、本地数据访问等任务的管理。本主题介绍如何使用 Kotlin 协程解决以下问题,从而让您能够编写出更清晰、更简洁的应用代…

AI毕业论文降重GPTS,避免AI检测,高效完成论文

视频演示 AI毕业论文降重GPTS,避免AI检测,高效完成论文! 开发目的 “毕业论文降重”GPTS应用,作用为:重新表述学术论文,降低相似性评分,避免AI检测。 使用地址 地址:毕业论文降重…

鸿蒙Harmony应用开发—ArkTS声明式开发(容器组件:ColumnSplit)

将子组件纵向布局,并在每个子组件之间插入一根横向的分割线。 说明: 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 子组件 可以包含子组件。 ColumnSplit通过分割线限制子组件的高度。初始…

跨境电商选品实战——Ownips公开数据信息安全采集+Python爬虫轻松搞定Lazada电商选品

文章目录 一、引言二、Lazada电商平台选品实战2.1、分析Lazada电商平台的商品列表接口2.2、定位商品列表计算逻辑2.3、封装高质量住宅IP2.4、运行爬虫 三、数据处理及选品分析四、Ownips——企业级全球静态住宅IP,高效采集公开数据 一、引言 互联网与外贸的结合&am…

考察c语言关键字

C语言——关键字 1.问题:简述goto语句的作用 答:无条件跳转 具体来说,其作用在于允许程序在执行时无条件地跳转到指定的标签位置,并从该标签位置继续执行。通过goto语句,可以实现程序流程的无条件转移,使得…

【python】爬取杭州市二手房销售数据做数据分析【附源码】

一、背景 在数据分析和市场调研中,获取房地产数据是至关重要的一环。本文介绍了如何利用 Python 中的 requests、lxml 库以及 pandas 库,结合 XPath 解析网页信息,实现对链家网二手房销售数据的爬取,并将数据导出为 Excel 文件的过…

Visual Studio项目模板的创建与使用

Visual Studio项目模板的创建、使用、删除 创建模板项目模板的使用模板的删除 创建模板 点击项目,点击导出模板 选择你要创建哪个项目的项目模板,点击下一步 输入你的模板名称并添加模板说明,方便记忆 项目模板的使用 点击创建新项目 输入刚刚…

什么是VR应急预案演练虚拟化|VR体验馆加盟|元宇宙文旅

VR 应急预案演练虚拟化指的是利用虚拟现实(Virtual Reality,VR)技术进行应急预案演练的过程。在传统的应急预案演练中,人们通常需要在实际场地或模拟环境中进行演练,这可能存在一些限制,如成本高昂、场地受…

Cesium 获取 3dtileset的包围盒各顶点坐标

Cesium 获取 3dtileset的包围盒各顶点坐标 /*** 获取 3dtileset的包围盒各顶点坐标, z 方向取高度最低的位置* param {*} tileset* param {*} options* returns* ref https://blog.csdn.net/STANDBYF/article/details/135012273* ref https://community.cesium.com/t/accurate-…

PTA L2-014 列车调度

火车站的列车调度铁轨的结构如下图所示。 两端分别是一条入口(Entrance)轨道和一条出口(Exit)轨道,它们之间有N条平行的轨道。每趟列车从入口可以选择任意一条轨道进入,最后从出口离开。在图中有9趟列车&am…

uniapp 对video视频组件嵌套倍速按钮

这次接了需求是要求有倍速功能,去看了文档发现并没有倍速按钮的属性,想着手写一个吧 可最后发现原生层级太高,无论怎么样都迭不上去,就只能去找插件看看咯 找了好多插件发现都不可用,因为我这是app端,有些视…

【蓝桥杯单片机】十三届省赛“重难点”解析(附源码)

【蓝桥杯单片机】十三届省赛“重难点”解析 一、题目难点解析二、易出错点提示三、完整代码链接 笔记包括:①题目难点解析、②易出错点提示、③完整代码链接 注:本文提供的所有代码都是使用第十四届竞赛包完成 ⭐----------系列文章链接----------⭐ 【蓝…