作者主页:源码空间站2022
简介:Java领域优质创作者、Java项目、学习资料、技术互助
文末获取源码
本项目代码架构设计简单,注释齐全,结构清晰,适合同为java初学者参考。
cinema项目是一套电影院会员管理系统,使用前后端分离架构开发,前端基于Vue.js+Element UI技术,后端使用springboot+mybatis实现,包含管理员、会员管理、会员卡管理、电影票、消费记录、数据统计等模块
1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以。
2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;
3.tomcat环境:Tomcat 7.x,8.x,9.x版本均可
4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;
5.是否Maven项目: 是;查看源码目录中是否包含pom.xml;若包含,则为maven项目,否则为非maven项目
6.数据库:MySql 5.7版本;
1. 后端:springboot+mybatis
2. 前端:vue.js+element-ui
* 数据库文件cinema.sql已整合到项目中,使用mysql导入即可生成数据库
* 本项目已经整合了前后端,前端文件经过webpack构建后,生成了static文件夹和index.html放入了webapp下。
* 要对前端页面进行修改,修改完成后同样将生成的文件放到本项目的webapp下。
* 需上交的程序设计文档可参考目录下:电影院会员管理系统说明文档.docx
* 方法一: cinema项目中已经整合了vue打包的静态资源,直接启动项目,并在浏览器上输入http://localhost:8081/cinema 即可运行。
1. 使用IDEA/Eclipse/MyEclipse导入项目,Eclipse/MyEclipse导入时,若为maven项目请选择maven;若为maven项目,导入成功后请执行maven clean;maven install命令,下载所需jar包;
2. 使用Navicat或者其它工具,在mysql中创建对应名称的数据库,并导入项目的sql文件;
3. 将项目中db.properties配置文件中的数据库配置改为自己的配置
4. 配置tomcat,然后运行项目,输入http://localhost:8081/cinema 登录
5. 账户:admin 密码:123123
* 方法二: cinema-web项目是cinema项目的vue单页面前端项目,可以在文件夹目录下命令行输入:
`npm run install`
`npm run dev`
后,修改utils/request.js下baseURL=”/api”,开启node反向代理服务器,解决跨域问题,然后启动cinema后端项目,在浏览器上输入 http://localhost:8080 即可以前后端分离方式运行(也可以npm run build后将dist文件夹放到nginx下运行)
@CrossOrigin
@RestController
public class CardController {@ResourceCardService cardService;@RequestMapping("getCardData")public CinemaResult getCardData(String memberId, String pageIndex, String pageSize) {//这里使用分页插件pagehelperPageResult pageResult = new PageResult();PageHelper.startPage(Integer.parseInt(pageIndex), Integer.parseInt(pageSize));List lists = cardService.getCardData(memberId);PageInfo
}
@CrossOrigin
@RestController
public class StatisticController {@ResourceMemberService memberService;@ResourceCardService cardService;@ResourceRecordService recordService;
/*** //获取统计数字数据,请求参数无* export const statisticData = query=>{* return request({* url:'getStatisticData',* method:'get',* params:query* });* };*/@RequestMapping("getStatisticData")public CinemaResult getStatisticData(){StatisticData s = new StatisticData();s.setMemberNum(memberService.getMemberNum());s.setCardNum(cardService.getCardNum());s.setMovieNum(recordService.getMovieNum());return CinemaResult.ok(s);}/*** //获取消费充值等金额数据,请求参数无* export const requestDealData = query=>{* return request({* url:'requestDealData',* method:'get',* params:query* });* };*/@RequestMapping("requestDealData")public CinemaResult requestDealData(){DealData dealData = new DealData();dealData.setConsume(recordService.getConsumeCount()*-1);dealData.setIntegral(recordService.getIntegralExchangeCount()*-1);dealData.setRecharge(recordService.getRechargeCount());return CinemaResult.ok(dealData);}/*** //获取充值消费数据的图标数据,请求参数无,返回包含三个整型数组的对象* export const getSchart1Data = query=>{* return request({* url:"getSchart1Data",* method:'post',* params:query* });* };*/@RequestMapping("getSchart1Data")public CinemaResult getSchart1Data(){return CinemaResult.ok(recordService.getSchart1Data());}
}
@CrossOrigin
@RestController
public class MovieController {@ResourceMovieService movieService;/*** //添加电影票数据,需要返回电影票全部数据,因为电影票id需要服务端生成* export const insertMovie = query=>{* return request({* url:'insertMovie',* method:'post',* params:query* })* };*/@RequestMapping("insertMovie")public CinemaResult insertMovie(Movie movie){return movieService.insertMovie(movie);}/*** //获取电影票数据,请求参数:pageIndex,pageSize,返回电影列表和总记录数* export const movieData = query =>{* return request({* url:'getMovie',* method:'get',* params:query* });* };*/@RequestMapping("getMovie")public CinemaResult getMovie(String pageIndex,String pageSize){//这里使用分页插件pagehelperPageResult pageResult = new PageResult();PageHelper.startPage(Integer.parseInt(pageIndex),Integer.parseInt(pageSize));List lists = movieService.getMovieData();PageInfo
}
/*
*
* //删除电影数据,请求参数:movieId
export const delMovie = query=>{return request({url:'delMovie',method:'get',params:query});
};
//修改电影数据,请求参数:movieId、name、price、time
export const modifyMovie = query=>{return request({url:'modifyMovie',method:'get',params:query});
};*/
如果也想学习本系统,下面领取。回复:034springboot