基于JavaScript的物业管理系统APP设计

目录
1绪论 5
1.1选题背景简介 5
1.2目的和意义 5
2 技术简介 6
2.1 ASP.NET技术简介 6
2.2 SQL Serer 简介 7
2.3 C#语言简介 9
2.4 Visual Studio简介 9
2.5 B/S架构 10
3 系统概要设计 11
3.1系统需求分析 11
3.2可行性分析 12
3.3前台模块 13
3.4后台模块 13
3.5 网站模型 14
4 数据库设计 14
4.1 数据模型 14
4.2 数据库设计原则 14
4.3数据库类型 15
4.4数据库基本结构 16
4.5 数据概念结构设计 17
4.6 数据库表设计 20
4.7数据库连接设计 22
5 前台详细设计 23
5.1 首页界面与代码 23
5.2 教学设计界面与代码 25
5.3资料管理模块 27
5.4视频播放模块 29
6 后台详细设计 31
6.1 系统用户管理界面与代码 31
6.2教学设计管理界面与代码 32
6.3 友情链接管理界面与代码 33
6.4 留言管理界面与代码 35
6.5 资料信息管理界面与代码 36
7 软件测试 39
结论 40
参考文献 41
致谢 42
三、系统概要设计
系统的设计主要前台和后台两个部分
前台客户端是展现给用户的，包括登录注册、查看个人房间信息、查看家庭报修信息、报修故障、撤销报修、在线缴费、查看家庭成员、审核家庭成员、删除家庭成员、查看与编辑个人信息。
后台管理端是物业管理人员使用的，包括管理员登入与登出、修改个人信息、查看与筛选房间信息、新增业主、
（一）系统需求分析
物业管理端

登录/登出
房间管理
(1) 为房间添加业主信息
(2) 条件筛选房间
业主管理
（1）编辑/删除业主信息
（2）编辑/删除家庭成员信息
报修管理
（1）查看报修列表
（2）报修状态筛选
（3）查看具体报修内容
（4）更改报修进度：已联系、已派修、已维修（更改为已维修时录入维修费用）、已缴费
零件管理
(1) 对零件增删改查，出库
(2) 对零件类型增删改查
管理员管理
(1) 新增/查看管理员

业主端

登录/登出（判断是否为业主，若为业主添加审核家庭成员权限）
注册（注册成功后须业主审核后才可登录）
修改个人信息
业主查看家庭报修列表
普通用户查看个人报修列表
支付维修费用
（二）可行性分析
这里讲的可行性分析的任务是从技术上、经济上分析需解决的问题是否存在可行性。其目的是在尽可能短的时间内用尽可能小的代价确定问题是否有解。
1.技术可行性
技术上的可行性分析主要分析技术条件能否顺利完成开发工作，硬、软件能否满足开发者的需要等。
本系统前端设计主要由Vue.js实现，vue 的开发体验是非常令人感到愉悦的。Vue在数据交互，组件化开发方面有非常大的优势，每个组件都是一个.vue文件，可以把页面拆成很多组件，方便开发与维护，使用时只需引入组件即可，通过vue-router实现路由跳转，可以很容易地创建单页面应用程序，只需要把vue-router添加到vue工程中，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。
本系统数据库使用的MySQL，MySQL是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的关系型数据库，轻量、开源、简便易用，使用Navicat Premium 12做数据库图形化管理更高效率进行前后端开发
2.经济可行性
如今是信息化时代，信息化管理可以使物业的管理工作更加系统化、快速化、全面化。这样可以为社会带来较高的工作效益和经济效益，本系统对计算机配置的要求不高，普通私人电脑都可以完全满足需要，本文转载自http://www.biyezuopin.vip/onews.asp?id=13837本系统作为一个设计，其开发目的是为巩固所学知识，无需开发经费，因此在经济上也是可行的。
综上所述，本系统的开发目标已经明确，且在技术和经济上都是可行的，因此系统的开发是完全可行的。
3.操作可行性
该系统如投入使用，预期作到界面友好，管理方便，使用简单，管理人员经过培训，也是完全能够使用本系统管理相关信息的。
综上所述，本系统的开发目标已经明确，且在技术和经济上都是可行的，因此系统的开发是完全可行的。

<template><div class="wrap"><p>物业系统APP</p><van-cell-group class="form"><van-field v-model="userName" required clearable label="用户名" placeholder="请输入用户名"/><van-field v-model="password" type="password" label="密码" placeholder="请输入密码" required /></van-cell-group><van-button style="margin-top: 30px; width: 90%; left: 50%; transform: translate(-50%, 0)" @click="login">登陆</van-button><span><router-link style="text-decoration: underline #fff" :to="{path: '/register'}">点此注册</router-link></span></div>
</template><script>import md5 from 'js-md5'import { Toast } from 'vant';import {Component,Prop,Vue,} from 'vue-property-decorator';@Componentexport default class Login extends Vue {userName = 't1';password = 'aaaaaa';login() {const vm = this;this.$store.dispatch('LOGIN', {name: vm.userName,password: md5(vm.password)}).then(res => {if (res.data.code == '20000') {Toast.success('登录成功')vm.$router.push({path: '/main/room'})} else {Toast.fail(res.data.msg)}});};created() {}}
</script>
<style lang="scss" scoped>
.wrap {padding-top: 50px;box-sizing: border-box;height: 100%;background-image: url('../assets/login_bg.jpg');background-size: cover;p{text-align: center;color: #fff;font-size: 20px;margin-bottom: 30px;}.form {width: 90%;left: 50%; transform: translate(-50%, 0);}span {position: absolute;right: 5%;margin-top: 90px;a {color: #fff;}}
}.wrap /deep/ .van-cell-group {background-color: rgba(255, 255, 255, 0.8)
}
.form /deep/ .van-cell {background-color: rgba(255, 255, 255, 0)
}
.wrap /deep/ .van-button--default {background: #3388ff;border: 1px solid #3388ff;color: #fff
}
</style>

基于JavaScript的物业管理系统APP设计相关推荐

基于vuex的物业管理系统APP及网页后台设计
目录一.绪论 3 (一)选题背景简介 3 (二)目的和意义 3 二技术简介 4 (一) HTML5技术简介 4 (二)ES6简介 4 (三)Vue-cli 3.0 4 (四)Koa2 4 (五)V ...
基于安卓的课程管理系统app设计
目录第1章绪论 1 1.1 什么是电子课程管理 1 1.2 系统开发的背景 1 1.3 本文主要工作 1 1.4 系统设计目标分析 2 第2章基本技术方案 3 2.1 Android概述 3 ...
基于Android的学生管理系统App设计与实现（Eclipse开发）
目录摘要 I Abstract II 1 绪论 1 1.1 选题背景及意义 1 1.2 研究现状 1 1.2.1 教育系统发展现状 1 1.2.2 手机的应用市场发展现状 1 1.2.3 And ...
大学生课程设计-基于SSM的物业管理系统-智能小区物业系统代码java-社区物业水电缴费系统代码jsp
大学生课程设计-基于SSM的物业管理系统-智能小区物业系统代码java-社区物业水电缴费系统代码jsp 注意:该项目只展示部分功能,如需了解,评论区咨询即可. 1.开发环境开发语言:Java 后台: ...
基于springboot的智慧物业管理系统的设计与实现（前后端分离）
项目描述临近学期结束,还是毕业设计,你还在做java程序网络编程,期末作业,老师的作业要求觉得大了吗?不知道毕业设计该怎么办?网页功能的数量是否太多?没有合适的类型或系统?等等.这里根据疫情当下,你 ...
基于Android的小区物业管理源码,基于Android的智能小区物业管理系统的设计与实现...
摘要: 智能小区由于其依托先进的科学技术,能实现小区物业运行的高效化.节能化和环保化.随着信息化技术的进一步发展,用户对智能小区物业管理系统的要求越来越高,尤其是对各个子系统之间数据与信息的共享性提出 ...
ssm物业管理系统的设计与实现毕业设计源码261632
摘要随着计算机科学技术日渐成熟,人们已经深刻认识到了计算机功能的强大,计算机已经进入到了人类社会发展的各个领域,并且发挥着十分重要的作用.每个社区的物业管理是一项系统而复杂的工作,它需要一个团队互相 ...
基于Web的仓库管理系统的设计与实现（论文+PPT+源码）
摘要仓库物品的管理是与我们的日常生活息息相关的一个重大问题.随着我国经济飞速的发展,改革开放的不断深入,企业要想在激烈的市场竞争中立于不败之地,要想继续的发展与生存,没有现代化的管理方式与方法是万 ...
1.0 java_Mybatis_oracle基于WEB的仓库管理系统的设计与实现(源码+数据库sql+论文+视频齐全)----库管理系统---源码在底部
基于Web的仓库管理系统的设计与实现摘要仓库物品的管理是与我们的日常生活息息相关的一个重大问题.随着我国经济飞速的发展,改革开放的不断深入,企业要想在激烈的市场竞争中立于不败之地,要想继续的发展 ...

基于JavaScript的物业管理系统APP设计

基于JavaScript的物业管理系统APP设计相关推荐

最新文章

热门文章