1954springboot VUE 天然气系统隐患管理系统开发mysql数据库web结构java编程计算机网页源码maven项目

一、源码特点
springboot VUE天然气系统隐患管理系统是一套完善的完整信息管理类型系统，结合springboot框架和VUE完成本系统，对理解JSP java编程开发语言有帮助系统采用springboot框架（MVC
模式开发），系统具有完整的源代码和数据库，系统主要采用B/S模式开发。

springboot vue 天然气安全隐患管理系统

前段主要技术 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. 将项目中shequ\src\main\resources 下的 application.properties 配置文件中的数据库配置改为自己的配置;
数据库支持 mysql5.0 到5.5 ，如果需要5.7 到8.0 需要二次转换升级
4.vscode 开vue项目工程
5.vue 项目启动 npm run serve
vue 版本 2.9.6
node 版本 16.14.2

二、功能介绍

(1)用户管理：对用户信息进行添加、删除、修改和查看
(2)居民管理：对居民信息进行添加、删除、修改和查看
(3)天然气表管理：对天然气表信息进行添加、删除、修改和查看
(4)隐患分类管理：对隐患分类信息进行添加、删除、修改和查看
(5)处理流程管理：对处理流程信息进行添加、删除、修改和查看
(6)安全隐患管理：对安全隐患信息进行添加、删除、修改和查看
(7)记录追踪管理：对记录追踪信息进行添加、删除、修改和查看
(8)巡检任务管理：对巡检任务信息进行添加、删除、修改和查看
(9)任务单管理：对任务单信息进行添加、删除、修改和查看
(10)回访管理：对回访信息进行添加、删除、修改和查看
(11)通知管理：对通知信息进行添加、删除、修改和查看
(12)日志管理：对日志信息进行删除和查看
(13)个人信息修改

数据库设计

CREATE TABLE `yonghu` (
`yhid` 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 '联系地址',
`qx` VARCHAR(40) default NULL COMMENT '权限',  PRIMARY KEY  (`yhid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `jumin` (
`jmid` 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 '联系地址',
`trqb` VARCHAR(40) default NULL COMMENT '天然气表',  PRIMARY KEY  (`jmid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `trqb` (
`trqbid` int(11) NOT NULL auto_increment,
`bh` VARCHAR(40) default NULL COMMENT '表号',
`djsj` VARCHAR(40) default NULL COMMENT '登记时间',
`zt` VARCHAR(40) default NULL COMMENT '状态',
`sm` VARCHAR(40) default NULL COMMENT '说明',  PRIMARY KEY  (`trqbid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `yhfl` (
`yhflid` int(11) NOT NULL auto_increment,
`fl` VARCHAR(40) default NULL COMMENT '分类',
`yxj` VARCHAR(40) default NULL COMMENT '优先级',  PRIMARY KEY  (`yhflid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `cllc` (
`cllcid` int(11) NOT NULL auto_increment,
`yhfl` VARCHAR(40) default NULL COMMENT '隐患分类',
`sfsh` VARCHAR(40) default NULL COMMENT '是否审核',
`sffp` VARCHAR(40) default NULL COMMENT '是否分配',  PRIMARY KEY  (`cllcid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `aqyh` (
`aqyhid` int(11) NOT NULL auto_increment,
`lsh` VARCHAR(40) default NULL COMMENT '流水号',
`trqb` VARCHAR(40) default NULL COMMENT '天然气表',
`bt` VARCHAR(40) default NULL COMMENT '标题',
`fl` VARCHAR(40) default NULL COMMENT '分类',
`yxj` VARCHAR(40) default NULL COMMENT '优先级',
`ms` VARCHAR(40) default NULL COMMENT '描述',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`wz` VARCHAR(40) default NULL COMMENT '位置',
`fj` VARCHAR(40) default NULL COMMENT '附件',
`zt` VARCHAR(40) default NULL COMMENT '状态',
`sbsj` VARCHAR(40) default NULL COMMENT '上报时间',  PRIMARY KEY  (`aqyhid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `jlzz` (
`jlzzid` int(11) NOT NULL auto_increment,
`aqyh` VARCHAR(40) default NULL COMMENT '安全隐患',
`sm` VARCHAR(40) default NULL COMMENT '说明',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`clqk` VARCHAR(40) default NULL COMMENT '处理情况',
`clsj` VARCHAR(40) default NULL COMMENT '处理时间',  PRIMARY KEY  (`jlzzid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `xjrw` (
`xjrwid` int(11) NOT NULL auto_increment,
`rwh` VARCHAR(40) default NULL COMMENT '任务号',
`rwmc` VARCHAR(40) default NULL COMMENT '任务名称',
`xjnr` VARCHAR(40) default NULL COMMENT '巡检内容',
`xjsj` VARCHAR(40) default NULL COMMENT '巡检时间',
`fbr` VARCHAR(40) default NULL COMMENT '发布人',
`fbsj` VARCHAR(40) default NULL COMMENT '发布时间',  PRIMARY KEY  (`xjrwid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `rwd` (
`rwdid` int(11) NOT NULL auto_increment,
`xjrw` VARCHAR(40) default NULL COMMENT '巡检任务',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`sm` VARCHAR(40) default NULL COMMENT '说明',
`sj` VARCHAR(40) default NULL COMMENT '时间',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`rwdid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;

代码设计

   tool tl=new tool();//工具方法




   /**回访列表 查询huifang
     *
     */
    @GetMapping("list")
    public Result  list(@RequestParam(value = "pageNum",defaultValue = "1") int page,
                            @RequestParam(value = "pageSize",defaultValue = "10") int szie,
			    @RequestParam(defaultValue = "") String aqyh
			    )  {

        Result res=new Result();


        List list=null;
        String sql="";
        try{


      
	  if(aqyh!=null&&!aqyh.equals("")){
                sql+=" and aqyh like '%"+aqyh+"%'";//符合条件 拼接sql 安全隐患
            }
          


            list=huifangdao.querylist(sql,page,szie);//查询huifang表数据返回 list对象
            res.setCode(200);
            res.setMessage("查询成功");


            res.setData(tl.ltoj(list));

            list=huifangdao.querylist(sql);
            res.setNum(list.size());

        }catch(Exception e){
            e.printStackTrace();;
        }




        return res;
    }


   /**回访列表 查询huifang
	 * 
	 */

    @GetMapping("listpage")
    public Result  listpage(
			    @RequestParam(defaultValue = "") String aqyh
			    )  {

        Result res=new Result();


        List list=null;
     String sql="";
      
	  if(aqyh!=null&&!aqyh.equals("")){
                sql+=" and aqyh like '%"+aqyh+"%'";//符合条件 拼接sql 安全隐患
            }
	try{
	  
	list=huifangdao.querylist(sql);//查询gly 表数据返回 list对象
        res.setCode(200);
        res.setMessage("查询成功");


        res.setData(tl.ltoj(list));

	}catch(Exception e){
            e.printStackTrace();;
        }


       

        return res;
    }


	/**回访添加方法 对表 huifang  进行添加
	 * 
	 */
    @PostMapping(value = "add")
    public Result  add(@RequestBody huifang bean){
            Result res=new Result();


	try{
         
            if(bean.getHfid()!=null&&!bean.getHfid().equals("")){
            huifangdao.update(bean);//执行 修改 huifang 添加操作
                res.setMessage("操作成功");
            }else{
            huifangdao.add(bean);//执行 添加huifang 添加操作
                res.setMessage("添加成功");
        }


	 }catch(Exception e){
            e.printStackTrace();;
        }
        res.setCode(200);

        //System.out.println(res);



        return res;

    }


	
	 /**回访删除方法 对表huifang  进行删除
	 * 
	 */
     @DeleteMapping("del/{id}")
    public Result  del( @PathVariable String id){
         Result res=new Result();
        try{
           huifangdao.delete(id);//执行 删除huifang 方法

        }catch(Exception e){
            e.printStackTrace();;
        }


         res.setCode(200);
         res.setMessage("删除成功");


        return res;
    }




	/**回访查看方法 对表 huifang 进行查看
	 * 
	 */

    @GetMapping("detail")
    public Result  detail(@RequestParam String id){
        Result res=new Result();
        Map<String, String> map = new HashMap<>();

        huifang bean=new huifang();//初始对象回访
    
        try{
          
            map=huifangdao.gethuifangMap(id);//查询获得当前回访对象



         
            res.setCode(200);
            res.setMessage("查询成功");

            res.setData(tl.mtoj(map));

            System.out.println(tl.mtoj(map));

        
        }catch(Exception e){
            e.printStackTrace();;
        }





        return res;
    }
	
	/**回访修改页面 对表 huifang 进行查看
	 * 
	 */
	 @GetMapping("modifypage")

    public Result  modifypage(@RequestParam String id){
        Result res=new Result();
        Map<String, String> map = new HashMap<>();
        tool tl=new tool();
        try{
            map=huifangdao.gethuifangMap(id);//获取huifang 对象

            //String str=obj.toString();
            res.setCode(200);
            res.setMessage("查询成功");

            res.setData(tl.mtoj(map));//赋值 
        }catch(Exception e){
            e.printStackTrace();;
        }





        return res;
    }

vue前端设计


      <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="80px" size="small" >

        <el-form-item label="用户名" prop="yhm"  >
          <el-input v-model="form.yhm" disabled  ></el-input>
       </el-form-item>
        <el-form-item label="密码" prop="mm"  >
          <el-input v-model="form.mm"  ></el-input>
       </el-form-item>
        <el-form-item label="姓名" prop="xm"  >
          <el-input v-model="form.xm"  ></el-input>
       </el-form-item>
        <el-form-item label="联系电话" prop="lxdh"  >
          <el-input v-model="form.lxdh"  ></el-input>
       </el-form-item>
        <el-form-item label="联系地址" prop="lxdz"  >
          <el-input v-model="form.lxdz"  ></el-input>
       </el-form-item>
        <el-form-item label="天然气表" prop="trqb"  >
      
          <el-input v-model="form.trqb"   disabled ></el-input>

       </el-form-item>
  
       
      </el-form>
      <div slot="footer" class="dialog-footer">
      
        <el-button type="primary" @click="save">确 定</el-button>
      </div>
      
 



    
  
 
  </div>
</template>

<script>
import {serverIp} from "../../public/config";

export default {
  name: "jumin",
  data() {
    return {
      serverIp: serverIp,
      tableData: [],
      trqbs: [],
      total: 0,
      pageNum: 1,
      pageSize: 10,
      yhm: "",
       form: {},
      dialogFormVisible: false,
      dialogDetailVisible:false,
      multipleSelection: [],
        vis: false,
      rules: {
        yhm: [
          { required: true, message: '请输入用户名', trigger: 'blur' }
        ],
        mm: [
          { required: true, message: '请输入密码', trigger: 'blur' }
        ],
        xm: [
          { required: true, message: '请输入姓名', trigger: 'blur' }
        ],
        lxdh: [
          { required: true, message: '请输入联系电话', trigger: 'blur' }
        ],
        lxdz: [
          { required: true, message: '请输入联系地址', trigger: 'blur' }
        ],
        trqb: [
          { required: true, message: '请输入天然气表', trigger: 'blur' }
        ],
      
      }
    }
  },
  created() {
    this.load()
  },
  methods: {
      indexMethod(index) {
        return index+1;
      },
   
    load() {
      this.request.get("/jumin/detail", {
        params: {
          id: localStorage.getItem("id"),
        }
      }).then(res => {
            console.log(res.data)
      this.form = JSON.parse(res.data)
       

      })

      this.request.get("/rizhi/log", {
        params: {
          rz: "居民个人信息修改",
       
          yh: localStorage.getItem("yhm")
        }
      }).then(res => {
            console.log(res.code)


      })

     
    },
    save() {
      //保存方法
      this.$refs['beanForm'].validate((valid) => {
        if (valid) {  // 表单校验合法


      this.request.post("/jumin/add", this.form).then(res => {

     

         // 表单校验合法
        if (res.code == '200') {
          this.$message.success(res.message)
      //    this.dialogFormVisible = false
       this.load()
        } else {
          this.$message.error(res.message)
        }

        
      })

        }
      });
      
     
    },
    handleAdd() {
      this.dialogFormVisible = true
      this.form = {}
    },

    handleEdit(row) {
      this.form = JSON.parse(JSON.stringify(row))
      this.dialogFormVisible = true
    },
       handleDetail(row) {
      this.form = JSON.parse(JSON.stringify(row))
      this.dialogDetailVisible = true
    },
    del(id) {//删除方法
      this.request.delete("/jumin/del/" + id).then(res => {
        if (res.code == '200') {
          this.$message.success(res.message)
          this.load()
        } else {
          this.$message.error("删除失败")
        }
      })
    },
    handleSelectionChange(val) {
      console.log(val)
      this.multipleSelection = val
    },

    reset() {//重置方法

      this.yhm = ""
      this.mm = ""
      this.xm = ""
      this.lxdh = ""
      this.lxdz = ""
      this.trqb = ""
      this.load()
    },
    handleSizeChange(pageSize) {
      console.log(pageSize)
      this.pageSize = pageSize
      this.load()
    },
    handleCurrentChange(pageNum) {
      console.log(pageNum)
      this.pageNum = pageNum
      this.load()
    },
  

  }
}
</script>

三、注意事项
1、管理员账号：admin密码：admin 数据库配置文件\src\main\resources\application.properties
2、开发环境为IDEA开发，数据库为mysql，使用java语言开发。
3、数据库文件名是javatrq.sql 系统名称trq
4、地址：http://128.0.0.1:8080/login

四系统实现

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