一个小程序的后台是web端
第一个web项目-微信小程序后端开发
第一个web项目-微信小程序后端开发
实现开发工具和编码
小程序前端
管理系统前端1.0
管理系统前端2.0
本地测试后端
联合测试前端和后端
第一个web项目-微信小程序后端开发
去年暑假，一次偶然的机会，我和几个同学加入了学院一位老师主持的教学改革项目。我们需要开发一门基于SPOC和翻转课堂计算机组成原则的课程app(类似于MOOOM课程，知道)，经过讨论，我决定先做一个微信小程序，配备一个后台管理系统，于是我的第一个web项目开始了~
这里简单介绍一下SPOC和翻转课堂的含义
“翻转课堂”（FlippingClassroom）“课堂教学听讲”是一种颠覆传统教学 课后作业练习转变为“课前自主学习” 新的课堂合作探索教学模式。
SPOC（SmallPrivateOnlineCourse）一般翻译为小规模限制性在线课程或小规模私人在线课程，音译为“私人广播课程”。
本项目的需求是开发学习类型的小程序，用户分为学生和教师，包括学生可以观看视频、课件、动画、家庭作业、考试、评论、拇指、回复，教师可以上传教学视频、课件、动画和家庭作业、考试、通知，检查学生的学习情况，也可以检查评论回复，及时回答学生的疑问。
团队共有四人，整体工作分为产品设计、前端开发和后端开发三部分，然后每部分由两人负责。其中，我负责后端开发和项目负责人（事实上，它听起来不那么高，但我只需要承担更多的决策、协调和沟通）。
这里分为小程序和管理系统
首先是小程序，放一些墨刀原型图，这里说两句话，市场上的小程序基本上是微信授权直接登录，最多绑定手机号码，我们因为统计学生的学习设置注册登录功能
至于管理系统，因为是10月份开始做的，我和另一个做后端的同学负责，时间比较紧。作为前端小白，我们没有一个非常系统的开发方法，只是大致确定了需要做哪些模块，每个模块需要添加、删除和检查哪些表。这里不放原型图(简单)
实现开发工具和编码
小程序前端
据我所知，前端学生首先到微信公共平台注册账户，然后做一些开发设置，百度的具体步骤。前端使用微信开发人员工具，基本上可以在微信开放文档中找到，包括许多实用的API。
它分为两部分：数据库和接口代码
使用mysql数据库，之前跟随学校在线小程序入门教程，推荐的本地开发环境是phpstudy，里面集成了php、mysql、apache、FTP、Nginx以及数据库管理工具phpMyAdmin，关于phpMyAdmin使用请看
最初的数据库设计不好，有更多的冗余数据。后来，我学习了数据库系统的课程。我做了一个很大的改变，首先确定实体和实体之间的联系，然后绘制er图，最后建模，通过外部代码限制减少了大量的冗余和表的数量。
教程使用php语言，框架是thinkphp看开发手册
，当时去哔哩哔哩找视频学习php的基本语法，然后学习原生php和框架如何操作数据库。然后根据业务逻辑开始编码。其实每个接口(或类中的一个函数)的结构都差不多，主要有三个部分:接收前端传来的数据，增加/删除/修改/检查，并将结果返回前端。
顺便说一句，代码编辑是用来编辑的sublimetext3，教程看
，这个不是ide，没有那么多功能，比如调试和操作，只有编辑、注释、格式化等。这里有自己的格式化代码功能(先选代码，再选代码Edit->Line->Reindent），有点辣鸡。而且如果有语法错误，就不会像eclipse那样自动检测出来，之前被坑过几次，肉眼找不到的话只能用postman进行测试。
管理系统前端1.0
一开始我们不知道做一个管理系统，认为所有的功能都在小程序中，然后老师和我们讨论这个问题，我们知道，管理系统应该有所有的功能，即数据库所有表，小程序只需要一些轻功能，至于上传大容量文件，检查学习这些不够轻的功能都在管理系统中。嗯，总有第一次，我们开始学习基本的前端三件套html,css,javascript。
当我们开始这样做时，我们希望首先实现这个功能。界面的丑点并不重要，所以在学习了一些三件套的基础后，我们学习了ajax技术（因为我们想与后端通信）。这里最初使用的是创建XMLHttpRequest对象，用open()设置请求类型和方法url，用send()方法将数据发送到后端，直到遇到数据jquery，统一使用后续请求$.ajax()了。
接下来，我们遇到了另一个困难，因为我们基本上使用表格来显示数据。获取数据后如何动态添加表格？搜索数据后，将每个数据拼接成tr标签中包含的字符串，然后在使用jquery获取表格标签后调用append()在表格中添加方法。
另外，我们想在每行末尾设置一个按钮来处理事件，所以我们在append数据的同时，也把button标签放入刚才的字符串中，然后为每个button设置id属性，比如修改数据。fixi，最后，这个i是代表表格的第几行，然后添加事件监控，点击button获取id，然后检查最后一行是多少，以确定它是多少行。
这些做法很麻烦，我们感到有点沮丧，因为每个页面基本上都必须这样做，但我们没有那么多的时间和精力来学习框架，只是想先实现功能（u1s1.上学期课太多了，我快吐了)。
放两张界面图
管理系统前端2.0
假期前，我们终于有了更多的空闲时间。我们决定改变界面，但毕竟我们的水平不高，所以我们需要使用一些第三方的东西。
在测试了小程序前端的一些功能后，一天后端学生找到了一个开源框架，然后我们一起看了解释文档，最后决定使用它。
请layui出现，经典的模块化前端框架，低门槛开箱即用。
使用前可以先看看文档
，个人感觉上手还是挺快的。layui弹出层、表格、表单、文件上传、流加载等提供了许多实用的组件。
以表格为例。以前我们用append动态添加数据，现在直接table.render()，只需设置参数即可；在我们为button设置id进行事件处理之前，现在绑定工具条，直接table.on()就行了；而且我们之前没有实现的分页，现在只需设置分页参数，然后在查询数据库时读取分页。
另外，layui包括页面布局在内的模板logo、用户名、退出按钮、导航栏和一些css动画。我们所要做的就是遵循它的模板，页面元素的样式也参考它。
在layui的帮助下，我们可以更加关注业务逻辑和用户体验。
本地测试后端
工具：postman
使用:打开新窗口，选择要求类型，输入url，点击设置参数send
我认为这个测试是模拟前端发送数据，然后操作后端代码，看看结果是否正确，属于白盒测试，但我们不是专业的测试人员，测试不是很标准，只能尽可能考虑不同的测试用例。
联合测试前端和后端
因为放假回家不能面对面，只能借助腾讯会议在线测试。
部署工作完成后，我们通常会编写接口代码，然后告诉前端学生url和所需的参数（请注意，微信小程序的请求api只允许https开始url，而且前端必须在微信公众平台上配置合法域名，否则会报错)，前端必须填写这些东西wx.request然后运行api，他们会检查返回的数据是否正确，我们将检查数据库的情况。如果没有问题，我们将测试更多的数据。如果可以，我们将访问下一个功能。这种方法应该属于软工提到的V模型单元测试。
使用新浪云，实名认证，学生认证后会送一些云豆(新浪云计费单位，1RMB=100云豆）
按照之前提到的教程，将整个thinkphp项目部署到新浪云，具体步骤见
压缩包可以上传到代码管理中，也可以在线编辑(类似于记事本)。如果变化很大，最好在本地写，然后贴上去。
目前使用了共享mysql服务phpmyadmin4.9版本，然后建表或导入sql文件
打开memcached服务，设置容量16MB(省点钱)，其实这个服务我不太清楚该怎么办，但是如果不打开访问界面，我会报告致命的错误吗？
我们需要保存许多类型的文件，包括视频、课件、动画、家庭作业、考试和化身，所以我们需要将它们存储在服务端。在这里打开storage服务，使用方法
#cyberduck
，5个普通用户配额bucket，每个容量10G，然后直接作为本地磁盘使用，控制台或编写代码可以上传文件，上传后获得url，然后你可以通过网络访问，如何在新浪云环境中操作php，看看官方文件
二级域名可以查看应用信息，需要购买和备案独立域名
日志中心可以查看每次请求的界面、时间、请求方设备等信息
控制台还可以实时查看流量统计、资源使用和消费
我已经完成了这个项目的前端和后端。我觉得前端不适合我。它可能对页面元素风格和用户体验不够敏感，但我必须承认前端非常有趣。至于后端，我更注重逻辑。目前，我对后端的理解只停留在数据库、网络和部署层面。事实上，如果有大量的用户，我们应该考虑高并发性的问题，我们应该使用多线程、负载平衡、消息队列等技术，因此仍有许多技术需要学习
为什么小程序链接域名显示代码？
目前微信不支持直接打开朋友发的链接。
求java——一个关于抽象类和接口的小程序代码，非常紧急！非常感谢。
以上就是【我不敢相信第2个！小程序网站接口代码(小程序代码上传接口)】的全部内容。
评论