微信小程序开发进度：前端篇

开发进度：

前端工作已基本完成，期待着与后端的对接。

微信小程序所使用的语言

JavaScript，wxml，wxss

JavaScript，html/xml，css是web前端常用语言，那么我们不难猜测wxml和wxss其实就是html/xml和css的微信版本，其中的区别在与wxml和wxss加入了微信对于小程序开发的理解：更加的简洁，与微信的对接更加容易，更加便于轻量级应用程序的开发。只要对js, html, css具有一定程度的了解，其实不难上手。

简单的html,css,js 教程：

www.w3school.com.cn/js/index.asp

www.w3school.com.cn/css/index.asp

www.w3school.com.cn/html/index.asp

组成部分

▼

微信小程序提倡以全局和局部分离，页面与功能分离，布局与样式分离，数据与代码分离的开发方式。首先我们看一下其文件组成部分：

页面被保存在pages文件夹内，每一个页 面由json, js, wxml, wxss四个文件组成。 Image文件夹保存微信小程序内的图片素材。Data用于保存来自服务器的动态数据。后四个文件用于设置全局。

开发场景截图

1

开发制作场景截图

2

活动导航地图

3

动态报名表单

关于小程序的页面生命周期

“ 整个微信小程序就是依据生命周期建立起来的。”

所遇到的难题：

由于小程序对于“触手可及“的要求，那么也同样会失去很多问题的解决方法以及产生很多兼容性的问题，其所提供的API接口也同样具有局限性。同样，前端与后端的对接也会受到微信官方服务器的介入，为了让用户的安全保障，小程序上线需要审核代码，对服务器申请域名，进行ssl证书安装，备案。同学们使用系统的时候也不需要为其安全性担忧。

图文：郑添元

编辑：晚晚

首发于微信公众号SUMSTC

苏州大学微软学生俱乐部