开篇-从零实现一个简单的全栈项目

今年自己写了一套前后端的系统，已经稳定运行了大半年了，目前每天的单量稳定在5W左右，数据库的数据在400w左右

我打算把这套代码整理一下发布出来，你可以跟着我这个教程来一步步实现一套系统，当然你也可以直接拿过去用

教程和代码都是免费的，不收费，希望对您有帮助

要实现的项目

我会用一个目前线上的小小程序来做实现的项目

这个项目虽然小，但是它所有的功能都有

用户注册、用户登录、会员体系、扫码下单、导出数据、微信支付

麻雀虽小，五脏俱全

• 游客只能创建一个表格（会员无限制）
• 点击表格，进入表格后，直接扫码（随便扫什么码，二维码，条形码都可以）
• 游客一个表格只能搜啊吗10条数据（会员无限制）
• 点击导出功能，把扫码的内容导出到表格里面
• 外加一个注册，升级会员的功能

下面是部分预览页面，具体功能可以搜索【聚客扫码助手】体验

技术路线

后端代码

技术栈是Koa,主要是Koa上手比较简单，学习成本很低

数据库

数据库主要用的Mysql和redies

至于为什么用Mysql

因为它是主流数据库，前端代码可以换,前端架构可以换，后端语言也可以换，但是数据库可太重要了，千万不能换，你想玩意你这个系统做的好了，要交接给别人，最起码是Mysql,主流的后端语言是Java，最起码人家在接收的时候最差也就是后端代码重新写

你想想，如果你是用的mongooDB，那么让人家咋接手，因为数据结构可能不一样

所以数据库这一块，咱们还是用主流的，而且设计思路也是按照传统的数据库设计思路来

Redes的使用

但凡一个系统，稍微上点量，必定会用到redies，比方说我系统里面获取 全局的配置参数，这个就需要用到Redies,因为它的调用量非常大，而且也不会是时常变化的

Redies的读写效率是非常高的，所以比较适合这样的场景

或者你需要统计在线用户数量，不可能频繁的读取数据库，用Redies就能很好的解决这个问题

小程序端

技术栈是uni-app，直接可以打包成微信小程序,也可以打包成其他小程序，或者直接打包成App

但是此处我们主要适配微信小程序

当前的uni-app主要用的Vue2,时间允许的话，我会把他改成 Vue3+TS

后台管理系统

技术栈是nuxt.js，是我很早之前写的简单的后台管理系统

主要是偷懒，因为nuxt.js 在Vue的基础上做了很多的封装 ，比如路由等，不需要你自己操心，只需要按照他们的规则去写代码就好了，开箱即用

但是这肯定过时了，时间允许的话，我会用 react+TS来重构一下

目录大纲

• docker、mysql、redies的安装
• 后端代码（Koa、sequelize 等）
• 前端小程序代码
• 管理后台代码