微信小程序零基础快速入门
一、小程序开发资源介绍
此部分内容介绍一些现有的项目,可以下载下来学习,看看别人开发如何使用各个组件,如何美化各个页面。
①小程序官方demo
②网友整理资源1
③网友整理资源2
④下面为UI组件库
官方微信组件库
https://github.com/TalkingData/iview-weapp
https://github.com/youzan/vant-weapp
https://github.com/meili/minui
https://github.com/shouhe/minui
https://github.com/wux-weapp/wux-weapp
高颜值: https://github.com/weilanwl/ColorUI
京东凹凸实验室: https://github.com/NervJS/taro-ui
二、准备工作(注册小程序,安装开发工具)
①进入网址微信公众平台,点击图片位置,根据提示注册。
②注册完成后登录,完成基本信息填写
③点击右上角个人帐户,找到APPID,保存后面用
④左侧找到开发工具,下载安装。
三、新建项目
①新建一个项目
打开安装好的开发工具,点击+,新建项目
②主界面
③基础目录结构
pages:小程序所有页面都在该文件夹下,此处只有一个index页面,通常此处会有好多的文件夹用来存放不同页面。
注:每个页面必须包含js文件、json文件、wxml文件、wxss文件,并且名称相同。
js文件:页面逻辑文件,如:设置页面滚动点击等
json文件:页面配置文件
wxml文件:页面结构,相当于网页中的html文件,定义页面 包含的元素
wxss:页面样式,相当于网页中的css文件,对页面美化
小程序主体文件:小程序主体文件定义小程序的主体部分,包含app.js、app.json、app.wxss
app.js:小程序逻辑文件,必需要有
app.json:小程序全局配置,必需要有。如:主页面页头页尾定义,主页面按钮定义
app.wxss:小程序公共样式文件,非必需
四、了解flex布局
flex布局是小程序使用的一种布局,必需要了解一下。
可参考文章https://blog.csdn.net/qq_43108090/article/details/124582913
微信小程序零基础快速入门相关推荐
- 微信小程序0基础快速入门(史上最全!!!)
产品定位及功能介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 小程序注册 注册小程序帐号 在微信公众平台官网首页(mp.weixin.qq ...
- 知乎爆赞!4504页《微信小程序零基础入门开发文档》+《小程序实战笔记》,你学废了吗?
前言 微信小程序作为近几年"微服务"的杰出代表,应用十分广泛.小程序是一种新的开放能力,开发者可以快速地开发一个小程序.小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验 ...
- 微信小程序零基础入门(上)
目录 第一章.前言 1.1 小程序与网页开发的区别 1.2 首次开发小程序的准备工作 第二章.小程序基础结构了解 2.1 项目构成 2.1.1 项目的基本组成结构 2.1.2 小程序页面的组成部分 2 ...
- 微信小程序wepy框架快速入门
微信小程序wepy框架快速入门 微信小程序简介 微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一 ...
- (第39册)《微信小程序游戏开发快速入门到实战》夏敏捷著
本书是微信小程序游戏开发的入门教程,通过大量案例介绍微信小程序游戏开发的基础知识和技巧.全书分三篇,基础篇对微信小程序的框架文件.微信小程序逻辑层和视图层.微信小程序组件进行详细介绍,包括JavaSc ...
- 微信小程序零基础入门_第一章 小程序和开发者工具的介绍
第一章 小程序和开发者工具的基本介绍 1.1 小程序的开发工具 微信小程序的开发者需要先通过微信公众平台注册开发者账号.在微信公众平台网页中的账号分类->小程序中有着较为详细的注册介绍,可以较为 ...
- 微信小程序零基础入门_第二章 小程序框架_逻辑层
第二章 小程序框架_逻辑层 2.1 逻辑层 小程序开发框架的逻辑层是基于JavaScript进行编写和实现的.在开发过程中写的所有代码,最终都被整合成一份JavaScript,在小程序启动的时候开始执 ...
- 微信小程序零基础入门【小程序的下载、安装与首项目配置】
目录 第一步.注册小程序开发账号 第二步.下载并安装微信小程序 第三步.首次创建小程序 第一步.注册小程序开发账号 (1)点击注册按钮 微信公众平台 点击该链接进入微信公众号平台,点击右上角注册按钮, ...
- 微信小程序云开发快速入门手册-告别切图仔的时刻到了
文章很长,建议先收藏,有充分的时间再学习,没有小程序基础的,也阔以先收藏哦. 本文章会手把手带各位小伙伴入门微信小程序云开发,因为我还不是全栈工程师,所以不是特别清楚前后端分离模式下,后端工程师需 ...
最新文章
- 使COUNT(*)查询总数变快
- 带你一分钟理解闭包--js面向对象编程
- app手机端连接tomcat电脑端服务器
- 当阿里不想赚钱了,生意该怎么做?
- Java 基于 TCP/IP 实现 Socket中的多客户端通信
- CM: word template web service schema number的限制
- Zookeeper基础常用操作以及ACL权限
- 十个问题理解Linux epoll工作原理:惊群,
- 单例设计模式(懒汉式)(饿汉式)
- Android音视频开发学习——硬解码
- 百度地图javascriptAPI点击地图得到坐标(拾取坐标)
- menu什么意思中文意思_menu是什么意思
- turtle画等腰三角形
- Qt5学习之位置函数
- 异地局域网对接:异地组网原理与实操
- 解决 win10系统zookeeper启动闪退分析
- springboot基础(72):Redisson分布式锁
- RGB color model
- golang生成UUID通用唯一识别码
- 手提电脑安装双屏后没有声音输出
热门文章
- 『C/C++养成计划』Visual Studio Code编辑器配置(外观通用型扩展Minmal)
- 详说做好抖音的三大要素
- 南京航空航天大学计算机学硕真题,2021南京航空航天大学考研历年真题
- 048_words_discoverer
- [PHP] 网盘搜索引擎-采集爬取百度网盘分享文件实现网盘搜索
- UI设计作品如何判别好坏?
- 医学图像可视化软件ITK-SNAP的使用方法
- XPO:Session管理与缓存--机制篇
- ERP实施顾问与项目经理的区别
- 微信小程序跳转到客服会话,将内容带到服务窗口并发送给客服(只是曲线救国)