做网站需要会编程语言吗,提供常州网站建设公司,wordpress调用评论数据,黄页是干什么用的一、源码特点 springboot VUE宿舍管理系统是一套完善的完整信息管理类型系统#xff0c;结合springboot框架和VUE完成本系统#xff0c;对理解JSP java编程开发语言有帮助系统采用springboot框架#xff08;MVC模式开发#xff09; #xff0c;系统具有完整的源代码和数…一、源码特点 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)
) ENGINEInnoDB DEFAULT CHARSETgb2312;
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)
) ENGINEInnoDB DEFAULT CHARSETgb2312;
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)
) ENGINEInnoDB DEFAULT CHARSETgb2312;
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)
) ENGINEInnoDB DEFAULT CHARSETgb2312;
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)
) ENGINEInnoDB DEFAULT CHARSETgb2312;
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)
) ENGINEInnoDB DEFAULT CHARSETgb2312;
后端代码设计
/**宿舍列表 查询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 resnew Result();List listnull;String sql;try{if(ssmc!null!ssmc.equals()){sql and ssmc like %ssmc%;//符合条件 拼接sql 宿舍名称}listsushedao.querylist(sql,page,szie);//查询sushe表数据返回 list对象res.setCode(200);res.setMessage(查询成功);res.setData(tl.ltoj(list));listsushedao.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 resnew Result();List listnull;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{listsushedao.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 resnew Result();DBO dbnew DBO();String sql;ResultSet rsnull;int num0;try{if(bean.getSsid()!null!bean.getSsid().equals()){sushedao.update(bean);//执行 修改 sushe 添加操作res.setMessage(操作成功);res.setCode(200);}else{sqlselect count(1) as num from sushe where ssmcbean.getSsmc() ;rsdb.query(sql);if(rs.next()){numrs.getInt(num);}if(num0){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 resnew 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 resnew Result();MapString, String map new HashMap();sushe beannew sushe();//初始对象宿舍try{mapsushedao.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 resnew Result();MapString, String map new HashMap();tool tlnew tool();try{mapsushedao.getsusheMap(id);//获取sushe 对象//String strobj.toString();res.setCode(200);res.setMessage(查询成功);res.setData(tl.mtoj(map));//赋值 }catch(Exception e){e.printStackTrace();;}return res;}
vue端代码设计 el-table :datatableData border stripe :header-cell-class-nameheaderBg selection-changehandleSelectionChangeel-table-column label序号 width80typeindex:indexindexMethod/el-table-columnel-table-column propssmc label宿舍名称 width120/el-table-columnel-table-column propzt label状态 width120/el-table-columnel-table-column proprl label容量 width120/el-table-columnel-table-column propyl label已入住 width120/el-table-columnel-table-column label操作 width280 aligncentertemplate slot-scopescopeel-button typeinfo clickhandleDetail(scope.row)详情 i classel-icon-reading/i/el-buttonel-button typesuccess clickhandleEdit(scope.row)编辑 i classel-icon-edit/i/el-buttonel-popconfirmclassml-5confirm-button-text确定cancel-button-text我再想想iconel-icon-infoicon-colorredtitle您确定删除吗confirmdel(scope.row.ssid)el-button typedanger slotreference删除 i classel-icon-remove-outline/i/el-button/el-popconfirm/template/el-table-column/el-tablediv stylepadding: 10px 0el-paginationsize-changehandleSizeChangecurrent-changehandleCurrentChange:current-pagepageNum:page-sizes[2, 5, 10, 20]:page-sizepageSizelayouttotal, sizes, prev, pager, next, jumper:totaltotal/el-pagination/divel-dialog title宿舍信息 :visible.syncdialogFormVisible width30% el-form :modelform :rulesrules refbeanForm label-width80px sizesmall el-form-item label宿舍名称 propssmc el-input v-modelform.ssmc /el-input/el-form-itemel-form-item label状态 propzt el-select v-modelform.zt placeholder请选择状态
el-option
v-forite in options
:keyite.value
:labelite.value
:valueite.value/el-option
/el-select/el-form-itemel-form-item label容量 proprl el-input v-modelform.rl /el-input/el-form-item/el-formdiv slotfooter classdialog-footerel-button clickdialogFormVisible false取 消/el-buttonel-button typeprimary clicksave确 定/el-button/div/el-dialogel-dialog title查看宿舍信息 :visible.syncdialogDetailVisible width30% el-form :modelform :rulesrules refbeanForm label-width80px sizesmall el-form-item label宿舍名称 propssmc required{{form.ssmc}}/el-form-itemel-form-item label状态 propzt required{{form.zt}}/el-form-itemel-form-item label容量 proprl required{{form.rl}}/el-form-item/el-formdiv slotfooter classdialog-footerel-button clickdialogDetailVisible false关闭/el-button/div/el-dialog/div
/templatescript
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 index1;},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 四 系统实现
需要源码 其他的定制服务 下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者
