微信小程序开发-校园网小程序开发步骤

动手撸一个校园网微信小程序:

高考完毕，想必广大学子和家长们都在忙着查询各所高校的信息，刚好上手微信小程序，当练手也当为自己的学校做点宣传，便当即撸了一个校园网微信小程序。

效果预览

源码地址： Github :sparkles::sparkles:求你的小星星～

准备工作

• 微信小程序开发者工具 ：腾讯开放了小程序个人开发平台，只需要一个微信号就可以成为小程序开发者了。

• 微信小程序设计指南 ：由于小程序是一个平台，所以平台上的开发者必须要遵守规范。

• easy-mock ：使用easy-mock模拟后端数据，后面会简单介绍配置。

• 七牛云 ：使用七牛云进行对象存储。

目录结构

├── app.js

├── app.json

├── app.wxss

├── image

├── pages

│   ├── KFC

│   │   ├── detail.js

│   │   ├── detail.wxml

│   │   └── detail.wxss

│   ├── fengguagn

│   │   ├── fengguang.js

│   │   ├── fengguang.wxml

│   │   └── fengguang.wxss

│   ├── fuwu

│   │   ├── fuwu.js

│   │   ├── fuwu.wxml

│   │   └── fuwu.wxss

│   ├── index

│   │   ├── index.js

│   │   ├── index.wxml

│   │   └── index.wxss

│   ├── logs

│   │   ├── logs.js

│   │   ├── logs.json

│   │   ├── logs.wxml

│   │   └── logs.wxss

│   ├── photo

│   │   ├── photo.js

│   │   ├── photo.wxml

│   │   └── photo.wxss

│   ├── zhaosheng

│   │   ├── zhaosheng.js

│   │   ├── zhaosheng.wxml

│   │   └── zhaosheng.wxss

│   └── zhuanye

│   ├── zhuanye.js

│   ├── zhuanye.wxml

│   └── zhuanye.wxss</