菜谱分享网站微信小程序开发说明(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

等待构建完毕,项目中出现下面两个文件夹即可

重新编译一下项目,点击分类,如果分类中有数据,则表示项目运行成功(首页图片可能会不显示,因为图片实际并没有在你的电脑上,分类有数据即可)

经验分享 程序员 微信小程序 职场和发展