微信小程序+前后端开发学习材料1-(基本)

这篇具有很好参考价值的文章主要介绍了微信小程序+前后端开发学习材料1-(基本)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、目录结构

微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序

二、全局文件

1.app.json 文件

用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。文件内容为一个 JSON 对象。
1.1 page用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对应位置的 .json, .js, .wxml, .wxss 四个文件进行处理。
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
生成:在page下右键新建文件夹,在新建文件夹内新建page文件,此时系统将自动在app.json中生成新配置路径。
删除:在page下删除选中的文件夹后,需要手动在app.json中也删除对应的路径。
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
这里注意,新建的文件夹和里面的配置文件的命名最好一致。每一个路径后都有逗号,最后一个没有逗号。
1.2 window用于设置小程序的状态栏、导航条、标题、窗口背景色。
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
1.3 tabBar如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
其中position设置为top时,即使设置iconPath和selectedIconPath也不会显示。

2.app.wxss 文件

app.wxss 作为全局样式,会作用于当前小程序的所有页面,局部页面样式 page.wxss 仅对当前页面生效。
方法1全局引入,新建common文件夹在内设置common.wxss(在page外部,与app同根)。在common.wxss里设置标签,在app.wxss直接利用@import “”引用。
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
方法2:全局,直接在app.wxss中加入,注意加分号;
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
方法3:局部,在子page的wxml中新建标签,命名box。
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
在子page中的wxss中引入box设置属性。
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序

三、组件

1.通用组件

1)view

view视图容器
例:
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
在wxss中设置样式
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序

2)text

文本,内联文本只能用 text 组件,不能用 view。
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序
同样,在wxss中配置样式。
微信小程序+前后端开发学习材料1-(基本),微信小程序,notepad++,小程序文章来源地址https://www.toymoban.com/news/detail-806410.html

2.视图+基本内容+表单组件博客笔记

持续更新,未完待续!

到了这里,关于微信小程序+前后端开发学习材料1-(基本)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 论文阅读/中文记录,材料机器学习:Data-driven based phase constitution prediction in high entropy alloys

    Han Q, Lu Z, Zhao S, et al. Data-driven based phase constitution prediction in high entropy alloys[J]. Computational Materials Science, 2022, 215: 111774. 基于数据驱动的高熵合金相组成预测 【背景】 高熵合金(HEA)因其优异的材料性能和近乎无限的设计空间而吸引了越来越多的研究。开发有效的相组成预测方

    2024年02月03日
    浏览(54)
  • 微信小程序前后端开发快速入门(完结篇)

    这篇是微信小程序前后端快速入门完结篇了,今天利用之前学习过的所有知识做一个新的项目「群登记助手v1.0」小程序。 整体技术架构:小程序原生前端+小程序云开发。 经历了前面教程的学习,大家有了一定的基础,所以本次分享重心主要是带着大家理清楚逻辑相关的云开

    2024年02月12日
    浏览(42)
  • 微信小程序超级详细的请假模块(前后端结合-后端云开发)

    前言请假信息在签到系统和考勤系统中是必不可少的,所以掌握了请假模块对你来说只有好处没有坏处,大家请认真学习接下来的内容,加油!!!!!要全部源码的可以在评论区一键三连 1.在wxml文件中,创建一个表单,包含姓名,请假理由和请假天数的输入框,以及一个按

    2024年02月09日
    浏览(37)
  • 最新开源微信小程序一键开发平台源码 支持15大功能模块+完整前后端+搭建教程

    分享一个开源微信小程序一键开发综合平台源码,系统支持15大小程序功能模块,涉及各行各业,含完整前后端+详细搭建部署教程。   系统特色功能一览: 1、全新重构升级功能后端文件和前端文件; 2、整套源码已经集成15大主流小程序功能,涉及到各行各业 ,如:微同城

    2024年02月12日
    浏览(41)
  • 微信小程序学习笔记(五) 云开发

    微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。 开发者可以使用云开发快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力。 开发者 无需搭建服务器 ,可免鉴权直接使用平台提供的 API 进行业务开发。 传统开发需要考虑 成本角度:维护

    2023年04月08日
    浏览(48)
  • 微信小程序云开发学习记录--1

    目录 1.配置小程序项目 2. 云创建 3.新建云文件夹 4.数据库的建立和使用 5.增、删、改、查四种数据库基本操作 增加数据 查询数据 修改数据 删除数据 拿到微信小程序,首先可以先配置好自己的服务器或者是云环境,服务器的方法就不说了,我们今天来主要看一下云环境的配

    2024年02月05日
    浏览(58)
  • 【6 微信小程序学习 - 小程序的组件化开发,通信】

    1,在根目录创建components文件夹,自定义组件都放在此处 2,右键新建component,输入名称后悔创建四个文件 3.其中.json中的\\\"component\\\": true,表示这是一个组件 4,编写代码,和其他代码逻辑相同 1,要使用组件的父组件的json配置文件,usingComponents字段 注册 组件, 组件名称:组件路径 1 外部使用

    2024年02月13日
    浏览(52)
  • 微信小程序前后页面传值

    从前一个页面跳转到下一个页面,如何传递参数? 从后一个页面返回前一个页面,如何回调参数? 从前一个页面跳转到下一个页面并传值。 前页面:在跳转链接中添加参数并传递 后页面:在onLoad()函数中接收参数 这种方式适合小规模的传参,适合传输“较大”的数据吗?例

    2024年02月14日
    浏览(43)
  • 微信小程序前后端数据交互

         目录 一 微信小程序发送请求 二 后端接口接受小程序请求并返回数据  三 最后的效果图     先简单说一下我写的这个微信小程序前后端交互的业务,主要是两个数据:supplyCount和wantBuyCount,分别代表我的车源和我的求购。目前的需求就是小程序向后端发送请求,然后

    2024年02月09日
    浏览(39)
  • uniApp微信小程序前后端交互

    config包下 common交互逻辑 index页面 过滤拦截token 校验token

    2024年02月12日
    浏览(39)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包