菜谱分享网站微信小程序开发说明(1)-介绍与运行
此项目是作为课设的小项目,实现的功能比较简单,可以入门练手~~也可以参考作为课设
使用技术栈
项目地址
可以选择Gitee直接下载,后者使用Git的clone命令,如果你本地没有安装Git,可以参考我的这篇文章
如何运行
数据库准备
首先需要创建对应的数据库,数据库名称 gourmet,字符集:utf8mb4,排序规则:utf8mb4_general_ci
复制运行下面SQL语句创建表和测试数据
如果运行完毕数据库中有数据,即可搭建后端环境
后端准备
后端使用的是Java,使用Spring Boot开发,搭建要求:
-
安装JDK 没有安装参考我的这篇文章 安装Maven 没有安装请参考我的这篇文章 合适的开发工具(IDEA、Ecplise皆可)
下载完项目后,在你的开发工具中导入后端项目gourmet-api,以Maven项目的方式导入
下面是IDEA的示例
导入成功
需要修改的配置
修改application.yml配置文件中的数据库连接相关属性为你本地实际开发环境的属性
小程序前端涉及到上传文件(图片),因此需要你配置一下上传文件的保存位置,我这里是在E盘下创建了一个upload目录,你修改为自己创建的路径即可
配置修改完毕,运行Main函数,测试是否可以正常运行
运行效果:
可以在浏览器地址栏中输入下面路径测试是否运行成功
http://localhost:3000/api/index/latest
成功返回数据,后端运行成功
微信小程序端运行
环境准备:
-
node.js 没有安装的请参考我的这篇文章
修改appid为你的appid
在项目根路径下打开命令行工具,运行下面命令
npm i axios axios-miniprogram-adapter
等待构建完毕,项目中出现下面两个文件夹即可
重新编译一下项目,点击分类,如果分类中有数据,则表示项目运行成功(首页图片可能会不显示,因为图片实际并没有在你的电脑上,分类有数据即可)