一、小程序开发资源介绍

此部分内容介绍一些现有的项目,可以下载下来学习,看看别人开发如何使用各个组件,如何美化各个页面。

①小程序官方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

微信小程序零基础快速入门相关推荐

  1. 微信小程序0基础快速入门(史上最全!!!)

    产品定位及功能介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 小程序注册 注册小程序帐号 在微信公众平台官网首页(mp.weixin.qq ...

  2. 知乎爆赞!4504页《微信小程序零基础入门开发文档》+《小程序实战笔记》,你学废了吗?

    前言 微信小程序作为近几年"微服务"的杰出代表,应用十分广泛.小程序是一种新的开放能力,开发者可以快速地开发一个小程序.小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验 ...

  3. 微信小程序零基础入门(上)

    目录 第一章.前言 1.1 小程序与网页开发的区别 1.2 首次开发小程序的准备工作 第二章.小程序基础结构了解 2.1 项目构成 2.1.1 项目的基本组成结构 2.1.2 小程序页面的组成部分 2 ...

  4. 微信小程序wepy框架快速入门

    微信小程序wepy框架快速入门 微信小程序简介 微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一 ...

  5. (第39册)《微信小程序游戏开发快速入门到实战》夏敏捷著

    本书是微信小程序游戏开发的入门教程,通过大量案例介绍微信小程序游戏开发的基础知识和技巧.全书分三篇,基础篇对微信小程序的框架文件.微信小程序逻辑层和视图层.微信小程序组件进行详细介绍,包括JavaSc ...

  6. 微信小程序零基础入门_第一章 小程序和开发者工具的介绍

    第一章 小程序和开发者工具的基本介绍 1.1 小程序的开发工具 微信小程序的开发者需要先通过微信公众平台注册开发者账号.在微信公众平台网页中的账号分类->小程序中有着较为详细的注册介绍,可以较为 ...

  7. 微信小程序零基础入门_第二章 小程序框架_逻辑层

    第二章 小程序框架_逻辑层 2.1 逻辑层 小程序开发框架的逻辑层是基于JavaScript进行编写和实现的.在开发过程中写的所有代码,最终都被整合成一份JavaScript,在小程序启动的时候开始执 ...

  8. 微信小程序零基础入门【小程序的下载、安装与首项目配置】

    目录 第一步.注册小程序开发账号 第二步.下载并安装微信小程序 第三步.首次创建小程序 第一步.注册小程序开发账号 (1)点击注册按钮 微信公众平台 点击该链接进入微信公众号平台,点击右上角注册按钮, ...

  9. 微信小程序云开发快速入门手册-告别切图仔的时刻到了

    文章很长,建议先收藏,有充分的时间再学习,没有小程序基础的,也阔以先收藏哦.   本文章会手把手带各位小伙伴入门微信小程序云开发,因为我还不是全栈工程师,所以不是特别清楚前后端分离模式下,后端工程师需 ...

最新文章

  1. 使COUNT(*)查询总数变快
  2. 带你一分钟理解闭包--js面向对象编程
  3. app手机端连接tomcat电脑端服务器
  4. 当阿里不想赚钱了,生意该怎么做?
  5. Java 基于 TCP/IP 实现 Socket中的多客户端通信
  6. CM: word template web service schema number的限制
  7. Zookeeper基础常用操作以及ACL权限
  8. 十个问题理解Linux epoll工作原理:惊群,
  9. 单例设计模式(懒汉式)(饿汉式)
  10. Android音视频开发学习——硬解码
  11. 百度地图javascriptAPI点击地图得到坐标(拾取坐标)
  12. menu什么意思中文意思_menu是什么意思
  13. turtle画等腰三角形
  14. Qt5学习之位置函数
  15. 异地局域网对接:异地组网原理与实操
  16. 解决 win10系统zookeeper启动闪退分析
  17. springboot基础(72):Redisson分布式锁
  18. RGB color model
  19. golang生成UUID通用唯一识别码
  20. 手提电脑安装双屏后没有声音输出

热门文章

  1. 『C/C++养成计划』Visual Studio Code编辑器配置(外观通用型扩展Minmal)
  2. 详说做好抖音的三大要素
  3. 南京航空航天大学计算机学硕真题,2021南京航空航天大学考研历年真题
  4. 048_words_discoverer
  5. [PHP] 网盘搜索引擎-采集爬取百度网盘分享文件实现网盘搜索
  6. UI设计作品如何判别好坏?
  7. 医学图像可视化软件ITK-SNAP的使用方法
  8. XPO:Session管理与缓存--机制篇
  9. ERP实施顾问与项目经理的区别
  10. 微信小程序跳转到客服会话,将内容带到服务窗口并发送给客服(只是曲线救国)