从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基本命令、按照博客内容部署上线即可