资料详情

基于微信小程序+Java+Vue+MySQL的菜谱分享小程序 项目源码及数据库文件+设计报告

头像

微信小程序

编号:4301

菜谱分享小程序开发文档

目录

菜谱分享小程序开发文档

如何运行

后端运行

微信小程序端运行

项目概览

开发环境

数据库

新表有数据

数据库创建

前后端交互

资源

分页面介绍(重点)

首页

搜索页

分类页

菜谱详细内容页

发布/编辑页

个人中心页

登录授权页

我的发布页 & 我的收藏页

其他

项目运行注意

如何运行

后端运行

克隆项目之后,打开 IDEA 或者 Ecplise,导入 Maven 项目(前提,本地已经安装 JDK,Maven),运行 Main 方法即可

微信小程序端运行

前提:本地机器安装了 Node.js

克隆完前端微信小程序的项目之后,导入到微信小程序开发者工具,修改为自己的 AppId(必须)

设置不校验合法域名

构建 npm

等待构建完成即可运行

默认请求的后端地址是我的服务器地址,随时可能会无法请求,如果出现构建完成页面中没有数据的情况,请在本地创建数据库,并启动本地的后端项目,并将微信小程序项目中的 resquest/http.js 里面的请求地址修改为本地地址

const serverIp = "http://127.0.0.1:3000/api"

项目概览

项目分为前端(微信小程序端)和后端项目,前端项目名称为 gourmet-web,后端项目名称为 gourmet-api

项目结构为前后端分离结构,前后端使用 JSON 格式进行交互。

数据库使用 MySQL 8.0。

开发环境

微信小程序端

・ 开发工具:微信开发者工具、Visual Studio Code

・ 使用 webpack 管理项目

・ 微信小程序端使用原生开发框架

・ 使用 npm 管理项目依赖

・ 项目开发的所有图标资源均使用阿里巴巴矢量图库

・ 使用 axios 发起服务端请求

・ 调试基本库选择 2.13.1

・ 使用 Git 进行版本控制

服务端

・ 开发语言:Java

・ 开发工具:IntelliJ IDEA

・ 主要框架:Spring Boot 、MyBatis

・ 使用 Maven 管理项目

・ 使用 Git 对项目进行版本控制

数据库

・ 数据库类型:MySQL 8.0

・ 统一字符编码:utf8mb4

・ 数据库管理工具:Navicat Premium

服务器

・ 腾讯云服务器:1 核 1GB 带宽 1M

・ 系统:CentOS 7.5

・ JDK 版本:JDK8

・ 管理工具:XShell、Xftp

数据库

表概览(6)

・ 菜谱主表

・ 用料表

・ 菜谱浏览记录表

・ 分类表(两级或三级分类)

・ 用户表

・ 用户收藏表