1：开发前准备：

1.1:官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/

1.2:微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

微信开发者工具安装示意图

1.4：申请账号：每个邮箱只能申请一个小程序，所以在这里要准备一个新邮箱！！

来到https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN来注册小程序

小程序接入流程

小程序注册

1.5登录：进行二次验证微信扫码验证，填写注册时的邮箱和密码进行登录功能

初次登录

1.6获取开发appid：

小程序ID和密钥

2：开发初体验

2.1部署小程序：打开我们安装好的微信开发者工具

部署小程序

3，博学谷小程序项目

3.1我们百度博学谷官网，右键检查，点击手机调试刷新，来按照这个页面做一个小p学堂的小程序项目

3.2全局配置

（我这是完成的静态页面，大家做的话刚上来肯定不一样，后面会仔细讲解）

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等

全局配置app.json文件

3.3首页面静态页面 （页面的话也没啥好讲的，都一些前端，也没写啥逻辑，后面才有）在这里我把页面分为四个部分：导航条、轮播图、就业课-课程分类、下面广告；这是自己按照微信开放文档和老师的一些笔记写的页面，里面用的一些方法可能不太专业，但效果都是亲测的！

3.3.1导航条

导航条wxml

导航条wxss

3.3.2  轮播图            微信小程序中有专门写轮播图的方法，非常非常简单，如果用原生js来写，可能得写个一天了， 但用小程序中的方法，两分钟搞定！！

轮播图wxml

轮播图wxss

3.2.3就业课---课程分类

就业课wxml

就业课wxss

3.2.4 分界线及下面广告

广告wxml

广告wxss

静态页面已完成