1、前言

本课程会将我的一个已上线的全栈小程序项目做成【免费课程】分享给大家~

小程序扫描下面二维码查看功能：

小程序环境搭建+开发工具介绍+vue+ES6基础知识+每一行代码展示+代码逻辑+云服务器搭建+小程序上线完整的流程都会包含到，目的是让大家能够通过我的分享复制出一个完整的项目。

在这里没有废话，只有干货。【喵宁一】工粽号回复【源码】 提取本项目的代码。

本项目用的是前后端分离开发，前端使用mpvue（内部使用vuejs的语法）框架，后端使用koa2框架，数据库使用mysql。

没听说过上面的框架也没关系，下面我们会讲解，很容易上手~

开发过程的每一行代码都完整展现出来，根据课程的步骤一步步来，相信你很快也会有自己的小程序~

2、课程目录

第一章

1.1【微信小程序全栈课程】课程介绍（mpvue+koa2+mysql）

1.2 【微信小程序全栈课程】小程序介绍–真自律

1.3【微信小程序全栈课程】小程序账号注册、开发工具下载安装

1.4【微信小程序全栈课程】原生小程序框架介绍

1.5【微信小程序全栈课程】安装sublime3代码编辑器以及vue插件

1.6【微信小程序全栈课程】mpvue小程序框架搭建及介绍

第二章

2.1【微信小程序全栈课程】小程序前端页面初始配置

2.2【微信小程序全栈课程】index页面搭建–ESlint格式错误

2.3【微信小程序全栈课程】index页面完善–vue文件代码解析

2.4【微信小程序全栈课程】ES6知识点详解–创建config.js配置文件

2.5【微信小程序全栈课程】个人中心页面搭建

2.6【微信小程序全栈课程】添加底部导航

第三章

3.1【微信小程序全栈课程】在本地搭建后端开发环境

3.2 【微信小程序全栈课程】登录功能（一）–实现登录功能

3.3 【微信小程序全栈课程】登录功能（二）–自定义登录弹窗

3.4 【微信小程序全栈课程】组件(Component)–封装登录弹窗组件

3.5 【微信小程序全栈课程】登录功能（三）–获取用户信息

3.6 【微信小程序全栈课程】登录功能（四）–显示登录成功弹窗

第四章

4.1 【微信小程序全栈课程】个人中心（一）–页面样式、用户信息展示

4.2 【微信小程序全栈课程】个人中心（二）–显示随机语句

4.3 【微信小程序全栈课程】个人中心（三）–操作指引页面

4.4 【微信小程序全栈课程】个人中心（四）–创建意见反馈页面

4.5 【微信小程序全栈课程】意见反馈（一）–实时监控字数

4.6 【微信小程序全栈课程】意见反馈（二）–上传照片

4.7 【微信小程序全栈课程】意见反馈（三）–操作数据库knex

4.8 【微信小程序全栈课程】小程序前后端的联系以及get、post代码封装

4.9 【微信小程序全栈课程】意见反馈（四）–提交反馈信息

第五章

5.1 【微信小程序全栈课程】首页完善（一）–点击记录插入数据库

5.2 【微信小程序全栈课程】首页完善（二）–读取当前分数

5.3 【微信小程序全栈课程】首页完善（三）–下拉刷新、分享功能

5.4 【微信小程序全栈课程】首页完善（四）–清零功能

5.5 【微信小程序全栈课程】首页完善（五）–撤销功能

第六章

6.1 【微信小程序全栈课程】记录页面（一）–添加记录页面

6.2 【微信小程序全栈课程】记录页面（二）–获取记录数据

6.3 【微信小程序全栈课程】记录页面（三）–记录数据组件初始化

6.4 【微信小程序全栈课程】记录页面（四）–mpvue时间格式化

6.5 【微信小程序全栈课程】记录页面（五）–隐藏显示文本框

6.6 【微信小程序全栈课程】记录页面（六）–修改备注

6.7 【微信小程序全栈课程】记录页面（七）–分页加载记录数据

6.8 【微信小程序全栈课程】清空所有记录

第七章

7.1【微信小程序全栈课程】 小程序上线–Eslint格式规范

7.2 【微信小程序全栈课程】小程序上线–配置云服务器、域名

7.3 【微信小程序全栈课程】小程序上线–nginx安装、SSL证书安装

7.4【微信小程序全栈课程】小程序上线–基于Ubuntu搭建小程序运行环境

7.5【微信小程序全栈课程】小程序上线–上传代码审核