菜谱分享小程序开发文档
目录
菜谱分享小程序开发文档
如何运行
后端运行
微信小程序端运行
项目概览
开发环境
数据库
新表有数据
数据库创建
前后端交互
资源
分页面介绍(重点)
首页
搜索页
分类页
菜谱详细内容页
发布/编辑页
个人中心页
登录授权页
我的发布页 & 我的收藏页
其他
项目运行注意
如何运行
后端运行
克隆项目之后,打开 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)
· 菜谱主表
· 用料表
· 菜谱浏览记录表
· 分类表(两级或三级分类)
· 用户表
· 用户收藏表