cz_health_day01

项目概述

软件开发流程

定义阶段

　　可行性研究与计划

　　需求分析

开发阶段

　　设计

　　编码

　　测试

维护阶段

　　运行维护

 PowerDesigner

1、创建PDM

name：值显示我们看的，并不是字段

code：真正的表名

右击id选择propertities可以设置主键自增

工具栏快捷创建表

选择工具栏reference设置子表外键

2、导出SQL脚本

Database标签---->Generate Database

3、逆向工程

file---> reverse engineer----> database ---> use script file

4、导出报表文件

report---> report wizard

ElementUI常用组件

container布局容器

　　用于布局容器的组件，方便快速搭建页面的基本结构

　　<el-container>：外层容器。当子元素中包含 <el-header> 或 <el-footer> 时，全部子元素会垂直上下排列，否则会水平左右排列。

　　<el-header>：顶栏容器。

　　<el-aside>：侧边栏容器。

　　<el-main>：主要区域容器。

　　<el-footer>：底栏容器

Dropdown下拉菜单

　　通过trigger=" click  " 绑定事件

　　divided给下拉菜单添加分割线  size修改下拉菜单的尺寸大小

NavMenu 导航菜单

　　为网站提供导航功能的菜单

Table 表格

　　用于展示多条结构类似的数据，可以对数据进行排序、筛选、对比或其他自定义操作

　　slot-scope：作用域插槽，可以获取表格数据

　　scope：代表表格数据，可以通过scope。row来获取表格当前行数据

<script>
        new Vue({
            el:'#app',
            data:{
                //定义VUE对象的模型数据，用于table展示
                tableData:[
                    {date:'2019.10.10',name:'小明',address:'北京'},//每个json对象对应表格中一条数据
                    {date:'2019.10.10',name:'小李',address:'南京'}
                ]
            },
            methods:{
                //定义VUE对象的方法
                handleUpdate(row){
                    alert(row.name);
                },
                handleDelete(row){
                    alert(row.date);
                }
            }
        });
    </script>

通过vue数据绑定：data："tableData"

prop="data"对应数据键  表格中的数据

template 作用域卡槽获取数据

@click="handleDelete(scope.row)" 绑定事件    获得的数据可以填入tableData中

Pagination分页

　　当数据量过多时，使用分页分解数据

　　 current-change：内置的事件，当前页码改变时会触发，可以获取到改变之后的页码

• current-page 当前页

• page-size 每页数量

• layout 布局展示total总页数，prev前一页，pager页数展示，next下一页，jumper跳转

可以通过ajax来获去这些变量的

Message消息提示

　　用于主动操作后的反馈提示

message既可以作为方法，又可以作为对象

 this.$message({
     message: '警告哦，这是一条警告消息', type: 'warning'
          });  作为方法


  open4() {
      this.$message.error('错了哦，这是一条错误消息');
           } //作为对象

Form表单

　　由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据 。 在 Form 组件中，每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker

　　prop：表单域　　 model 字段，在使用validate　　resetFields 方法的情况下，该属性时必填的　　

 //进行输入校验 2 this.$refs['form'].validate((valid)=>{ 3 alert(valid); 4 }); 

• el-form 表单

• el-form-item 表单项 包含表单域

• 校验规则的配置