微信小程序>微信小程序生产环境搭建
前言
小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。
发展史
起源
2016年11月3日晚间，微信团队宣布：微信小程序>微信小程序正式开放公测。
2017年1月9日： 微信小程序>微信小程序 正式面对C端用户开放，但由于早期小程序数量较少，入口相对较深，因此用户量增长比较缓慢。 2017年9月20日，支付宝小程序向用户开放公测。
爆火
微信小程序>微信小程序虽然依附于国内最大的社交平台（微信），但是其刚推出并没有引起太大的轰动。
但是2017年末，微信小程序游戏“跳一跳”开始出现在广大微信用户的首页下拉菜单中。 没过多久，这款看似无聊的小游戏居然勾起了无数人的追捧，2018年1月中旬，上线仅半个月的“跳一跳”累计用户超过了3.1亿。
至今
虽然已经过去了好几年时间，但得益于广大开发者的不断开发，微信小程序>微信小程序已经成为人们日常生活中不可或缺的一部分。
推荐学习原因
小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。
申请账号
首先你需要申请一个小程序帐号
https://mp.weixin.qq.com/wxopen/waregister?action=step1
然后根据官方提示进行账号的注册。
安装
官方提供了较完善的开发工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载好适合你的版本后，双击安装（记得更改安装目录）然后一直点下一步。
使用说明
安装完成后，双击打开。登陆你的账号
创建一个新的项目
开发页面介绍
创建一个页面
1、新建一个项目后，在pages 中添加一个目录，选中page,右击鼠标，在弹出的菜单里，选择新建一个文件夹Personal。在文件中右键选择新建page，就会发现Personal文件夹多了Personal.wxml和Personal.js和Personal.wxss等几个文件
2.然后打开app.json,pages就会多出一个你新建的页面
登录案例
在小程序实现点击登录进行跳转
A页面
在页面a的wxml、wxss和js文件中分别写入以下代码
a.wxml
<view>
<text class="top1">你还没有登录哦</text>
</view>
<view class="box">
账号：<input type="text" value='123' />
密码：<input type="text" value='123' />
<view>
<!-- bindtap手指触摸后触发btn函数 -->
<button bindtap="btn">登录</button>
<button>注册</button>
</view>
</view>
a.wxss
.top1{
text-align: center;
color: rgb(255, 157, 127);
font-size: larger;
}
/* ------账号密码 */
.box{
width: 80%;
margin: 0% auto;
padding: 5px;
background-color: rgb(248, 248, 248);
border: 1px solid black;
border-radius: 5px;
}
.box input{
border: 1px solid black;
border-radius: 5px;
}
a.js
Page({
// 点击跳转到个人信息页面
btn: function () {
// 跳转到你设好的地址
wx.switchTab({
url: '../main/main'//地址改成你设好的另一个地址，不用写.xx文件后缀名
})
}
})
B页面
b.wxml
<view>跳转成功</view>
点击上方的编译按钮，查看运行效果
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rqZlVIJz-1641527164841)(C:\Users\阿斯顿\OneDrive\桌面\每日笔记\微信小程序>微信小程序\img\gpmv1-udv5h.gif)]
通过底部导航栏颜色的改变可以看出页面发生了跳转。
b.wxml
<view>跳转成功</view>
点击上方的编译按钮，查看运行效果
通过底部导航栏颜色的改变可以看出页面发生了跳转。
