微信小程序开发入门教程-文本组件介绍

简介: 微信小程序开发入门教程-文本组件介绍

学习小程序开发要从哪开始呢?我们是开始顺序学习官方文档么?如果一开始就从头开始读官方文档,恐怕用不了多久你就放弃了。计算机是一门实践科学,我们学习的目的是为了解决现实问题。要么你想在互联网创业,开发一款应用来吸引大家使用。要么你本身就经营着自己的业务,想把业务搬到网上。

无论是以上两种情况的哪一种,恐怕都是迫不及待的希望开始。那我们也不啰嗦,直接从实践开始。

创建页面

要开始练习,首先要创建自己的页面。我们使用了云开发的模板生成了项目,既有的页面我们不动,我们生成自己的页面。选中pages目录,右键,创建一个文件夹。

我们起个名字叫test。文件夹新建好之后,我们选中test,右键新建page,起名index

创建page的时候会自动生成四个文件,分别是index.wxml、index.wxss、index.js、index.json

使用低码模式进行编程

在左侧的预览区域我们已经可以看到index.wxml文件里边的内容显示出来了。因为我本人擅长研究低代码,低代码是以托拉拽的特点著称。我们用开发者工具学习的时候也是使用托拉拽编程,没想到吧纯码模式也支持低码方式进行编程。如何切换到低码模式呢?在菜单栏,选中可视化就切换到低码模式了

我们用鼠标选中文本,左侧的预览区会出现一个绿色的边框表示组件被选中了,中间是组件的配置区域可以设置属性、样式、事件。右侧的代码区域可以直接修改代码。

美中不足的是低码设置的不彻底,比如属性里不可以设置文本组件的内容,还需要在代码区域修改。同样是可视化,我们来看看低码中的文本组件可以设置哪些内容。

纯码的文本组件和低码的文本组件对比

比如我们在低码编辑器中添加一个文本组件

低码中的文本组件也是分为属性、样式、行为三部分。但是属性设置的更合理,比如基础属性里可以直接设置文本内容,还有一些预置的样式。而且样式是可视化设置的

行为的话已经预置了很多平台方法

最大的不同是,微信开发者工具其实只是一个前端的开发工具,并不能直接调用后端的服务,而低码中的callDataSource是可以直接访问后端的服务的,比如后端的增删改查方法。这样就一行代码也不写就把前后端连接起来了。

而且比较方便的是,可视化配置之后,其实我们不需要记太多的概念,比如我要实现流式布局,如果有些属性忘记了我还得百度。低码比较方便,你不用记忆直接设置就可以。

总结

我们本篇介绍了一下微信开发者工具的低码模式和微搭中的低码模式。总体上都支持可视化编程,但是微搭的低码封装的更合理,使用起来也更方便。感兴趣的同学可以注册一个账号来体验一下使用低码模式如何开发小程序。下一篇我们介绍一下view这个组件,理解一下常见的布局模式。

相关文章
ly~
|
9天前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
42 6
|
9天前
|
JSON 小程序 前端开发
创建一个属于自己的小程序(注册开发账号)
介绍如何创建微信小程序账号,包括注册流程、下载安装微信开发者工具、创建项目以及项目结构介绍。
创建一个属于自己的小程序(注册开发账号)
ly~
|
9天前
|
开发框架 小程序 前端开发
抖音小程序的开发难度大吗?
抖音小程序的开发难度因人而异,主要取决于开发者经验、技能及功能需求。技术上需掌握前端技术及抖音开发框架,了解平台生态与规则;设计上需符合用户审美和习惯,具备创新性和实用性。此外,严格的审核标准和激烈的市场竞争增加了开发难度,开发者需制定有效推广策略并持续优化小程序以保持竞争力。
ly~
42 4
|
8天前
|
JSON 小程序 前端开发
towxml的使用,在微信小程序中快速将markdown格式渲染为wxml文本
本文介绍了在微信小程序中使用`towxml`库将Markdown格式文本渲染为WXML的方法。文章提供了`towxml`的概述、安装步骤、以及如何在小程序中配置和使用`towxml`进行Markdown解析的详细说明和代码示例。
|
8天前
|
小程序 JavaScript API
微信小程序开发学习之页面导航(声明式导航和编程式导航)
这篇文章介绍了微信小程序中页面导航的两种方式:声明式导航和编程式导航,包括如何导航到tabBar页面、非tabBar页面、后退导航,以及如何在导航过程中传递参数和获取传递的参数。
微信小程序开发学习之页面导航(声明式导航和编程式导航)
|
2月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
62 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
2月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
61 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
|
2月前
|
存储 小程序 JavaScript
|
2月前
|
小程序 前端开发 安全
|
3月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
44 7

热门文章

最新文章

下一篇
无影云桌面