小程序自学教程

小程序 0

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

也许您对下面的内容还感兴趣: