微信小程序开发实践操作

一、微信小程序的几个主要文件类型：

1、.js文件：作用相当于传统web开发的后端逻辑功能处理代码，如：PHP、.NET或JAVA等；

2、.wxml文件：作用相当于传统web开发的前段html文件；

3、.wxss文件：作用相当于传统web开发的样式表文件css；

4、.json文件：主要是一些配置或数据存储等。

5、根目录下自动生成的三个文件：微信小程序中根目录下app.js、app.json、app.wxss 这三个文件是必不可少的，是全局的，app.js是全局处理程序文件，app.json是全局配置文件，app.wxss是全局样式表。其中app.json配置文件中的pages的第一个就是启动的第一个界面；

二、关于幻灯轮播图功能使用中的问题：

使用幻灯轮播图swiper的时候，需要在对应的样式表文件加上.slide-image{width: 100%;}，这样轮播图才能左右没有空格，系统slide-image样式具体在哪里定义的没有找到。

三、个人开发的第一个小程序实践

最终完成后显示效果和主要文件目录

wxml文件代码

后端js代码内容

注释：后端js代码中标注的序号1、2、3、4分别于wxml文件中的序号对照。

四、结尾收工

这个微信小程序开发主要是入门实践学习为目的，功能比较简单，希望能对大家有一点点帮助。具体的开发代码可以下载官方的demo示例代码，代码覆盖很完整，下载地址在下面。

以下是微信小程序常用参考网址：

1、开发工具下载：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

2、开发入门教程：https://mp.weixin.qq.com/debug/wxadoc/dev/

3、小程序开发设计指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html

4、微信小程序官方demo源代码：https://mp.weixin.qq.com/debug/wxadoc/dev/demo.html

https://www.zhihu.com/question/50907897?sort=created

http://www.wxapp-union.com/portal.php?mod=list&catid=7