从0开始搭建微信小程序前后台

0、准备

如何安装？去CSDN搜索“xxx安装教程”即可。

（1）工具

IntelliJ IDEA（必选）——Java开发集成环境，可以前后端同时使用

Web Storm——web开发集成环境，主要用于前端开发

Visual studio Code——轻量级代码编辑器，配置环境后可以编写任意语言，但主要用于前端开发

HbuildX、微信开发者工具（必选）——两者结合使用，主要用于小程序前端编写，需要配置环境变量。

• HBuilderX 连接 微信开发者工具

Navicat（推荐）——数据库管理工具

（2）环境

合集·手把手教你搭建JavaWeb开发环境（保姆级教程）

Redis 5.0.14.1——一种NoSQL，持久化数据库，可以理解为分布式缓存。

JEnv——jdk管理工具，jdk1.8（Java开发工具包，也就是JavaWeb环境），也可不安装JEnv，单独配置jdk。

• 【配置】JDK8的安装与配置_jdk8安装教程和配置

nvm——node.js管理工具（JavaScript运行环境）。NVM使用教程

OpenOffice——开源的办公软件处理工具，如：文档预览、上传下载等。

Git——分布式版本控制系统，可以通过它下载拉去GitHub或GitLab上的开源项目。

• Git教程 - 廖雪峰的官方网站

• 【狂神说Java】Git最新教程通俗易懂

• Git使用详解

Maven 3.6.2——约定大于配置，一个Java项目管理工具，帮你解决依赖冲突等问题。

• Maven Repository 仓库

• 【配置】Maven3.6.2的安装与配置

Mysql 5.7.19——关系型数据库管理系统，也就是数据库环境。

1、后台管理的前端开发

前端三件套（HTML、CSS、JavaScript）——3小时前端入门教程（HTML+CSS+JS

Vue——Vue.js (vuejs.org)——Vue3从入门到精通

ElementUI——组件 | Element

Element Plus——Overview 组件总览 | Element Plus (element-plus.org)

Echarts——Apache ECharts

2、小程序的前端开发

Uniapp——uni-app官网 (dcloud.net.cn)

U-View——介绍 | uView - 多平台快速开发的UI框架 - uni-app UI框架 (uviewui.com)

微信小程序官方开发文档——developers.weixin.qq.com/miniprogram/dev/framework/

微信公众平台——微信公众平台 (qq.com)

DCloud插件市场（寻找开源的代码模板）——DCloud 插件市场

微信公众平台调试工具——[微信公众平台接口调试工具 (qq.com)](https://mp.weixin.qq.com/debug/cgi-bin/apiinfo?t=index&type=基础支持&form=获取access_token接口 /token)

HBuilderX+微信开发者工具——手把手教你使用uniapp开发微信小程序，从项目搭建到线上发布全流程

3、系统后端开发

Spring框架演进的流程：

Java Web（Servlet、JSP）——Spring Framework——Spring MVC——Spring Boot——Spring Cloud

最好都了解一下，快速上手的话，就学Spring Boot就行。

Java——【零基础 快速学Java】韩顺平 零基础30天学会Java

SpringBoot

• 黑马程序员SpringBoot3+Vue3全套视频教程

• 黑马程序员SpringBoot教程，6小时快速入门Java微服务架构

• 狂神说SpringBoot连载中 (qq.com)

MyBatis、MyBatis Plus：基于Java的持久化层框架，能和数据库进行交互，又能将SQL语句和Java代码分离

• MyBatis中文网
• 快速开始 | MyBatis-Plus (baomidou.com)
• 黑马mybatis教程全套视频教程
• 【狂神说Java】Mybatis最新完整教程IDEA版通俗易懂

Spring Security、Shiro、Sa-Token：Java权限认证框架（选择一个进行学习即可）

• Spring Security

  • SpringSecurity-从入门到精通

  • Spring Security 中文文档

  • SpringSecurity框架教程-Spring Security+JWT实现项目级前端分离认证授权

• Shiro

  • 最全Shiro教程，一篇学会Shiro权限管理
  • 【狂神说Java】SpringBoot整合Shiro框架
  • SpringBoot之整合Shiro(最详细)

• Sa-Token

  • Sa-Token
  • Sa-Token实现分布式登录鉴权（Redis集成 前后端分离

4、后台网站部署

保姆级教程——将springboot项目部署到阿里云服务器

SpringBoot项目部署到阿里云服务器全流程

2小时上手Linux环境搭建，部署Java应用

云服务推荐：

• 阿里云-计算，为了无法计算的价值 (aliyun.com)
• 腾讯云 产业智变·云启未来 - 腾讯 (tencent.com)
• 共建智能世界云底座-华为云 (huaweicloud.com)

5、小程序配置与部署

小程序是部署在微信官方的服务器上的

小程序开发部署流程

微信小程序备案、配置、发布要点_微信小程序发布审核

uniapp开发微信小程序，从构建到上线

【Nginx】微信小程序后端开发、一个域名访问多个服务_多个小程序使用一个域名怎么弄

小程序分包问题：

• uni-app小程序本地打包超过2M不能预览问题；小程序打包过大不能预览和真机调试；uni-app分包

• 微信小程序—分包操作_微信小程序分包时,可以将图片也分包吗?

• 【详讲】微信小程序分包流程步骤

推荐

（1）B站项目推荐

黑马程序员Java最新AI+若依框架项目开发新方案视频教程，基于RuoYi-Vue3前后端分离版本

【开源项目学习】若依前后端分离版，通俗易懂，快速上手

若依APP移动端【若依Uniapp微信小程序APP版本】从0到1快速入门开发

（2）博客推荐

若依框架（一）使用若依框架从0到1快速搭建springboot + vue 项目_依依框架-CSDN博客

若依框架（二）使用若依框架进行二次开发_若依前后端分离二次开发-CSDN博客

（3）教程推荐

若依官网——RuoYi

芋道官网——yudao-cloud

（4）路线推荐

基础——前端三件套（HTML、CSS、JavaScript）、Java基础语法

进阶——Vue+ElemetnUI 搭建网站前端页面、SpringBoot+Spring Security+Redis 搭建后台、Uni app+Vue+UView 搭建小程序

部署上线——Nginx、Linux基本命令、按照博客内容部署上线即可