1958springboot VUE宿舍管理系统开发mysql数据库web结构java编程计算机网页源码maven项目

一、源码特点
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-popconfirm
              class="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
四系统实现

需要源码其他的定制服务下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者