基于python+数据可视化的智慧社区内网平台的设计与实现
Java领域优质创作者🏆、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作。
🍅 作者主页:Selina .a
🍅 简介:Java领域优质创作者🏆、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作。
主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。
🍅文末获取源码联系🍅
目录
课题的提出
随着计算机技术发展,计算机系统的应用已延伸到社会的各个领域,大量基于网络的广泛应用给生活带来了十分的便利。所以把智慧社区内网管理与现在网络相结合,利用计算机搭建智慧社区内网平台,实现智慧社区内网的信息化。则对于进一步提高智慧社区内网管理发展,丰富智慧社区内网管理经验能起到不少的促进作用。
系统阐述的是一款基于数据可视化的智慧社区内网平台的设计与实现,对于Python、B/S结构、MySql进行了较为深入的学习与应用。主要针对系统的设计,描述,实现和分析与测试方面来表明开发的过程。开发中使用了 django框架和MySql数据库技术搭建系统的整体架构。利用这些技术结合实际需求开发了具有个人中心、住户管理、来访登记管理、出入登记管理、物业催缴管理、高危楼栋管理、系统管理等功能的系统,最后对系统进行相应的测试,测试系统有无存在问题以及测试用户权限来优化系统,最后系统达到预期目标。
数据库设计
系统创建数据库和表之间关联,期间花费了不少时间,尽力把表格完善,更好的呈现出来,让表更加明了,更加清晰。系统在MySql的可视化软件Navicat premium创建的数据表,简洁明了的设计让数据库的创建操作更加快捷,数据表的详细情况如下表所示。
表4-1:高危楼栋
|
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
|
id |
bigint |
主键 |
主键 |
||
|
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
|
gaoweizhuangtai |
varchar |
200 |
高危状态 |
||
|
loudonghao |
varchar |
200 |
楼栋号 |
||
|
wenxintishi |
varchar |
200 |
温馨提示 |
表4-2:配置文件
|
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
|
id |
bigint |
主键 |
主键 |
||
|
name |
varchar |
100 |
配置参数名称 |
||
|
value |
varchar |
100 |
配置参数值 |
表4-3:关于我们
|
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
|
id |
bigint |
主键 |
主键 |
||
|
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
|
title |
varchar |
200 |
标题 |
||
|
subtitle |
varchar |
200 |
副标题 |
||
|
content |
longtext |
4294967295 |
内容 |
||
|
picture1 |
longtext |
4294967295 |
图片1 |
||
|
picture2 |
longtext |
4294967295 |
图片2 |
||
|
picture3 |
longtext |
4294967295 |
图片3 |
表4-4:物业催缴
|
字段名称 |
类型 |
长度 |
字段说明 |
主键 |
默认值 |
|
id |
bigint |
主键 |
主键 |
||
|
addtime |
timestamp |
创建时间 |
CURRENT_TIMESTAMP |
||
|
yuefen |
varchar |
200 |
月份 |
||
|
zhuhuzhanghao |
varchar |
200 |
住户账号 |
||
|
zhuhuxingming |
varchar |
200 |
住户姓名 |
||
|
loudonghao |
varchar |
200 |
楼栋号 |
||
|
zhuzhi |
varchar |
200 |
住址 |
||
|
jiaofeileixing |
varchar |
200 |
缴费类型 |
||
|
feiyong |
float |
费用 |
|||
|
feiyongqingdan |
longtext |
4294967295 |
费用清单 |
||
|
jiaofeishijian |
datetime |
缴费时间 |
|||
|
jiezhishijian |
datetime |
截止时间 |
|||
|
feiyongxiangqing |
longtext |
4294967295 |
费用详情 |
||
|
ispay |
varchar |
200 |
是否支付 |
未支付 |
系统功能设计
当人们打开系统的网址后,首先看到的就是首页界面。在这里,人们能够看到系统的导航条,通过导航条导航进入各功能展示页面进行操作。系统首页界面如图5-1所示:
系统注册:在系统注册页面输入用户注册信息进行注册操作,系统注册页面如图5-2所示:
个人中心:在个人中心页面输入个人信息可以进行更新信息操作;如图5-3所示:
后台登录,在登录页面正确输入用户名和密码后,点击登录进入操作系统进行操作;如图5-4所示。
管理员进入主界面,主要功能包括对个人中心、住户管理、来访登记管理、出入登记管理、物业催缴管理、高危楼栋管理、系统管理等功能进行操作。管理员主界面如图5-5所示:
管理员点击主界面右上角的看板,可以查看到系统简介、住户总数、来访登记总数、出入登记总数、高危楼栋总数、犯罪前科、年龄段、来访统计、高危比例、进出分析等等实时的分析图进行可视化管理;如图5-6所示:
管理员点击住户管理。在住户页面输入住户账号进行查询、新增或删除住户列表,并根据需要对住户详情信息进行详情、修改或删除操作;如图5-7所示:
管理员点击来访登记管理。在来访登记页面输入住户账号进行查询、新增或删除来访登记列表,并根据需要对来访登记详情信息进行详情、修改或删除操作;如图5-8所示:
管理员点击出入登记管理。在出入登记页面输入住户姓名和选择类型进行查询、新增或删除出入登记列表,并根据需要对出入登记详情信息进行详情、修改或删除操作;如图5-9所示:
管理员点击物业催缴管理。在物业催缴页面输入住户姓名、选择月份和缴费类型进行查询、新增或删除物业催缴列表,并根据需要对物业催缴详情信息进行详情、修改或删除操作;如图5-10所示:
管理员点击高危楼栋管理。在高危楼栋页面输入楼栋号和选择高危状态进行查询、新增或删除高危楼栋列表,并根据需要对高危楼栋详情信息进行详情、修改或删除操作;如图5-11所示:
管理员点击系统管理。在社区公告页面输入标题进行查询、新增或删除社区公告列表,并根据需要对社区公告详情信息进行详情、修改或删除操作;还可以对关于我们、系统简介和轮播图管理进行详细操作;如图5-12所示:
住户进入主界面,主要功能包括对个人中心、物业催缴管理、高危楼栋管理等功能进行操作。住户主界面如图5-13所示:
关键代码
package com.controller;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Date;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
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.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.TokenEntity;
import com.entity.UserEntity;
import com.service.TokenService;
import com.service.UserService;
import com.utils.CommonUtil;
import com.utils.MPUtil;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;
/**
* 登录相关
*/
@RequestMapping("users")
@RestController
public class UserController{
@Autowired
private UserService userService;
@Autowired
private TokenService tokenService;
/**
* 登录
*/
@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
if(user==null || !user.getPassword().equals(password)) {
return R.error("账号或密码不正确");
}
String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
return R.ok().put("token", token);
}
/**
* 注册
*/
@IgnoreAuth
@PostMapping(value = "/register")
public R register(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用户已存在");
}
userService.insert(user);
return R.ok();
}
/**
* 退出
*/
@GetMapping(value = "logout")
public R logout(HttpServletRequest request) {
request.getSession().invalidate();
return R.ok("退出成功");
}
/**
* 密码重置
*/
@IgnoreAuth
@RequestMapping(value = "/resetPass")
public R resetPass(String username, HttpServletRequest request){
UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
if(user==null) {
return R.error("账号不存在");
}
user.setPassword("123456");
userService.update(user,null);
return R.ok("密码已重置为:123456");
}
/**
* 列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,UserEntity user){
EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
return R.ok().put("data", page);
}
/**
* 列表
*/
@RequestMapping("/list")
public R list( UserEntity user){
EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
ew.allEq(MPUtil.allEQMapPre( user, "user"));
return R.ok().put("data", userService.selectListView(ew));
}
/**
* 信息
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") String id){
UserEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
/**
* 获取用户的session用户信息
*/
@RequestMapping("/session")
public R getCurrUser(HttpServletRequest request){
Long id = (Long)request.getSession().getAttribute("userId");
UserEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
/**
* 保存
*/
@PostMapping("/save")
public R save(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用户已存在");
}
userService.insert(user);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
public R update(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
return R.error("用户名已存在。");
}
userService.updateById(user);//全部更新
return R.ok();
}
/**
* 删除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
userService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
}
专栏推荐
Spring Boot+Vue+CSS+JavaScript+HTML等技术项目专栏推荐
推荐项目
基于Node.js+Vue+MySQL的小型企业工资管理系统
基于Spring Boot+Android+MySQL的记录生活管理系统
源码获取
大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻
更多推荐
所有评论(0)