微信小程序开发系列(三)·微信小程序页面的创建、小程序如何更改调试基础库

这篇具有很好参考价值的文章主要介绍了微信小程序开发系列(三)·微信小程序页面的创建、小程序如何更改调试基础库。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

零基础手把手教你创建微信小程序(一)·微信小程序开发账号的注册以及开发者工具的安装和使用-CSDN博客

零基础手把手教你创建微信小程序(二)·创建第一个微信小程序以及了解小程序代码的构成-CSDN博客

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

目录

1.  小程序页面的创建

1.1  方法一

1.2  方法二

2.  小程序如何更改和调试基础库

2.1  调试基础库介绍

2.2  如何更改基础库

3.  如何调试小程序

3.1  Wxml

3.2  Consol

3.3  Network

3.4  AppData

3.5  Storage


1.  小程序页面的创建

1.1  方法一

        首先,在“pages”文件右键弹出窗口找到“新建文件夹”,点击,如下图:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

        在框内输入创建页面的命名:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

        找到刚刚创建的文件,右键弹出窗,点击“新建Page”。

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

        输入页面名称,不需要输入任何后缀名:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

        会自动生成,相关的四个文件:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

1.2  方法二

        首先,我们先找到“app.json”文件,可以看到框住代码部分,分别对应创建的“index”和“list”文件,我们也可以在这段代码部分,进行创建文件。

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

        该段代码是创建页面路径,通过如图所示编写代码能够进行页面的快速创建:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

2.  小程序如何更改和调试基础库

2.1  调试基础库介绍

        小程序调试基础库是指:微信开发者工具中可以选择的微信基础库版本。

        微信基础库是指小程序的运行环境,给小程序提供了运行所需的各种 API 和工具,以及基础框架和运行逻辑等。

        小程序开发者可以在微信开发者工具中选择所需的微信基础库版本,作为运行和调试小程序时的运行环境。

        每个小程序有自己所允许使用的基础库最低版本要求,开发者需要选择要兼容的基础库版本,从而确保小程序的功能正常运行。

2.2  如何更改基础库

        在工具栏找到“详情”,点击“本地设置”,在“调试基础库”中找到自己想要更改的基础库点击即可。

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

3.  如何调试小程序

3.1  Wxml

        在Wxml可以看到配置界面的结构和样式,通过对其的调试,可以对页面进行调试其结构和样式,如下:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

3.2  Consol

        在Consol可以看到打印输出的内容,如下图:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

        不过此时打印输出的还有系统打印输出的内容,可以右键系统打印的信息,找到“2”所示的内筒,点击,就可以隐藏系统打印输出的内容,如下图:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

3.3  Network

        调试服务器的网络请求,调试自己向服务器发送的请求:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

3.4  AppData

        查看当前页面对应的哪些数据:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

3.5  Storage

        查看自己在本地存储了那些数据:

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java

微信小程序开发_时光の尘的博客-CSDN博客

微信开发者工具 手动基础库,微信小程序开发,小程序,微信小程序,开发语言,算法,java文章来源地址https://www.toymoban.com/news/detail-858815.html

到了这里,关于微信小程序开发系列(三)·微信小程序页面的创建、小程序如何更改调试基础库的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序开发教学系列(3)- 页面设计与布局

    在微信小程序开发中,页面的设计和布局是非常重要的。一个好的页面设计可以提升用户体验,并使小程序更加吸引人。本章节将介绍如何设计和布局微信小程序的页面。 3.1 页面结构和样式的创建和设置 在创建微信小程序页面时,需要先定义页面的结构和样式。可以通过以

    2024年02月11日
    浏览(35)
  • 微信小程序开发---小程序的页面配置

    目录 一、小程序页面配置的作用 二、页面配置和全局配置的关系 三、页面配置中常用的配置项 在每个小程序中,每个页面都有自己的.json配置文件,用来对当前页面的窗口外观,页面效果进行配置。 小程序中,app.json中的windows节点,可以全局配置小程序中每个页面的窗口表

    2024年02月09日
    浏览(42)
  • 微信小程序开发实战9_2 小程序页面转发

    小程序页面转发是小程序分享的一个重要方式,在设计小程序应用时就需要考虑那些页面需要实现转发功能,以及页面的转发参数。本节介绍如何进行小程序页面的分享,并介绍如何获取小程序卡片的分享票据。 9.2.1小程序页面转发 微信小程序提供了页面的转发的功能,用户

    2024年02月16日
    浏览(36)
  • 创建一个微信小程序——如何注册账号,安装微信开发者工具,创建一个小程序(详细步骤版)

    注册地址 注册地址:微信公众平台 注册 右上角——【立即注册】。 选择【小程序】。 按照步骤完成注册。 按照步骤激活邮箱后,在信息登记这里选择个人。 填写相关信息。 完成注册。 这一步可以先保留,后续在创建小程序时会用到AppID——点击【前往小程序】,复制A

    2024年02月06日
    浏览(56)
  • 微信小程序 | 小程序开发

    🖥️ 微信小程序专栏:小程序开发 初级知识 🧑‍💼 个人简介:一个不甘平庸的平凡人🍬 ✨ 个人主页:CoderHing的个人主页 🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️ 👉 你的一键三连是我更新的最大动力❤️ 目录 一、认识小程序开发 什么是小程序? 各个平台小

    2024年01月24日
    浏览(52)
  • 微信小程序开发之微信小程序交互

    目录 一、小程序交互 前端: 1、先在登陆界面中编写代码 2、在前端中编写js代码 后端:           1、先导入依赖:           2、定义好配置文件           3、编写好实体类           4、将帮助类进行配置           5、编写mapper类           6、定义service层以及对应的

    2024年02月09日
    浏览(46)
  • 微信小程序 -- 小程序开发能力与拓展

    1. 获取用户头像 当小程序需要让用户完善个人资料时,我们可以通过微信提供的头像、昵称填写能力快速完善。如图: 想使用微信提供的头像填写能力,需要两步: 将 button 组件 open-type 的值设置为 chooseAvatar 当用户选择需要使用的头像之后,可以通过 bindchooseavatar 事件回调

    2024年04月15日
    浏览(54)
  • 【微信小程序开发零基础入门】——微信小程序入门

    学习小程序跟学习网页开发有什么不同 1.如何创建微信小程序项目 1.1 注册、登录、复制appId 注册:在 https://mp.weixin.qq.com/cgi-bin/wx 进行注册微信小程序开发账号 登录:在 https://mp.weixin.qq.com 登录小程序账号 复制appId: 在 \\\"开发\\\" 的 \\\"开发管理\\\" 的 \\\"开发设置\\\" 的 \\\"开发者ID\\\"中 1.2 下

    2024年02月03日
    浏览(51)
  • 小程序开发实战案例五 | 小程序如何嵌入H5页面

    在接入小程序过程中会遇到需要将 H5 页面集成到小程序中情况,今天我们就来聊一聊怎么把 H5 页面塞到小程序中。   本篇文章将会从下面这几个方面来介绍: 小程序承载页面的前期准备 小程序如何承载 H5 小程序和 H5 页面如何通讯 小程序和 H5 页面的相互跳转   首先介绍下

    2024年01月19日
    浏览(39)
  • 【微信小程序开发】微信小程序集成腾讯位置项目配置

    腾讯位置服务官网 当然没账号的要先注册一个账号 在我的应用里创建一个新的应用,印象中需要小程序ID,去微信开发者工具里面找到自己的小程序ID填入即可 添加 key 中勾选勾选 WebServiceAPI 从官网里下载,我这里下载的是 v1.2 打开微信开发者工具 在查找小程序ID的地方下滑

    2024年02月02日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包