大家好,我是java1234_小鋒老師,看到一個不錯的Springboot+Vue小區(qū)物業(yè)管理系統(tǒng)?,分享下哈。
項目視頻演示
【免費】Springboot+Vue小區(qū)物業(yè)管理系統(tǒng) Java畢業(yè)設計_嗶哩嗶哩_bilibili【免費】Springboot+Vue小區(qū)物業(yè)管理系統(tǒng) Java畢業(yè)設計項目來自互聯網,免費開源分享,嚴禁商業(yè)。更多畢業(yè)設源碼:http://www.java1234.com/a/bysj/javaweb/, 視頻播放量 421、彈幕量 0、點贊數 21、投硬幣枚數 8、收藏人數 19、轉發(fā)人數 2, 視頻作者 java1234官方, 作者簡介 公眾號:java1234 微信:java9266,相關視頻:【免費】微信小程序掃碼點餐(訂餐)系統(tǒng)(uni-app+SpringBoot后端+Vue管理端技術實現) Java畢業(yè)設計,非常好的源碼,【免費】javaweb超市管理系統(tǒng)畢業(yè)設計,【免費】javaweb高校教務管理系統(tǒng)畢業(yè)設計,【免費】springboot+vue醫(yī)院管理系統(tǒng) Java畢業(yè)設計,【免費】基于springboot的進銷存(倉庫)管理系統(tǒng) Java畢業(yè)設計,【免費】javaweb小區(qū)停車位管理系統(tǒng)畢業(yè)設計,【免費】javaweb實驗室管理系統(tǒng)畢業(yè)設計,【免費】Springboot+Vue校園二手交易平臺系統(tǒng) 畢業(yè)設計 Java畢業(yè)設計,【免費】Springboot+Vue在線商城系統(tǒng) 畢業(yè)設計 Java畢業(yè)設計,【免費】springboot+vue選課/排課管理系統(tǒng)系統(tǒng) Java畢業(yè)設計https://www.bilibili.com/video/BV1cK4y1B7i5/
項目介紹
隨著我國經濟發(fā)展和城市開發(fā),人們對住房的需求增大,物業(yè)管理也得到了發(fā)展。但是,基于人工的物業(yè)管理仍然是現階段我國大部分物業(yè)管理公司的管理模式,這種管理模式存在管理人員效率低下、工作難度大的問題,同時無法保證小區(qū)住戶的居住體驗。小區(qū)物業(yè)系統(tǒng)的開發(fā)能夠極大地提高物業(yè)管理人員的管理效率,降低工作難度,同時也能提高住戶的居住體驗。
本系統(tǒng)是在Java EE的基礎上開發(fā)的,采用了前后端分離的方式進行開發(fā),使用了主流的后臺開發(fā)框架Spring?Boot,前端使用了Vue的開發(fā)框架,數據庫采用了MySQL進行數據存儲,并使用MyBatis-Plus框架來操作數據庫。本系統(tǒng)中的用戶模塊實現了住戶個人信息的登記管理以及住戶房屋報修和投訴,管理員模塊則實現管理員對小區(qū)信息的操作管理和住戶需求的處理。
本物業(yè)管理系統(tǒng)在實際測試和運行后,代碼能夠正常運行,系統(tǒng)功能可以正常實現,系統(tǒng)能夠快速做出反應;本系統(tǒng)在物業(yè)管理上,極大地提高了管理人員地工作效率,使得物業(yè)管理變得更加簡單,同時也極大提高了住戶的居住體驗,有助于物業(yè)管理的進一步發(fā)展。
系統(tǒng)展示
部分代碼
package com.boot.controller;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import com.alibaba.fastjson.JSONObject;
import com.boot.entity.Admin;
import com.boot.service.AdminService;
@RestController //定義為控制器 返回JSON類型數據
@RequestMapping(value = "/login", produces = "application/json; charset=utf-8")// 設置路徑
@CrossOrigin // 允許從不同的域訪問其資源
public class LoginController extends BaseController {
// @Autowired的作用是自動注入依賴的ServiceBean
@Autowired
private AdminService adminService;
// 管理員登錄
@PostMapping(value = "login.action")
@ResponseBody // 將java對象轉為json格式的數據
public Map<String, Object> login(@RequestBody String jsonStr) {
Map<String, Object> map = new HashMap<String, Object>();
JSONObject obj = JSONObject.parseObject(jsonStr);
String username = obj.getString("username");
String password = obj.getString("password");
Admin adminEntity = new Admin();
adminEntity.setUsername(username);
List<Admin> adminlist = this.adminService.getAdminByCond(adminEntity);
if (adminlist.size() == 0) {
map.put("success", false);
map.put("message", "用戶名不存在");
} else {
Admin admin = adminlist.get(0);
if (password.equals(admin.getPassword())) {
map.put("success", true);
map.put("message", "登錄成功");
map.put("adminid", admin.getAdminid());
map.put("adminname", admin.getUsername());
map.put("realname", admin.getRealname());
map.put("role", "管理員");
} else {
map.put("success", false);
map.put("message", "密碼錯誤");
}
}
return map;
}
// 管理員退出登錄
@GetMapping("exit.action")
@ResponseBody // 將java對象轉為json格式的數據
public Map<String, Object> exit() {
Map<String, Object> map = new HashMap<String, Object>();
map.put("success", true);
return map;
}
}
<!DOCTYPE HTML>
<html lang="zh">
<head>
<title>添加網站內容信息</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./hui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="./hui/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="./hui/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="./hui/layui/css/layui.css" />
</head>
<body>
<div id="app">
<article class="page-container">
<div class="form form-horizontal" id="form-admin-add">
<div class="row cl">
<label class="form-label col-xs-4 col-sm-3">標題:</label>
<div class="formControls col-xs-8 col-sm-9">
<input type="text" class="input-text" id="title" v-model="title" placeholder="請輸入標題">
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-4 col-sm-3">欄目:</label>
<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
<select class="select" title="欄目" id="bannerid" v-model="bannerid">
<option :value="0">---請選擇欄目---</option>
<option :value="item.bannerid" v-for="item in banner">{{ item.bannername }}</option>
</select>
</span> </div>
</div>
<div class="row cl">
<label class="form-label col-xs-4 col-sm-3">圖片:</label>
<div class="formControls col-xs-8 col-sm-9">
<form id="head-img" enctype="multipart/form-data">
<input type="file" name="image" id="image" placeholder="圖片" />
<button type="button" class="btn btn-primary radius upload-btn" @click="upload()" id="btnUpload"><i class="Hui-iconfont"></i> 文件上傳 </button>
</form>
<input type="hidden" id="url" v-model="url" />
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-4 col-sm-3">是否置頂:</label>
<div class="formControls col-xs-8 col-sm-9 skin-minimal">
<div class="radio-box">
<input type="radio" id="istop-1" v-model="istop" value="是" checked>
<label for="istop-1">是</label>
</div>
<div class="radio-box">
<input type="radio" id="istop-2" v-model="istop" value="否">
<label for="istop-2">否</label>
</div>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-4 col-sm-3">是否輪播:</label>
<div class="formControls col-xs-8 col-sm-9 skin-minimal">
<div class="radio-box">
<input type="radio" id="isflv-1" v-model="isflv" value="是" checked>
<label for="isflv-1">是</label>
</div>
<div class="radio-box">
<input type="radio" id="isflv-2" v-model="isflv" value="否">
<label for="isflv-2">否</label>
</div>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-4 col-sm-3">內容:</label>
<div class="formControls col-xs-8 col-sm-9">
<textarea cols="80" rows="10" id="contents" v-model="contents" class="textarea" placeholder="請輸入內容"></textarea>
</div>
</div>
<div class="row cl">
<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
<button class="btn btn-secondary radius" @click.prevent="save()"><i
class="Hui-iconfont"></i>提交保存</button>
<button class="btn btn-default radius" @click.prevent="reset()">
<i class="Hui-iconfont"></i>取消重置
</button>
</div>
</div>
</div>
</article>
</div>
<script type="text/javascript" src="./hui/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="./hui/js/H-ui.min.js"></script>
<script type="text/javascript" src="./hui/js/H-ui.admin.js"></script>
<!--此頁面業(yè)務相關的腳本-->
<script type="text/javascript" src="./hui/layui/layui.js"></script>
<script type="text/javascript" src="./hui/js/axios.min.js"></script>
<script type="text/javascript" src="./hui/js/vue.js"></script>
<script type="text/javascript">
const vue = new Vue({ // 實例化Vue對象
el: '#app', // 綁定作用域
data: { //定義數據
title: '', // 定義標題數據
bannerid: '0', // 定義欄目數據
url: '',
istop: '是', // 定義是否置頂數據
isflv: '是', // 定義是否輪播數據
contents: '', // 定義內容數據
banner: {}, // 用來保存欄目對象數據
},
methods: {
upload: function() {
let _this = this;
var formData = new FormData($('#head-img')[0]);
axios.post('http://127.0.0.1:8080/vue_wuye/ajaxupload/upload.action', formData).then(result => {
_this.url = result.data.url;
alert('上傳成功');
});
},
save: function() {
let _this = this;
var data = {
title: _this.title,
bannerid: _this.bannerid,
image: _this.url,
istop: _this.istop,
isflv: _this.isflv,
contents: _this.contents,
};
axios.post('http://127.0.0.1:8080/vue_wuye/article/insertArticle.action', data).then(result => {
if (result.data.code > 0) {
if (window.confirm('保存成功,是否繼續(xù)添加?')) {
_this.reset();
} else {
var index = parent.layer.getFrameIndex(window.name);
parent.location.reload();
parent.layer.close(index);
}
} else {
console.log('保存失敗,請稍后再試');
}
});
},
reset: function() {
this.pageLoad();
},
pageLoad: function() { // 頁面加載
this.title = '';
this.bannerid = '0';
this.url = '';
this.istop = '是';
this.isflv = '是';
this.contents = '';
},
validate: function() { // 驗證輸入非空
},
},
created() { // 生命周期相關的函數
let _this = this;
axios.get('http://127.0.0.1:8080/vue_wuye/banner/getAllBanner.action').then(result => {
_this.banner = result.data;
});
_this.pageLoad();
},
})
</script>
<!--/ 此頁面業(yè)務相關的腳本-->
</body>
</html>
源碼下載
CSDN 1積分下載:https://download.csdn.net/download/caofeng891102/88750377
或者免費領取加小鋒老師wx:java9266
熱門推薦
免費分享一套微信小程序掃碼點餐(訂餐)系統(tǒng)(uni-app+SpringBoot后端+Vue管理端技術實現) ,帥呆了~~-CSDN博客文章瀏覽閱讀3.5k次,點贊107次,收藏48次。隨著當前社會人們的生活節(jié)奏越來越快,人們對生活效率的追求也越來越高,以往的傳統(tǒng)的點餐方式已不能滿足人們的需要,首先有些小型飯館是需要顧客排隊點餐,然后安排專人在臺前記錄,這樣不僅造成時間上的浪費,還浪費人力,有些大型餐廳是當顧客入座后,安排服務員前去點餐,但這樣有時候顧客爆滿,也容易導致服務員忙不過來,效率低下。https://blog.csdn.net/caoli201314/article/details/135450461
免費分享一套Springboot+Vue前后端分離的停車場管理系統(tǒng),挺漂亮的-CSDN博客文章瀏覽閱讀2k次,點贊65次,收藏35次。停車場管理系統(tǒng)是用計算機管理機動車輛的檔案;運營管理以及駕駛員信息的一種計算機應用技術的創(chuàng)新。在計算機還未普及之前,停車場管理都是由工作人員手工抄寫的方式來操作的?,F在一般的車輛管理都是采用計算機作為工具的實用的計算機智能化車輛管理程序來幫助工作人員進行更有效的機動車輛管理。車輛管理是典型的信息管理系統(tǒng)(MIS),其開發(fā)主要包括后臺數據庫的建立和維護以及前端應用程序的開發(fā)兩個方面。該系統(tǒng)是一套較完善的、成熟的信息化管理系統(tǒng),能夠更好的為各企事業(yè)單位服務,提高管理效率,從而進一步達到高效的內部管理水平。https://blog.csdn.net/caoli201314/article/details/135239718
免費分享一套Springboot+Vue前后端分離的學生網上請假系統(tǒng),挺漂亮的-CSDN博客文章瀏覽閱讀1.5k次,點贊55次,收藏16次。本學生網上請假系統(tǒng)管理員,教師,學生。管理員功能有個人中心,學生管理,教師管理,班級信息管理,請假表格管理,提交請假表管理,學生考勤管理,缺課記錄管理。教師功能有個人中心,學生管理,班級信息管理,請假表格管理,提交請假表管理,學生考勤管理,缺課記錄管理。學生功能有班級信息管理,請假表格管理,提交請假管理,學生考勤管理,缺課記錄管理。因而具有一定的實用性。https://blog.csdn.net/caoli201314/article/details/134779253文章來源:http://www.zghlxwxcb.cn/news/detail-804542.html
免費分享一套 SpringBoot + Vue + ElementUI 的人力資源管理系統(tǒng),挺漂亮的_element+springboot員工工資管理-CSDN博客文章瀏覽閱讀6.8k次,點贊25次,收藏59次。項目背景人力資源管理是企業(yè)運營中必不可少的一環(huán),它關系到企業(yè)的前途與發(fā)展。尤其對于中小微企業(yè)來說,對企業(yè)的發(fā)展有著舉足輕重的作用。隨著近年來,政府對創(chuàng)業(yè)項目的大力扶持,我國創(chuàng)業(yè)型企業(yè)蓬勃發(fā)展。據統(tǒng)計,2019年,我國創(chuàng)業(yè)企業(yè)數量已達1810萬余家,占全國企業(yè)數的97%,截止2020年,我國創(chuàng)業(yè)企業(yè)數量達到了2030萬,同比增長10%。雖然我國創(chuàng)業(yè)企業(yè)的基數在不斷增大,但是能夠長久存活的企業(yè)卻少之又少。_element+springboot員工工資管理https://blog.csdn.net/caoli201314/article/details/128348575文章來源地址http://www.zghlxwxcb.cn/news/detail-804542.html
到了這里,關于免費分享一套Springboot+Vue小區(qū)物業(yè)管理系統(tǒng),帥呆了~~的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!