传智项目--预约管理2

最新推荐文章于 2023-03-28 17:11:32 发布

SunFlowerJava

最新推荐文章于 2023-03-28 17:11:32 发布

阅读量176

点赞数

文章标签： servlet java javascript

本文链接：https://blog.csdn.net/SunFlowerJava/article/details/128199781

版权

一、新增检查项——完善页面（弹出新增窗口）

1.在webapp/pages/checkitem.html下的body标签内大致布局设计：

<body class="hold-transition">
<div id="app">
    <div class="content-header"...>
    <div class="app-container"...>
</body>

<el-button type="primary" class="butT" @click="handleCreate()">新建</el-button>在app-container内，此按钮绑上了单击事件，单击按钮时会触发methods: {}里handleCreate()方法,此方法会调用this.dialogFormVisible = true;this.resetForm()，前者使表单新增项窗口可视化，后者调用重置表单方法resetForm() {
    this.formData = {};
},使得每次打开新增检查项窗口时上一次填写的内容清空不保留

二、新增检查项——完善页面（校验规则）

<el-row>
    <el-col :span="12">
        <el-form-item label="项目编码" prop="code">
            <el-input v-model="formData.code"/>
        </el-form-item>
    </el-col>
    <el-col :span="12">
        <el-form-item label="项目名称" prop="name">
            <el-input v-model="formData.name"/>
        </el-form-item>
    </el-col>
</el-row>

var vue = new Vue({
    el: '#app'，data:{
        rules: {//校验规则
            code: [{ required: true, message: '项目编码为必填项', trigger: 'blur' }],
            name: [{ required: true, message: '项目名称为必填项', trigger: 'blur' }]
        }}})

三、新增检查项——完善页面（表单提交）

3.1现在提交表单不像真正的提交表单，而是ajax的异步请求，在新增表单窗口录入信息点击“确定”按钮后，首先会对录入的信息做整体校验，校验成功后，需要获取到录入的信息，如何获取？

3.2.这里的表单数据基于vue的数据绑定，新增检查项的表单数据项框都绑定到了formData上面，通过formData获取录入表单的数据，之后把formData提交即可--发送Ajax请求

新增检查项的表单窗口里点击“确定”按钮发送表单请求时，绑定了单击事件，此方法需要做整体校验

handleAdd () {
    //进行表单校验
    this.$refs['dataAddForm'].validate((valid)=>{
        if(valid){//表单检验成功,发送Ajax请求，将录入的数据提交到后台进行处理
            console.log(this.formData);
            axios.post("/checkitem/add.do",this.formData).then((res)=>{//then()就是回调函数，res就是服务端或是controller响应回来的结果

    })
}else{//表单检验失败

}})}

validate（）方法就是校验方法，参数valid如果校验成功返回true，不成功返回false

之前在health_common下的entity包中有三个类，分别是

QueryPageBean（封装查询的条件），PageResult（分页结果封装对象），Result（封装返回结果）

除了分页查询操作，其他的一些请求操作返回的结果都是一个Result

即controller返回的是一个Result，然后spring mvc框架会把这个Result java对象转成json

res.data拿到的就是Result java对象转成的json数据

3.3在health_backend模块下创建CheckitemController

3.4在health_interface模块下创建CheckItemService

3.5在health_service_provider模块下创建CheckItemServiceImpl

3.6在health_service_provider模块下创建CheckItemDao

3.7在health_service_provider模块的resources资源根目录下对应dao层结构创建对应的CheckItemDao.xml

在进行这部分操作时，遇到的问题大多是zookeeper引起的，比如说版本，配置，

SunFlowerJava

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
传智项目--预约管理2

黑马传智健康--预约管理--新增检查项
复制链接

扫一扫