简单梳理小程序开发框架做好导入源码组件、请求本地服务数据等准备工作 微信小程序开发 第6期

前几期简单学习了小程序的开发，讲解了基础操作、随机提词器、登记表、答题页面等功能，主要基于前端开发。

首页部分最上面是轮播图，会固定展示一些图片，可以滑动它循环播放。下面是学生作品，有学生的昵称、头像，还有点赞数和上传时间，不断往下滑，会一直刷新加载出来作品，是一个瀑布流。点击进去可以更加清晰的查看作品，显示查看人数、老师点评、点赞用户，还可以分享给好友、分享到朋友圈，评论，点赞。

这就是一款培训班小朋友用来提交作业的小程序，老师、家长都可以更加方便查看同学们的作品。学生可以用小程序管理自己的全部作品，很方便。

从0到1开发上线这款小程序，经验比较丰富的程序员全职来做，也需要一个月左右的时间。因为要做的不只是看到的这几个页面，它涉及到的东西很多。

团队协作应该一周左右就可以开发完成，这就是为什么公司要招那么多人的原因。5年前QQ的功能就已经足够用户正常使用了，但它现在依然在升级版本，去加功能，做小程序开发也是同样的道理，不断优化，完善功能。

小程序看到的页面从哪里来呢？也是在服务器里请求到的数据，请求到数据这个页面就下载到了手机端。就像上一期的答题小程序，访问服务器的域名，请求到数据。

服务器可以返回数据，那么数据存在哪里呢？简单来说，租了五年的服务器，在这个服务器里我安装一个操作系统，现在大家都用windows，在这里安装一个Liunx CentOS操作系统，安装完操作系统，在服务器运行一个用JAVA语言编写的应用程序，这个程序运行在服务器上，微信小程序就可以调用它了。调用接口——数据回传。

数据的最终都来自数据库。小程序调用JAVA语言，但它也没有数据，它再去调用数据库，数据库返回数据。

同理，小程序中除了能看到数据，还有大量的图片，所以还需要一个存储——oss文件存储服务器。

上一期只是写了小程序调用JAVA语言，就很烧脑了。独立做成一个项目，又会新增很多，刚开始接触时比较难懂，但用一两年时间熟悉了之后，很多东西都是重复的。

框架梳理到这里，还没有结束，到这里时用户使用小程序获取数据的流程，数据需要管理者，从后台放进去，比如艺术工坊的轮播图，还需要有一个后台管理平台。登录后台管理可以看到是谁访问了小程序，修改添加一些内容。后台管理平台一般设置在PC端，用电脑登录。

本期小程序的后台管理用到的是NodeJS+Vue技术，NodeJS属于运行在服务器端的脚本，加上Vue，这个还是前端，调用java语言。鸿蒙、IOS系统也都是前端，可以用网页来开发，就是用JS来写，最终都去调用JAVA语言，后台逻辑都是JAVA，所以JAVA是最核心的。

初学者写JAVA语言比较困难，所以这里在电脑上安装一款软件，它提供了接口、数据库，直接访问本地地址就可以调用。这是写好JAVA语言后，将它生成exe安装包，程序可以在windows上运行。

汇才老师给我们整理了一套小程序源码，解压后直接导入就可以，导入之后可以进入这个页面就成功了——pages/examples/index/index。（导入小程序时如果出现问题，可以点击测试号，随机生成一个APPID）

后续写页面，比如表单已经写好一些组件，轮播图的组件，直接拿过来就可以用，不需要重复造轮子。用什么组件在公司开发的时候时根据产品来定，自己做一些练手项目想用哪个就可以用哪个。

瀑布流的图片有竖图也有横图，图片排列时，需要计算左右两边哪边更短，下一张图片就展示在哪边。

项目源码导入完成，我们需要安装服务程序。这里我安装在了D盘，如果出现问题的话卸载重装在默认路径就好（需要64位的操作系统），打不开安装程序可以试试以管理身份运行。

就是java语言运行时需要jre，所以直接讲jre文件夹打包进来了。（编译需要jdk环境）

PandoraService就是我们要运行的服务程序，需要以管理员身份运行。在属性——兼容性中勾选以管理员身份运行此程序，重启后生效。

打开服务程序光标旁会有小圈圈转动，但不会打开页面，如何检查它有没有启动成功呢？

在任务管理器中，输入p，能找到它的进程就成功了。内存占用是300多兆，正式上线之后这个数值越高越好，占的内存越多运行起来就越富裕。

127.0.0.1是每个人自己电脑的地址，9527是端口号。接口文档是公司里面用的最多的文档，因为公司里做一个应用程序，开发微信小程序、安卓App、iosApp都有很多工程师，他们都要从java后台请求数据，把接口传什么参数、返回什么数值告诉工程师，口头描述？记忆力？都不太顶，不如只记一个地址，接口文档里存着这些数据。

（服务程序是专门针对64位系统来做的，32位的电脑上如何请求数据？用一台64位的电脑，运行cmd，输入ipconfig命令查看其ip地址，IPv4 地址后面就是这台计算机的ip地址，把127.0.0.1:9527替换为该地址就可以）

比如想做注册用户功能，用户管理API——POST就写的很清楚，告诉了你每个数据的标准格式。

导入项目、安装服务程序成功，一个前端、一个后台，怎么交互呢？如何请求到数据呢？

依然是在main.js文件的onload中写入一个wx.request，url就是请求发给谁，填写链接地址。

本期内容十分简单，没有太多代码输入。主要梳理了完整开发上线小程序的框架，以及导入源码组件、安装本地服务程序并成功请求数据，为接下来的前端开发做准备。