文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

微信小程序开发语言(微信小程序开发教程)详细步骤

2023-10-23 16:04

关注

微信小程序开发语言

开发微信小程序用什么语言
1、微信小程序开发所需要的语言比较特别,首先介绍一下需要使用到的文件类型大致分为:WXML(WeiXin Mark Language 微信标记语言)、WXSS(WeiXin Style Sheet 微信样式表)、JS(JavaScript 小程序的主体);

首先是WXML,它与Android开发中的界面XML描述文件比较像,适合于程序界面的构建;

WXSS与前端中使用的CSS在语言上几乎没有差别可以直接通用;

JS文件这个与前段中使用的JS也是几乎没有区别,当然针对微信小程序新增了一些微信的API借口,并去除了一些没有必要的功能;

微信小程序开发教程–从零开始

一、注册小程序账号

进入微信公众平台
微信小程序开发教程2、点击立即注册
微信小程序开发教程3、选择小程序
微信小程序开发教程4、填写信息注册即可
微信小程序开发教程5、绑定开发者
微信小程序开发教程6、进入“设置-开发设置”,获取AppID信息。

二、下载微信web开发者工具
微信小程序开发教程1、点击小程序后的查看详情
微信小程序开发教程2、选择开发者工具
微信小程序开发教程3、下载对应系统版本的应用程序
微信小程序开发教程4、安装开发工具
微信小程序开发教程三、编写小程序实例

打开工具点击小程序项目
微信小程序开发教程2、填写相应信息,点击确定
微信小程序开发教程3、实例目录结构
微信小程序开发教程4、app.js是小程序的脚本代码(必须),可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API。
微信小程序开发教程5、app.json是对整个小程序的全局配置(必须),用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中,且pages中的第一个页面是小程序的首页。
微信小程序开发教程6、app.wxss是整个小程序的公共样式表(非必须)。
微信小程序开发教程7、index.js 是页面的脚本文件(必须),在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。
微信小程序开发教程8、index.wxml是页面结构文件(必须)。
微信小程序开发教程9、index.wxss是页面样式表文件(非必须),当有页面样式表时,页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。
微信小程序开发教程10、在编辑配置好后点击真机调试
微信小程序开发教程11、手机微信扫描二维码
微信小程序开发教程12、自动弹出调试窗口,通过真机调试能够更好的测试小程序
微信小程序开发教程欢迎一起讨论开发知识。

来源地址:https://blog.csdn.net/juzilvpai/article/details/124940470

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯