iView

如何利用封装好的axios调接口 先来看一下装好的axios源码 import axios from 'axios' import { Message } from 'iview' // 统一请求路径前缀 // // const base = '/crdp'; // const base = '/ccma-server/api' // 服务器地址/ const base = '/api' // 本地// // 超时设定 axios.defaults.timeout = 15000 axios.interceptors.request.use(config => { return config }, err => { Message.error('请求超时') return Promise.resolve(err) }) // http response 拦截器 axios.interceptors.response.use(response => { const data = response.data // 根据返回的code值来做不同的处理(和后端约定) switch (data.code) { case 401: // 未登录 清除已登录状态 Cookies.set('userInfo', '') setStore('accessToken', '') if (router

在实际应用中，往往需要一个报表列表页，支持表单数据的添加或修改，操作完毕后关闭子页并刷新列表页面，效果如下图 主页面代码关键代码： 1）在主页面引入待弹出modal页的组件 < productEditModal :show ="{'showModal': showModal, 'productId': productId}" @on-close ="closeModal" ></ productEditModal > <script> import productEditModal from '@/content/productEdit' // 数据源列表 export default { components: { productEditModal }, ... </script> 2）在主页面中定义弹窗和关闭弹出的函数，其中，showModal、productId为定义的变量，将会传入弹出子页，分别代表是否弹出页和传入到子页面主键值 methods: { // 关闭弹框，赋值父页面 closeModal (resVal) { console.log( '子组件传来的值：' + resVal) this .showModal = resVal.isClose if (resVal.isRefresh) { this .getList() } }, // 弹出页面

本次应用效果如 点击“修改”触发表格行编辑： 编辑行各单元格内容，完毕后点击保存按钮更新编辑内容至表格数据源。 对行单元格的编辑通过公用方法 renderTableColumn 来渲染，若需对单元格做验证则需要再次扩展。 renderTableColumn 的代码如下：其中， editName 是待编辑单元格临时存储变量的字符串，columnName是当前单元格对应的key renderTableColumn (editName, columnName, h, { row, index }) { let edit if ( this .editTableIndex === index) { this [editName] = row[columnName] edit = [h('Input' , { props: { value: row[columnName] }, on: { input: (val) => { this [editName] = val } } })] } else { edit = row[columnName] } return h('div' , [edit]) }, 完整代码如下： <template> <div style="padding:32px 64px"> <h1>可编辑行</h1> <Button type="primary" @click

1、js如何获取数组的key function getObjectKeys(object){ var keys = []; for (var property in object) return property; } console.log(getObjectKeys(3332:[])) // 3332 2、如何过滤数组中的空数据 Array.prototype.notempty = function() { var arr = []; this.map(function(val, index) { if (val !== "" && val != undefined) { arr.push(val); } }); return arr; } this.selectHouse = this.selectHouse.notempty() 3、iview checkboxGroup 动态删除某个值后，页面checkBox 选中状态错乱。 具体情况如下： 需求 ： checkboxGroup v-for生成三个checkbox，默认勾选。当我点击某个checkbox默认取消勾选并且删除该checkbox。 操作方法一： 从最后一个开始删，也就是删除默认绑定的model数组中的最后一个值，这时候剩余checkbox的选中状态是正常的。 操作方法二： 但是如果从中间开始删，比如删除第二

【推荐阅读】微服务还能火多久？>>> 前言： 最近在做老师交代的一个在线写实验报告的小项目中，有这么个需求：把学生提交的实验报告(HTML形式)直接转成PDF，方便下载和打印。 以前都是直接用rdlc报表实现的，可这次牵扯到图片，并且更为重要的一点是 PDF的格式得跟学生提交的HMTL页面一样。经过网上查阅资料， 找到了ITextSharp插件。 ITextSharp很强大，但是在处理HMTL中的 img标签时，src中只能是绝对路径。 解决方法我写在了另一篇文章中 正文： ITextSharp就不多介绍了。项目的链接下载链接为 http://files.cnblogs.com/files/zuochengsi-9/H%E8%BD%ACPDF.zip 下开始项目之前得添加 ITextSharp.dll和ITextSharp.xmlworker.dll 后者是解决中文用的 可以从NuGet中下载引用，具体方法就不介绍了。网上很多解决方案。 项目结构图： 下面先说下主要操作： 步骤：1、将本地的某个视图转成字符串。 2、将字符串整合成PDF的文档，并返回byte数组。 3、讲比特流写到HTTP内容主体的二进制流中去。 视图转字符串代码： 首先新建两个类，转字符串的逻辑主要在RenderViewToString方法中。 public class HtmlViewRenderer {

【今日推荐】：为什么一到面试就懵逼！>>> Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用。 1. AdminLTE GitHub Star 数 24969 ， GitHub 地址： https://github.com/almasaeed2010/AdminLTE 非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。 2. vue-Element-Admin GitHub Star 数 19546， GitHub 地址： https://github.com/PanJiaChen/vue-element-admin 一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。 3. tabler GitHub Star 数 15870， GitHub 地址： https://github.com/tabler/tabler 构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。 4. Gentelella GitHub Star 数 15654， GitHub 地址： https://github.com/puikinsh/gentelella 一个基于 Bootstarp 的免费的后台控制面板。 5. ng2-admin GitHub Star 数

【今日推荐】：为什么一到面试就懵逼！>>> Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用。 1. AdminLTE GitHub Star 数 24969 ， GitHub 地址： https://github.com/almasaeed2010/AdminLTE 非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。 2. vue-Element-Admin GitHub Star 数 19546， GitHub 地址： https://github.com/PanJiaChen/vue-element-admin 一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。 3. tabler GitHub Star 数 15870， GitHub 地址： https://github.com/tabler/tabler 构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。 4. Gentelella GitHub Star 数 15654， GitHub 地址： https://github.com/puikinsh/gentelella 一个基于 Bootstarp 的免费的后台控制面板。 5. ng2-admin GitHub Star 数

原文: GitHub开源的超棒后台管理面板 Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用。 1. AdminLTE GitHub Star 数 24969 ， GitHub 地址： https://github.com/almasaeed2010/AdminLTE 非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。 2. vue-Element-Admin GitHub Star 数 19546， GitHub 地址： https://github.com/PanJiaChen/vue-element-admin 一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。 3. tabler GitHub Star 数 15870， GitHub 地址： https://github.com/tabler/tabler 构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。 4. Gentelella GitHub Star 数 15654， GitHub 地址： https://github.com/puikinsh/gentelella 一个基于 Bootstarp 的免费的后台控制面板。 5. ng2-admin GitHub Star 数

之前的旧版本为许多客户服务了好多年，但随着技术变更与发展，旧版已难以再挑起大梁。因本人一直都扎根在网教行业，对实现网络考试与培训有着深刻的认识与理解，故打算用当前主流技术全新构建一套新的版本。 新版本采用.Net Core 2（目前已升级为.Net Core 3）c#语言编写（新版名为“麦荻网教系统”），结合分布式架构、微服务等技术开发而成。麦荻网教系统有着极高的并发承载能力，有着极强的稳定性能，且在应对超大规模的应用场景时也能有更好的应对能力与扩展性。麦荻网教系统前端基于Html5（开源免费）、Vue（开源免费）、iView（开源免费）等技术实现前后端分离架构开发而成。 1、麦荻网教系统支持部署在Windows Server 2012/2016/2019及更高版本的系统、支持部署在Ubuntu 14.10/16.10及更高版本的系统、支持部署在CentOS 7.0及更高版本的系统、支持部署在Docker 1.10及更高版本的系统。 2、麦荻网教系统支持SQL Server 2012/2014/2016及更高版本的数据库、支持MySQL 6.0及更高版本的数据库。 3、麦荻网教系统支持Memcached 1.4及更高版本的缓存组件（开源免费）、支持RabbitMQ 3.8（开源免费）及更高版本的队列组件。 4、您可以按自已的实际应用规模将“麦荻网教系统

之前的旧版本为许多客户服务了好多年，但随着技术变更与发展，旧版已难以再挑起大梁。因本人一直都扎根在网教行业，对实现网络考试与培训有着深刻的认识与理解，故打算用当前主流技术全新构建一套新的版本。 新版本采用.Net Core 2（目前已升级为.Net Core 3）c#语言编写（新版名为“麦荻网教系统”），结合分布式架构、微服务等技术开发而成。麦荻网教系统有着极高的并发承载能力，有着极强的稳定性能，且在应对超大规模的应用场景时也能有更好的应对能力与扩展性。麦荻网教系统前端基于Html5（开源免费）、Vue（开源免费）、iView（开源免费）等技术实现前后端分离架构开发而成。 1、麦荻网教系统支持部署在Windows Server 2012/2016/2019及更高版本的系统、支持部署在Ubuntu 14.10/16.10及更高版本的系统、支持部署在CentOS 7.0及更高版本的系统、支持部署在Docker 1.10及更高版本的系统。 2、麦荻网教系统支持SQL Server 2012/2014/2016及更高版本的数据库、支持MySQL 6.0及更高版本的数据库。 3、麦荻网教系统支持Memcached 1.4及更高版本的缓存组件（开源免费）、支持RabbitMQ 3.8（开源免费）及更高版本的队列组件。 4、您可以按自已的实际应用规模将“麦荻网教系统