SpringBoot+Vue开发前后端分离的旅游管理系统
旅游管理系统
好像没有必要⼀段段的把代码贴上来,毫⽆意义,不如把完整的项⽬放出来,基本有点基础的都可以看懂哈,然后博客记录⼀下遇到的问题和重要的知识点。。
项⽬简介
所需技术栈:
后端技术栈:springboot + mybatis
前后端分离:axios、json
前端技术栈、技术架构:Vue、node.js
前置知识:
了解 Vue 组件之前的知识
对 springboot + mybatis 较熟悉
开发流程:
需求分析
库表设计
编码(项⽬环境搭建+编码)
项⽬调试
项⽬部署上线
需求分析:
⽤户模块:登录 + 注册
省份模块:⼀个省份可能存在多个景点
景点模块:⼀个景点对应多个省份
项⽬演⽰
进⼊系统需登录:
⽤户注册页⾯:
省份列表页⾯:
添加省份页⾯:
修改省份页⾯:
景点列表页⾯:
添加景点页⾯:
修改景点页⾯:
数据库建表
⽤户表 t_user —— 独⽴的表
id、username、password、email
省份表 t_province [省份表 : 景点表] —— [1 : N]
id、name、tags、placecounts
景点表 t_place
id、name、picpath、hottime、hotticket、dimticket、placedes、provinceid(外键)
数据库名:travels
⽤户表 SQL:
CREATE TABLE t_user(
springboot架构图id INT(6)PRIMARY KEY AUTO_INCREMENT,
username VARCHAR(60),
password VARCHAR(60),
email VARCHAR(60)
);
省份表 SQL:
CREATE TABLE t_province(
id INT(6)PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(60),
tags VARCHAR(80),
placecounts INT(4)
);
景点表 SQL:
CREATE TABLE t_place(
id INT(6)PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(60),
picpath MEDIUMTEXT,
hottime TIMESTAMP,
hotticket DOUBLE(7,2),
dimticket DOUBLE(7,2),
placedes VARCHAR(300),
provinceid INT(6)REFERENCES t_province(id)
);
环境搭建
利⽤ Spring Initializr 快速搭建 SpringBoot 项⽬。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论