
简单梳理小程序开发框架,做好导入源码组件、请求本地服务数据等准备工作
·以一款已上线的小程序为例,梳理小程序开发框架
前几期简单学习了小程序的开发,讲解了基础操作、随机提词器、登记表、答题页面等功能,主要基于前端开发。
本期从框架开始,基于一款上线的小程序——潘多拉·艺术工坊,学习编程。
我们来看它又哪些功能。
首页部分最上面是轮播图,会固定展示一些图片,可以滑动它循环播放。下面是学生作品,有学生的昵称、头像,还有点赞数和上传时间,不断往下滑,会一直刷新加载出来作品,是一个瀑布流。点击进去可以更加清晰的查看作品,显示查看人数、老师点评、点赞用户,还可以分享给好友、分享到朋友圈,评论,点赞。


还可以查看课程,学生可以查看自己的作品信息。


这就是一款培训班小朋友用来提交作业的小程序,老师、家长都可以更加方便查看同学们的作品。学生可以用小程序管理自己的全部作品,很方便。
从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)


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


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

以及给大家提供两个网站,来找一些好看的颜色。
相关影片资源迅雷下载推荐
小程序开发详细流程,建议收藏 !
开发小程序前,要先了解自己行业场景,因为开发小程序的本身就是为了解决自己行业内的问题,例如说效率提升、吸引客源、减少管理成本等,清楚自己想要做什么就可以着手准备了。一、注册小程序需准备资料1、个人注册 ...
小程序开发,小程序开发详细流程,建议收藏 !
渐变色:https://webgradients.com/
中国传统色:http://zhongguose.com/
·安装服务程序
项目源码导入完成,我们需要安装服务程序。这里我安装在了D盘,如果出现问题的话卸载重装在默认路径就好(需要64位的操作系统),打不开安装程序可以试试以管理身份运行。
就是java语言运行时需要jre,所以直接讲jre文件夹打包进来了。(编译需要jdk环境)
Unins000是卸载,不需要了可以直接卸载。
PandoraService就是我们要运行的服务程序,需要以管理员身份运行。在属性——兼容性中勾选以管理员身份运行此程序,重启后生效。


打开服务程序光标旁会有小圈圈转动,但不会打开页面,如何检查它有没有启动成功呢?
在任务管理器中,输入p,能找到它的进程就成功了。内存占用是300多兆,正式上线之后这个数值越高越好,占的内存越多运行起来就越富裕。


·查看接口文档,请求本地数据
能像上一期通过浏览器输入地址看它的数据吗?
打开这个网址就可以看到接口文档:http://127.0.0.1:9527/swagger-ui/#/
数据地址:http://127.0.0.1:9527/user
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就是请求发给谁,填写链接地址。

请求成功返回什么结果呢?加一个success,res就是返回结果。

请求成功就进success的console.log输出1,失败就进fail的console.log输出。

将1改成res.data,就可以将请求到的数据输出在控制台。


Content里面就有用户数据。

小结
本期内容十分简单,没有太多代码输入。主要梳理了完整开发上线小程序的框架,以及导入源码组件、安装本地服务程序并成功请求数据,为接下来的前端开发做准备。
企业网站建设与开发最低只要299元起,包含域名服务器,需要的联系QQ345424724,电话15516990022,18530226930相关影片资源迅雷下载推荐
软件开发的行业前景分析
随着信息社会的不断发展,大数据、云计算、人工智能等技术的逐步普及和应用,未来程序开发行业将有广阔的发展空间,相关从业人员将保持一定的增长趋势。互联网的发展带动了整个软件开发领域的发展。在消费互联网时代 ...
软件开发,软件开发的行业前景分析
标签: 小程序开发 简单梳理小程序开发框架 做好导入源码组件 请求本地服务 ... ...