小程序自学教程

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

0、准备

如何安装?去CSDN搜索"xxx安装教程"即可。

(1)工具

IntelliJ IDEA(必选)------Java开发集成环境,可以前后端同时使用

Web Storm------web开发集成环境,主要用于前端开发

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

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

Navicat(推荐)------数据库管理工具

(2)环境

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

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

JEnv------jdk管理工具,jdk1.8(Java开发工具包,也就是JavaWeb环境),也可不安装JEnv,单独配置jdk。

nvm------node.js管理工具(JavaScript运行环境)。NVM使用教程

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

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

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

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

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

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

4、后台网站部署

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

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

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

云服务推荐:

5、小程序配置与部署

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

小程序开发部署流程

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

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

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

小程序分包问题:

推荐

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

相关推荐
拉不动的猪15 小时前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
WangHappy3 天前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端3 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
icebreaker4 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker4 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
大米饭消灭者7 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround8 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround8 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
吴声子夜歌8 天前
小程序——布局示例
小程序
码云数智-大飞8 天前
如何创建自己的小程序,码云数智与有赞平台对比
微信小程序