一个小程序的后台是web端

小程序

第一个web项目-微信小程序后端开发



第一个web项目-微信小程序后端开发

前言

需求分析

团队分工

总体设计

开发工具及编码实现

小程序前端

后端

数据库

接口代码

管理系统前端10

管理系统前端20

测试

后端本地测试

前后端联合测试

部署

总结

第一个web项目-微信小程序后端开发

前言

去年暑假一个偶然的机会我和几位同学加入了学院一位老师主持的教改项目，需求是开发一个基于SPOC与翻转课堂的计算机组成原理课程的学习app（类似慕课、知到），后来经过讨论决定降低难度，先做一个微信小程序，附带一个后台管理系统，于是我的第一个web项目就开始了~

需求分析

这里简单介绍下SPOC和翻转课堂的意思

翻转课堂

“翻转课堂”（Flipping Classroom）是一种颠覆传统教学由“课堂授课听讲 + 课后作业练习”转变为“课前自主学习 + 课堂协作探究”的新型教学模式。

SPOC

SPOC（Small Private Online Course）一般被译为小规模限制性在线课程或者小规模私有型网络课程，音译为“私播课”。

这次项目的需求是开发一个学习类型的小程序，用户分为学生和教师，其中学生可以观看视频、课件、动画，完成作业、考试以及发布评论、点赞、回复，而教师可以上传教学视频、课件、动画和发布作业、考试、通知，以及查看学生的学习情况，也可以查看评论回复，及时解答学生的疑惑。

团队分工

团队一共有四个人，总体工作分为产品设计、前端开发、后端开发三部分，然后每部分由两人负责。其中我是负责后端开发的，同时兼任项目负责人（其实也没有听上去那么高大上，只是需要承担更多决策、协调、沟通的角色）。

总体设计

这里分为小程序和管理系统

首先是小程序，放几张使用墨刀制作的原型图，这里多说两句，市面上的小程序基本都是微信授权直接登录，最多绑定手机号，我们这个由于要统计学生的学习情况才设置了注册和登录功能

至于管理系统，由于是10月份才开始做的，而且是我和另一位做后端的同学负责的，时间比较紧，我们作为前端小白没有十分系统的方法去做开发，只是大概确定了需要做哪些模块，每个模块对哪些表的增删改查，这里原型图就不放了（较简陋）

开发工具及编码实现

小程序前端

据我了解，做前端的同学先去微信公众平台注册账号，然后做一些开发设置，具体步骤自行百度。前端用的是微信开发者工具，有不会的基本上在微信开放文档都可以找到，包括许多实用的API。

后端

这里分为数据库、接口代码两部分

数据库

用的是mysql数据库，之前是跟着学堂在线的一个小程序入门教程做的，它推荐的本地开发环境是phpstudy，里面集成了php、mysql、apache、FTP、Nginx以及数据库管理工具phpMyAdmin，关于phpMyAdmin使用请看>

哪第一步该如何踏出呢？

比如我是一个纯小白，学校又不教具体的知识，如何来开始第一步的学习呢？

马上去图书馆找本书？还是找个视频教程开始看？

第一步：

1 模仿

编程是一门手艺，而手艺的话都是从模仿起家的，看书、看视频都用处不大，目前是一个信息过载的社会，如何能吸收信息并让信息沉淀下来，变成自己技能，是必然要通过手敲，必须通过艰难的bug过程，必须是通过实践。

<img src=">

我们可以把知识层级理解为 看过-> 做过 ->讲过

无论如何看、如何听，掌握程度不会超过30%，而只有你真正实践过，做过，才有可能会达到75%。看过了并没有什么卵用，而是要真正的动手，对照书本、视频敲一遍、两遍、然后不看资料，按照自己的思路或者想法再实现一遍，这样才能在脑海里留下足够的印象。

2 项目制-生长学习法

如果你像初中、高中、大学那样一个个知识点的来学编程，比如我先学HTML/CSS、再学Javascript这种学习法其实是完全错误的！

知识是一个整体，而我们大脑对结构化信息才会有记忆能力，而从小的填鸭教育却将知识割裂开来，而这正是我们绝大多数人对学习感到痛苦，学不好的原因，这种学习法是完全错误的。

那什么是好的学习法呢？就如同动、植物生长一样，先把骨架搭起来，而后才是血肉，才是细胞，这样一来我们有一个具体的目标驱动，学习起来就会愉快的多，不会那么的辛苦。

所以你的学习绝不是 HTML:100% -> CSS:100% -> JavaScript:100%而应该是

Level1项目(HTML 10%+CSS10%) -> Level2项目( HTML 20%+ CSS20%+JavaScript 10%)

常见的小程序开发工具具有以下几种：

1、微信小程序官方开发工具

目前因为需要用到微信web开发工具进行小程序的创建、调试、查看、预览、上传，所以这个工具必不可少。但是代码编辑功能实在太差，推荐使用其它第三方代码编辑工具代替。

2、Sublime Text 3

使用门槛不会太高，可以迅速上手，是但如果想实现一些丰富的功能就会比较吃力了，属于简洁高效的开发工具。

3、WebStorm

WebStorm网上有插件，可以实现代码提示，不能做调试和预览，属于功能繁多的重度来发工具。

以上就是关于一个小程序的后台是web端全部的内容，包括:一个小程序的后台是web端、编程零基础，如何入门 web 前端玩转微信小程序、小程序用什么开发工具等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！