pagination

前言 AutoWrapper是一个简单可自定义全局异常处理程序和ASP.NET Core API响应的包装。他使用ASP.NET Core middleware拦截传入的HTTP请求，并将最后的结果使用统一的格式来自动包装起来.目的主要是让我们更多的关注业务特定的代码要求，并让包装器自动处理HTTP响应。这可以在构建API时加快开发时间，同时为HTTP响应试试我们统一的标准。 安装 AutoWrapper.Core从NuGet或通过CLI下载并安装 PM> Install-Package AutoWrapper.Core 在Startup.cs Configure方法中注册以下内容，但是切记要放在UseRouting前 app .UseApiResponseAndExceptionWrapper (); 启动属性映射 默认情况下AutoWrapper将在成功请求成功时输出以下格式： { "message" : "Request successful." , "isError" : false , "result" : [ { "id" : 7002 , "firstName" : "Vianne" , "lastName" : "Durano" , "dateOfBirth" : "2018-11-01T00:00:00" } ] } 如果说不喜欢默认属性命名方式

main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App.vue' import router from './router/index.js' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app' , router, components: {App}, template: '<App/>' }) View Code index.js import Vue from 'vue' import Router from 'vue-router' import Home from '../components/Home' import Content from

表单 ​ 表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 表单控件 ​ .form-control .input-lg（较大） .input-sm（较小） 输入框 text ​ .form-control <div class="col-sm-3"> <input type="text" name="" id="" class="form-control" /> <input type="text" name="" id="" class="form-control input-lg" /> <input type="text" name="" id="" class="form-control input-sm" /> </div> 下拉选择框 select ​ 多行选择设置：multiple="multiple" <div class="col-sm-3"> <select class="form-control"> <option>北京</option> <option>上海</option> <option>深圳</option> </select> <select class="form-control" multiple="multiple">

1.组件，BaseTable 下有两个文件，index.vue ,extend.js index.vue代码 <template> <div class="crud"> <!--crud头部，包含列表标题和可操作按钮--> <el-row class="crud-header"> <!--<el-col :span="8">{{formTitle}}列表</el-col>--> <el-col :span="24"> <el-button type="success" size="mini" v- if ="gridBtnConfig.create" @click="createOrUpdate(null)"> <i class="el-icon-plus"></i> 新增 </el-button> <!-- 标记为single的按钮不需要禁用，不依赖选择数据--> <el-button :disabled="!item.single && multipleSelection.length === 0" size="mini" @click ="handleEmit(item.emitName,'outer')" v - for ="(item,index) in outerButton" :key="index" :type="item.type?item.type:

DevUI是一支兼具设计视角和工程视角的团队，服务于华为云 DevCloud 平台和华为内部数个中后台系统，服务于设计师和前端工程师。 官方网站： devui.design Ng组件库： ng-devui （欢迎Star） 引言 重构，是我们开发过程中不可避免需要进行的一项工作。重构代码，以适配当前模块设计之初未考虑到的多样化场景，并增加模块的可维护性、健壮性、可测试性。那么，如何明确重构的方向，以及量化重构的结果呢？ 代码圈复杂度（Cyclomatic complexity，CC）可以是一个供选择的指标。 什么是圈复杂度 圈复杂度（Cyclomatic complexity，CC）也称为条件复杂度或循环复杂度，是一种软件度量，是由老托马斯·J·麦凯布（Thomas J. McCabe, Sr.）在1976年提出，用来表示程序的复杂度，其符号为VG或是M。圈复杂度即程序的源代码中线性独立路径的个数。 为何要降低模块(函数)的圈复杂度 下表为模块（函数）圈复杂度与代码状况的一个基本对照表。除了表中给出的代码状况、可测性、维护成本等指标外，圈复杂度高的模块（函数），也对应着高软件复杂度、低内聚、高风险、低可读性。我们要降低模块（函数）的圈复杂度，就是要降低其软件复杂度、增加内聚性、减少可能出现的软件缺陷个数、增强可测试性、可读性。 圈复杂度 代码状况 可测性 维护成本 1 - 10

我们再用vue和element-ui，或者其他的表格的时候，可能需要能记忆翻页勾选，那么实现以下几个方法就ok了 示例如下 < el-table :data ="tableData" ref ="table" @selection-change ="handleSelectionChange" > < el-table-column type ="selection" ></ el-table-column > < el-table-column prop ="personName" label ="客户名称" ></ el-table-column > < el-table-column prop ="telphone" label ="手机号" ></ el-table-column > < el-table-column prop ="idNo" label ="身份证号" ></ el-table-column > < el-table-column prop ="linkTypes" label ="客户身份" ></ el-table-column > </ el-table > < el-pagination :page-size ="pagination.pageSize" @current-change ="currentChange" :current-page