一、源码特点
springboot VUE宿舍管理系统是一套完善的完整信息管理类型系统,结合springboot框架和VUE完成本系统,对理解JSP java编程开发语言有帮助系统采用springboot框架(MVC模式开发)
,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。
springbootvue宿舍管理系统1
前段主要技术 vue
后端主要技术 Springboot java
数据库 mysql
开发工具 IDEA JDK1.8
环境需要
1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以 不建议。
2.IDE环境:推荐IDEA;
3.硬件环境:windows 7/8/10 1G内存以上;;
5.数据库:MySql 5.0 到 5.5 等版本均可 需要高版本 如mysql8.0 需要修改数据连接配置,以及maven中的mysql 驱动包;
6.是Maven项目;查看源码目录中是否包含pom.xml;
使用说明
1. 使用Navicat或者其它工具,在mysql中创建对应sql文件名称的数据库,并导入项目的sql文件 数据库字符集gb2312;
2. 使用IDEA导入项目;
3. 将项目中lrfw\src\main\resources 下的 application.properties 配置文件中的数据库配置改为自己的配置;
数据库支持 mysql5.0 到5.5 ,如果需要sushe5.7 到8.0 需要二次转换升级
4.vscode 开vue项目工程
5.vue 项目启动 npm run serve
vue 版本 2.9.6
node 版本 16.14.2
二、功能介绍
(1)人员信息:主要包括对管理员,学生用户信息进行维护,主要包括对学生用户信息、可以自主的维护信息操作。
(2)公告信息:用户可以系统内可以查看管理员发布的公告信息。
(3)生活习惯信息管理:对系统分配宿舍基本依据,系统把每个生活习惯进行整数编码,爱学习(11),爱音乐(22),这样为了后续算法自定分配宿舍做好基础数据。
(4)宿舍信息管理:对系统内的宿舍信息进行维护。
(5)宿舍分配管理:系统主要包括自动分配,和手动分配两部分功能,系统自动分配宿舍,根据学生的生活习惯,结合顺序表算法进行挨个宿舍进行分配。
而手动分配则是手动分配学生的宿舍,同时可以手动调整自动分配宿舍
(6)查看宿舍信息:学生登录后可以查看本宿舍信息。
(7)宿舍费用信息:学生用户能查看宿舍需要缴费的信息(如水电费等)。
(8)个人信息修改
数据库设计
CREATE TABLE `gly` (
`glyid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名', PRIMARY KEY (`glyid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `xuesheng` (
`xsid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',
`ss` VARCHAR(40) default NULL COMMENT '宿舍',
`xg` VARCHAR(40) default NULL COMMENT '习惯',
`zt` VARCHAR(40) default NULL COMMENT '状态', PRIMARY KEY (`xsid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `shxg` (
`shxgid` int(11) NOT NULL auto_increment,
`xg` VARCHAR(40) default NULL COMMENT '习惯',
`qzz` VARCHAR(40) default NULL COMMENT '权重值', PRIMARY KEY (`shxgid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `gonggao` (
`ggid` int(11) NOT NULL auto_increment,
`bt` VARCHAR(40) default NULL COMMENT '标题',
`nr` VARCHAR(40) default NULL COMMENT '内容',
`fbsj` VARCHAR(40) default NULL COMMENT '发布时间', PRIMARY KEY (`ggid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `sushe` (
`ssid` int(11) NOT NULL auto_increment,
`ssmc` VARCHAR(40) default NULL COMMENT '宿舍名称',
`zt` VARCHAR(40) default NULL COMMENT '状态',
`rl` VARCHAR(40) default NULL COMMENT '容量', PRIMARY KEY (`ssid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `ssfp` (
`ssfpid` int(11) NOT NULL auto_increment,
`ss` VARCHAR(40) default NULL COMMENT '宿舍',
`xs` VARCHAR(40) default NULL COMMENT '学生',
`fpsj` VARCHAR(40) default NULL COMMENT '分配时间',
`qz` VARCHAR(40) default NULL COMMENT '权重', PRIMARY KEY (`ssfpid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
后端代码设计
/**宿舍列表 查询sushe**/@GetMapping("list")public Result list(@RequestParam(value = "pageNum",defaultValue = "1") int page,@RequestParam(value = "pageSize",defaultValue = "10") int szie,@RequestParam(defaultValue = "") String ssmc) {Result res=new Result();List list=null;String sql="";try{if(ssmc!=null&&!ssmc.equals("")){sql+=" and ssmc like '%"+ssmc+"%'";//符合条件 拼接sql 宿舍名称}list=sushedao.querylist(sql,page,szie);//查询sushe表数据返回 list对象res.setCode(200);res.setMessage("查询成功");res.setData(tl.ltoj(list));list=sushedao.querylist(sql);res.setNum(list.size());}catch(Exception e){e.printStackTrace();;}return res;}/**宿舍列表 查询sushe* */@GetMapping("listpage")public Result listpage(@RequestParam(defaultValue = "") String ssmc,@RequestParam(defaultValue = "") String zt) {Result res=new Result();List list=null;String sql="";if(ssmc!=null&&!ssmc.equals("")){sql+=" and ssmc like '%"+ssmc+"%'";//符合条件 拼接sql 宿舍名称}if(zt!=null&&!zt.equals("")){sql+=" and zt like '"+zt+"'";//符合条件 拼接sql 宿舍名称}try{list=sushedao.querylist(sql);//查询gly 表数据返回 list对象res.setCode(200);res.setMessage("查询成功");res.setData(tl.ltoj(list));}catch(Exception e){e.printStackTrace();;}return res;}/**宿舍添加方法 对表 sushe 进行添加* */@PostMapping(value = "add")public Result add(@RequestBody sushe bean){Result res=new Result();DBO db=new DBO();String sql="";ResultSet rs=null;int num=0;try{if(bean.getSsid()!=null&&!bean.getSsid().equals("")){sushedao.update(bean);//执行 修改 sushe 添加操作res.setMessage("操作成功");res.setCode(200);}else{sql="select count(1) as num from sushe where ssmc='"+bean.getSsmc()+"' ";rs=db.query(sql);if(rs.next()){num=rs.getInt("num");}if(num>0){res.setMessage("添加失败、宿舍名称重复");res.setCode(201);}else {sushedao.add(bean);//执行 添加sushe 添加操作res.setMessage("添加成功");res.setCode(200);}}}catch(Exception e){e.printStackTrace();;}// res.setCode(200);//System.out.println(res);return res;}/**宿舍删除方法 对表sushe 进行删除* */@DeleteMapping("del/{id}")public Result del( @PathVariable String id){Result res=new Result();try{sushedao.delete(id);//执行 删除sushe 方法}catch(Exception e){e.printStackTrace();;}res.setCode(200);res.setMessage("删除成功");return res;}/**宿舍查看方法 对表 sushe 进行查看* */@GetMapping("detail")public Result detail(@RequestParam String id){Result res=new Result();Map<String, String> map = new HashMap<>();sushe bean=new sushe();//初始对象宿舍try{map=sushedao.getsusheMap(id);//查询获得当前宿舍对象res.setCode(200);res.setMessage("查询成功");res.setData(tl.mtoj(map));System.out.println(tl.mtoj(map));}catch(Exception e){e.printStackTrace();;}return res;}/**宿舍修改页面 对表 sushe 进行查看* */@GetMapping("modifypage")public Result modifypage(@RequestParam String id){Result res=new Result();Map<String, String> map = new HashMap<>();tool tl=new tool();try{map=sushedao.getsusheMap(id);//获取sushe 对象//String str=obj.toString();res.setCode(200);res.setMessage("查询成功");res.setData(tl.mtoj(map));//赋值 }catch(Exception e){e.printStackTrace();;}return res;}
vue端代码设计
<el-table :data="tableData" border stripe :header-cell-class-name="'headerBg'" @selection-change="handleSelectionChange"><el-table-column label="序号" width="80"type="index":index="indexMethod"></el-table-column><el-table-column prop="ssmc" label="宿舍名称" width="120"></el-table-column><el-table-column prop="zt" label="状态" width="120"></el-table-column><el-table-column prop="rl" label="容量" width="120"></el-table-column><el-table-column prop="yl" label="已入住" width="120"></el-table-column><el-table-column label="操作" width="280" align="center"><template slot-scope="scope"><el-button type="info" @click="handleDetail(scope.row)">详情 <i class="el-icon-reading"></i></el-button><el-button type="success" @click="handleEdit(scope.row)">编辑 <i class="el-icon-edit"></i></el-button><el-popconfirmclass="ml-5"confirm-button-text='确定'cancel-button-text='我再想想'icon="el-icon-info"icon-color="red"title="您确定删除吗?"@confirm="del(scope.row.ssid)"><el-button type="danger" slot="reference">删除 <i class="el-icon-remove-outline"></i></el-button></el-popconfirm></template></el-table-column></el-table><div style="padding: 10px 0"><el-pagination@size-change="handleSizeChange"@current-change="handleCurrentChange":current-page="pageNum":page-sizes="[2, 5, 10, 20]":page-size="pageSize"layout="total, sizes, prev, pager, next, jumper":total="total"></el-pagination></div><el-dialog title="宿舍信息" :visible.sync="dialogFormVisible" width="30%" ><el-form :model="form" :rules="rules" ref="beanForm" label-width="80px" size="small" ><el-form-item label="宿舍名称" prop="ssmc" ><el-input v-model="form.ssmc" ></el-input></el-form-item><el-form-item label="状态" prop="zt" ><el-select v-model="form.zt" placeholder="请选择状态" >
<el-option
v-for="ite in options"
:key="ite.value"
:label="ite.value"
:value="ite.value"></el-option>
</el-select></el-form-item><el-form-item label="容量" prop="rl" ><el-input v-model="form.rl" ></el-input></el-form-item></el-form><div slot="footer" class="dialog-footer"><el-button @click="dialogFormVisible = false">取 消</el-button><el-button type="primary" @click="save">确 定</el-button></div></el-dialog><el-dialog title="查看宿舍信息" :visible.sync="dialogDetailVisible" width="30%" ><el-form :model="form" :rules="rules" ref="beanForm" label-width="80px" size="small" ><el-form-item label="宿舍名称" prop="ssmc" required>{{form.ssmc}}</el-form-item><el-form-item label="状态" prop="zt" required>{{form.zt}}</el-form-item><el-form-item label="容量" prop="rl" required>{{form.rl}}</el-form-item></el-form><div slot="footer" class="dialog-footer"><el-button @click="dialogDetailVisible = false">关闭</el-button></div></el-dialog></div>
</template><script>
import {serverIp} from "../../public/config";export default {name: "sushe",data() {return {serverIp: serverIp,tableData: [],total: 0,pageNum: 1,pageSize: 10,options: [{value: '未满',label: '未满'}, {value: '已满',label: '已满'}],ssmc: "",form: {},dialogFormVisible: false,dialogDetailVisible:false,multipleSelection: [],vis: false,rules: {ssmc: [{ required: true, message: '请输入宿舍名称', trigger: 'blur' }],zt: [{ required: true, message: '请输入状态', trigger: 'blur' }],rl: [{ required: true, message: '请输入容量', trigger: 'blur' }],}}},created() {this.load()},methods: {indexMethod(index) {return index+1;},load() {this.request.get("/sushe/list", {params: {pageNum: this.pageNum,pageSize: this.pageSize,ssmc: this.ssmc,}}).then(res => {console.log(res.data)this.tableData = JSON.parse(res.data)this.total =res.num})},
三、注意事项
1、管理员账号:admin密码:admin 数据库配置文件DBO.java
2、开发环境为IDEA开发,数据库为mysql,使用java语言开发。
3、数据库文件名是javasushe.sql 系统名称sushe
4、地址:http://128.0.0.1:8080/login
四 系统实现
需要源码 其他的定制服务 下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者