小橙子外卖点单系统是肥宅快乐队小学期程序设计作业,是一个前后端分离的外卖点单系统,采用SpringBoot+Vue进行开发,上传到github记录一下。
项目地址:https://github.com/liznsalt/takeout
[TOC]
-
SpringBoot
-
SpringShiro
-
JdbcTemplate
-
MySQL
-
Vue+Vuex+Vue-router
-
ElementUI
-
axios
-
数据库脚本放在数据库文件夹中,在MySQL中
create database takeout
后执行各sql脚本 -
数据库配置在backend项目的resources目录下的application.yml文件中;由于本项目使用了阿里云的短信服务,所以要在backend项目下的
\common\util\SmsTool
里替换成自己的AK,如下图: -
在IntelliJ IDEA中运行backend项目
-
服务器端已经部署完毕,现在进入frontend目录,在命令行中依次执行如下命令:
# 安装依赖,下面命令不成功则使用淘宝镜像cnpm npm install # 在 localhost:8081 启动项目 npm run dev
-
此时访问
https://localhost:8081/
就可以访问我们的前端项目了,管理员界面和上述步骤一样,访问https://localhost:8082/
即可 -
如果想打包则运行下面的命令:
npm run build
该命令运行成功后,frontend目录下生成一个dist文件夹,将该文件夹中的两个文件static和index.html拷贝到backend项目中resources/static/目录下,则可以直接在IDEA中启动项目即可
课程报告和PPT在doc文件夹下,项目开发过程的开发文档在doc文件夹下的开发文档文件夹内
都很水233
下图展示本系统的请求流程,此思路模仿项目FEBS-Vue, 可惜没用到缓存: