内容摘要: 需求分析 定义 interface 定义 json 文件 定义列表控件的 props 基于 el-table 封装,实现依赖 json 渲染 实现内置功能:选择行(单选.多选),格式化.锁定等. 使用 slot 实现自定义扩展 做个工具维护 json 文件(下篇介绍) 管理后台里面,列表是一个常用的功能,UI库提供了列表组件和分页组件实现功能.虽然功能强大,也很灵活,只是还不能称为低代码,不过没关系,我们可以写点代码让UI库变为摸鱼神器! 本篇介绍列表的设计思路和封装方式. 需求分析…

上一篇介绍了一下如何实现一个可以依赖 json 渲染的列表控件,既然需要 json 文件,那么要如何维护这个 json 文件就成了重点,如果没有好的维护方案的话,那么还不如直接用UI库. 所以需要我们做一个维护 json 文件的小工具,维护 json 有多方法: 最基础的方法就是手撸,显然这个是下下策. 可以通过编辑器的插件来维护,不过这种方式针对所有 json,不会对某种需求做优化. 或者做一套维护 json 的增删改查,这样可以维护 json 的每一个属性,只是实现起来比较繁琐. 最后就是可…

上一篇介绍了表单控件,这一篇介绍一下表单里面的各种子控件的封装方式. 主要内容 需求分析 子控件的分类 子控件属性的分类 定义 interface. 定义子控件的的 props. 定义 json 文件. 基于 UI库 进行二次封装,实现依赖 json 渲染. 通过 slot . "字典",实现自定义子控件. 做个工具维护 json 文件.(下篇介绍) 需求分析 表单里面需要各种各样的子控件,像文本.数字.选择.日期等常见的需求,可以由内部提供组件解决,但是其他各种"奇奇怪怪&…

前面说了列表的低代码化的方法,本篇介绍一下表单的低代码化. 内容摘要 需求分析. 定义 interface. 定义表单控件的 props. 定义 json 文件. 基于 el-form 封装,实现依赖 json 渲染. 实现多列.验证.分栏等功能. 使用 slot 实现自定义扩展. 自定义子控件.(下篇介绍) 表单子控件的设计与实现.(下篇介绍) 做个工具维护 json 文件.(下下篇介绍) 需求分析 表单是很常见的需求,各种网页.平台.后台管理等,都需要表单,有简单的.也有复杂的,但是目的一致…

Thief-Book 上班摸鱼神器 介绍 Thief-Book 是一款真正的摸鱼神器,可以更加隐秘性大胆的看小说. 隐蔽性 自定义透明背景,随意调整大小,完美融入各种软件界面 快捷性 三个快捷键,实现完美的摸鱼 跨平台 支持 Mac+Win,Linux 暂未测试,请自行打包 VScode Thief-Book 为用户提供 Vscode 版本,具体请看 https://github.com/cteamx/Thief-Book-VSCode 下载地址 https://github.com/cteam…

vscode插件(摸鱼神器-小霸王游戏机 步骤 vscode扩展搜索小霸王,点击下载即可. 使用 默认有一个demo小游戏,即超级玛丽. 本地仓库 可以通过local菜单上的添加按钮添加本地nes rom文件.添加完毕后,会在local列表显示,点击即可开始游戏. 本地仓库列表还支持 右键菜单 改名,删除功能 远程仓库 选择想要玩的游戏,右键菜单下载.下载完成后,会加载到local菜单.点击即可完. 远程仓库通过github维护,会不定时的更新一些新的游戏.可以通过remote上的refresh…

公司最近做的一个移动端项目从搭框架到前端开发由我独立完成,以前做移动端适配用的媒体查询,这次想用点别的适配方案,然后就采用了vue-cli3.0结合lib-flexible.px2rem实现移动端适配的方案,开发过程中也遇到一些坑,自己选的方案自己填坑吧.以下记录我的项目框架搭建及填坑方案. 搭建可以参考我的另一篇文章vue-cli 3.0 搭建项目流程,这里就不再另外说明了.下面说明项目搭建成功后的适配方案. 第一部分:项目中引入lib-flexible 一.项目中安装lib-flexible…

下周就是十一了,无论是学生党还是工作党,大家的大概都会有点心不在焉,为了让大家更好的心不在焉,更好的在十一前最后一周愉快的摸鱼,今天就写一个如何让Chrome(google浏览器)运行安卓APK应用的教程,虽然教程里面可能会涉及一些专有名词,但是请相信我只要由基础电脑知识的人基本都可以实现教程的目标. 事前准备: 1 版本号37以上Chrome浏览器版,我用的是64位的dev版,也可以用金丝雀版,不要使用稳定版,打开Chrome在地址栏中输入”chrome://extensions/ “勾选开发…

一.序言 UCode Cms管理系统是面向企业级应用软件开发的脚手架.当前版本1.3.4.快速体验: git clone https://gitee.com/decsa/demo-cms.git (一)项目特点 1.源码开源 源码开源并且使用MIT开源许可协议,个人或者企业用户免费放心使用,项目源码地址: git clone https://gitee.com/decsa/ucode-cms-vue.git 2.快速上手 新建空项目,引入相关依赖,初始化数据库,启动项目,一个项目脚手架便搭建完成…

一.序言 UCode Cms 是一款Maven版的Java源代码生成器,是快速构建项目的利器.代码生成器模块属于可拆卸模块,即按需引入.代码生成器生成SSM(Spring.SpringBoot.MybatisPlus)风格的源代码. 面试时经常提到面向对象编程,实际开发中常常是面向数据库编程,随着需求的快速变化,数据库的库表结构也需要相应变化,如何根据库表结构的变化,快速响应到源代码层次,是Java代码生成器主要的关切点. 功能亮点 实时读取库表结构元数据信息,比如表名.字段名.字段类型.注释等…

做一个管理后台,首先要设置路由,然后配置菜单(有时候还需要导航),再来一个动态tabs,最后加上权限判断. 这个是不是有点繁琐?尤其是路由的设置和菜单的配置,是不是很雷同?那么能不能简单一点呢?如果可以实现设置一次就全部搞定的话,那么是不会很香呢? 我们可以简单封装一下,实现这个愿望. 定义一个结构 我们可以参考 vue-router 的设置 和 el-menu 的参数,设置一个适合我们需求的结构: ./router.js import { createRouter } from '@natur…

转载:http://www.cnblogs.com/setoutsoft/p/4996870.html 在Windows平台上开发客户端产品是一个非常痛苦的过程,特别是还要用C++的时候.尽管很多语言很多方法都可以开发Windows桌面程序,目前国内流行的客户端产品都是C++开发的,比如QQ,YY语音,迅雷等.快速,稳定是我认为的应用软件开发框架最基本的要求,对于UI还有两个要求就是界面美观,配置灵活.C++语言满足了快速的要求,传统的客户端软件开发框架如MFC,WTL等满足了稳定的要求.然而界…

转:http://www.cnblogs.com/setoutsoft/p/4996870.html 前言 在Windows平台上开发客户端产品是一个非常痛苦的过程,特别是还要用C++的时候.尽管很多语言很多方法都可以开发Windows桌面程序,目前国内流行的客户端产品都是C++开发的,比如QQ,YY语音,迅雷等.快速,稳定是我认为的应用软件开发框架最基本的要求,对于UI还有两个要求就是界面美观,配置灵活.C++语言满足了快速的要求,传统的客户端软件开发框架如MFC,WTL等满足了稳定的要求.然…

那些口口声声, Bug越来越难写人的,应该盯着你们: 像我一样,我盯着你们,满眼恨意. IT积攒了几十年的漏洞, 所有的死机.溢出.404和超时, 像是专门为你们准备的礼物. 圈复杂度.魔鬼变量.内存溢出, 制造工作量的神秘面纱被层层打开,可以尽情地写Bug. 自由搞死一台主机.弄挂一个数据库.撑爆消息队列.用RPC去搞挂远方的服务. 很多人,从入职你们就在自由探索失业的边缘: 很多人在刚入门就进入了不惑之年: 不惑于自己能搞死什么,不能搞死什么. 系统与系统之间的安全壁垒被打破, 你们只凭一行…

摘要:国庆旅游景点人太多,拍出来的照片全是人人人.车车车,该怎么办?不妨试试这个黑科技,让你的出游vlog秒变科幻大片. 本文分享自华为云社区<国庆出游神器,魔幻黑科技换天造物,让vlog秒变科幻大片!>,作者:技术火炬手 . 国庆出游,无论是拍人.拍景或是其他,"天空"都是关键元素.比如,一张平平无奇的景物图加上落日余晖的天空色调,氛围感就有了. 当然,自然景观的天空还不是最酷炫的.今天给大家介绍一款基于原生视频的AI处理方法,不仅可以一键置换天空背景,还可以打造任意&q…

前言 github地址:https://github.com/yexiaochai/wxdemo 接上文继续,我们前面学习了小程序的生命周期.小程序的标签.小程序的样式,后面我们写了一个简单的loading组件,显然他是个半成品,我们在做loading组件的时候意识到一个问题: 小程序的组件事实上是标签 我们没有办法获得标签的实例,至少我暂时没有办法 所以这些前提让我们对标签的认识有很大的不同,完成小程序特有的UI库,那么就需要从标签出发 这里面关注的点从js中的实例变成了wxml中的属性 我们…

1. 开发了一个摸鱼 App 我做了一个简单的 App:摸鱼. 如上图所示,这个 App 就只有一个按钮,点击后假装开始 Windows Update,然后用户就可以光明正大地摸鱼了. 不要小看摸鱼,所有天才的点子都不是敲键盘时激发的.在工作遇到阻滞时,越是投入工作越是找不到解决方案,这时候把目光从屏幕挪开,说不定在一边洗澡一边玩着小黄鸭时,一边发呆一边看着窗外时,一边睡觉一边扣肚子时,解决问题的灵感突然就掉进了脑海里. 所以我恬不知耻地将这个 App 发布到了 高效工作 分类,微软还通过了,现…

国内外最全面和主流的JS框架与WEB UI库...   当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境,对于不同浏览器的兼容性也不需要程序员操心,有了这些优点,当然大家都会使用这些框架或库. 本文整理了国内外最全面和主流的JS框架与WEB UI库,里面有许多人已经十分熟悉,比如JQUERY.当然也有很多是陌生的,可以通过本文了解他们各自的优缺点,或许你能找到更好用的也说不定! 几乎所有的富 Web 应用都基于…

当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境,对于不同浏览器的兼容性也不需要程序员操心,有了这些优点,当然大家都会使用这些框架或库. 本文整理了国内外最全面和主流的JS框架与WEB UI库,里面有许多人已经十分熟悉,比如JQUERY.当然也有很多是陌生的,可以通过本文了解他们各自的优缺点,或许你能找到更好用的也说不定! 几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架…

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库. WeUI 是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog.toast.article.icon等各式元素. 使用 方法一: 使用bower进行安装 ? 1 bower install --save weui 方法二: 使用npm进行安装 ? 1 npm install --save weui 开发 ? 1 2 3 4 5 gi…

你知道吗? 在我的心里 你是多么的重要 就像 恩 请允许我来一段 freestyle 你们准备好了妹油 你看 这个碗 它又大又圆 就像 这条面 它又长又宽 你们 在这里 看文章 觉得 很开心 就像 我在这里 给你们 写文章 觉得很开心 skr~~ 不好意思 走错片场了 ok.. 接下来,就是 学习 python 的正确姿势 咱们在上一次的 python爬虫13 | 秒爬,这多线程爬取速度也太猛了,这次就是要让你的爬虫效率杠杠的 了解了一些 python 高效爬虫的概念 比如多线程.多进程.协程等…

作者 | pk 哥 来源公众号 | Python知识圈(ID:PythonCircle) APP 也有文字转换为语音的功能,虽然听起来很别扭,但是基本能解决长辈们看不清文字或者眼睛疲劳,通过文字转换为语音来获取信息. 我们用 Python 能否实现文字转语音呢,可以的,百度有个语音接口,可以在 Python 中直接调用,甚至提供了多种声音选择,当然可以选择萌妹子的声音. 安装百度接口 通过 pip 命令直接安装( -i 后面是豆瓣的镜像,这样下载安装速度更快) pip3 install baid…

简介 想看看你最近一年都在干嘛?看看你平时上网是在摸鱼还是认真工作?想写年度汇报总结,但是苦于没有数据?现在,它来了. 这是一个能让你了解自己的浏览历史的Chrome浏览历史记录分析程序,当然了,他仅适用于Chrome浏览器或者以Chrome为内核的浏览器. 在该页面中你将可以查看有关自己在过去的时间里所访问浏览的域名.URL以及忙碌天数的前十排名以及相关的数据图表. 部分截图 代码思路 1. 目录结构 首先,我们先看一下整体目录结构 Code ├─ app_callback.py 回调函数,实…

春节将至,身在公司的你是不是已经完全丧失了工作的斗志? 但俗话说得好:"只要心中有沙,办公室也能是马尔代夫." 职场人如何才能做到最大效能地带薪"摸鱼",成为了一项证明工作效率的学问.正所谓"授之以鱼,不如授之以摸鱼." 今天就让我们来看看什么叫做开发人员职场"高效"摸鱼工具! Serverless 架构(无服务器架构),是云计算时代一种全新的.革命性的架构模式.它意味着开发者无需关心底层服务器等基础设施,平台会根据业务请求量…

PS:要转载请注明出处,本人版权所有. PS: 这个只是基于<我自己>的理解, 如果和你的原则及想法相冲突,请谅解,勿喷. 前置说明   本文作为本人csdn blog的主站的备份.(BlogID=112) 环境说明 Ubuntu 18.04 MLU270 加速卡一张 前言   阅读本文前,请务必须知以下前置文章概念: <寒武纪加速平台(MLU200系列) 摸鱼指南(一)--- 基本概念及相关介绍> ( https://blog.csdn.net/u011728480/articl…

PS:要转载请注明出处,本人版权所有. PS: 这个只是基于<我自己>的理解, 如果和你的原则及想法相冲突,请谅解,勿喷. 前置说明   本文作为本人csdn blog的主站的备份.(BlogID=114) 环境说明 MLU220 开发板 Ubuntu18.04 + MLU270开发主机一台 aarch64-linux-gnu-gcc 6.x 交叉编译环境 前言   阅读本文前,请务必须知以下前置文章概念: <寒武纪加速平台(MLU200系列) 摸鱼指南(一)--- 基本概念及相关介绍&…

Vue官网对于插槽的介绍比较简略,插槽本身也比较"烧脑",很容易看晕,我就一直没看懂,直到 使用了element-plus的组件的插槽. 其实我们可以换一个角度来理解插槽,就会豁然开朗了. 技术栈 vite vue3 element-plus 从父子组件的传值开始 父子组件传值可以通过 prosp + emit 来实现,虽然 props 可以传递各种类型,但是却不能传递组件(包括HTML),这样灵活度就差了一些. 那么怎么办呢?为了提高灵活性,Vue 提供了插槽功能. 插槽可以分为:插…

场景 在后端服务开发时,现在很流行的框架组合就是SSM(SpringBoot + Spring + MyBatis),在我们进行一些业务系统开发时,会有很多的业务数据表,而表中的信息从新插入开始,整个生命周期过程中可能会进行很多次的操作. 比如,我们在某网站购买一件商品,会生成一条订单记录,在支付完金额后订单状态会变为已支付,等最后我们收到订单商品,这个订单状态会变成已完成等. 假设我们的订单表t_order结果如下: 当订单创建时,需要设置insert_by,insert_time,updat…

概述 WeUI是一套同微信原生视觉体验一致的基础样式库,为微信Web开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog.toast.article.icon等各式元素. 这有什么好处呢?其实从上面也可以看到官方的话,就是让你的应用跟微信官方版本更加统一,而没有违和感.当然,更重要的是,这样的库在某些时候可以提供你的开发效率哦.github地址:https://github.com/weui/weui 使用 方法一: 使用bower进行安装 bower insta…

XB 软件公司最近发布了JavaScript UI 库Webix ,其中包含的组件超过45个,用这些组件可以构建跟HTML5 和 CSS3 兼容的程序,这些程序不仅能在个人电脑上运行,还能用在iOS. Android 和 Blackberry 设备上运行.它能访问离线web存储.地理位置( geolocation) API.能在画布上绘图,并集成了jQuery 和 Backbone.js. Webix提供了简单的服务端集成控件,PHP. ASP.NET.Java和 Ruby等各种技术都可以跟客户…