摘要:纯粹是给自己用的。每次都要找好久,所以记在这里了。 阅读全文
[置顶]自然框架的源代码、Demo、数据库、配置信息管理程序下载(2011.1.7更新)
2009-10-28 21:05 by 金色海洋(jyk), 26117 阅读, 28 推荐, 收藏, 编辑
摘要:自然框架在线演示:http://demo.naturefw.com/ 目前在线演示不开放管理员账号。自然框架的网站已经基本完成,下载就转到网站里面了,http://www.naturefw.com/down/List1.aspx请到这里下载。管理员的账号:admin密码:123登录后可以到“系统管理”——“账户管理”里面查看用户,密码都是 123 。自然框架里的数据访问函数库的帮助文件(自然框架DataAccessLibrary帮助.chm)这个是由网友“空”帮助制作完成的,在此表示衷心的感谢!http://files.cnblogs.com/jyk/自然框架DataAccessLibrary 阅读全文
[置顶]能自己“跑”的表单控件,思路,雏形,源码。vs2005版本
2008-05-25 17:32 by 金色海洋(jyk), 8788 阅读, 1 推荐, 收藏, 编辑
摘要:您是如何添加数据呢?方便吗?好修改吗,对于扩展又是怎么样的呢?大家一起来聊聊如何? 阅读全文
【vue3】详解单向数据流,大家千万不用为了某某而某某了。
2024-08-02 10:30 by 金色海洋(jyk), 532 阅读, 5 推荐, 收藏, 编辑
摘要:总览 Vue3 的单向数据流 尽信官网,不如那啥。 vue的版本一直在不断更新,内部实现方式也是不断的优化,官网也在不断更新。 既然一切皆在不停地发展,那么我们呢?等着官网更新还是有自己的思考? 我觉得我们要走在官网的前面,而不是等官网更新后,才知道原来可以这么实现。。。 我习惯先给大家一个整体的概 阅读全文
Vue3.3 的新功能的体验(下):泛型组件(Generic Component) 与 defineSlots
2023-05-26 12:11 by 金色海洋(jyk), 3575 阅读, 1 推荐, 收藏, 编辑
摘要:> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能,但是没有说Generic、defineSlots等,这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 阅读全文
Vue3.3 的新功能的一些体验
2023-05-16 17:38 by 金色海洋(jyk), 1372 阅读, 4 推荐, 收藏, 编辑
摘要:Vue3 在大版本 3.3 里面推出来了一些新功能(主要是语法糖),网上有各种文章,但是看起来似乎是一样的。 我觉得吧,有新特性了,不能光看,还要动手尝试一下。 DefineOptions 宏定义 先来一个简单的,以前我们有时候想设个name,有时候不想让组件自动继承属性,这时候需要单独设置一个sc 阅读全文
Vue3实现组件级基类的几种方法
2023-04-28 08:20 by 金色海洋(jyk), 561 阅读, 1 推荐, 收藏, 编辑
摘要:Vue3的组件有三种代码组织方式 纯Option API (不含setup) option API + setup 纯 setup (即composition API) 对于这三种形式,设置基类的方法也略有不同。 使用 mixins、extends vue3提供了 mixins和extends,但是 阅读全文
【摸鱼神器】UI库秒变低代码工具——表单篇(二)子控件
2022-07-17 09:22 by 金色海洋(jyk), 1222 阅读, 3 推荐, 收藏, 编辑
摘要:上一篇介绍了表单控件,这一篇介绍一下表单里面的各种子控件的封装方式。 主要内容 需求分析 子控件的分类 子控件属性的分类 定义 interface。 定义子控件的的 props。 定义 json 文件。 基于 UI库 进行二次封装,实现依赖 json 渲染。 通过 slot 、 “字典”,实现自定义 阅读全文
【摸鱼神器】UI库秒变低代码工具——表单篇(一)设计
2022-06-29 19:43 by 金色海洋(jyk), 1898 阅读, 1 推荐, 收藏, 编辑
摘要:前面说了列表的低代码化的方法,本篇介绍一下表单的低代码化。 内容摘要 需求分析。 定义 interface。 定义表单控件的 props。 定义 json 文件。 基于 el-form 封装,实现依赖 json 渲染。 实现多列、验证、分栏等功能。 使用 slot 实现自定义扩展。 自定义子控件。( 阅读全文
用Typescript 的方式封装Vue3的表单绑定,支持防抖等功能。
2022-06-23 09:11 by 金色海洋(jyk), 2109 阅读, 3 推荐, 收藏, 编辑
摘要:Vue3 的父子组件传值、绑定表单数据、UI库的二次封装、防抖等,想来大家都很熟悉了,本篇介绍一种使用 Typescript 的方式进行统一的封装的方法。 基础使用方法 Vue3对于表单的绑定提供了一种简单的方式:v-model。对于使用者来说非常方便,v-model="name" 就可以了。 自己 阅读全文
【摸鱼神器】UI库秒变LowCode工具——列表篇(二)维护json的小工具
2022-06-10 08:34 by 金色海洋(jyk), 1134 阅读, 1 推荐, 收藏, 编辑
摘要:上一篇介绍了一下如何实现一个可以依赖 json 渲染的列表控件,既然需要 json 文件,那么要如何维护这个 json 文件就成了重点,如果没有好的维护方案的话,那么还不如直接用UI库。 所以需要我们做一个维护 json 文件的小工具,维护 json 有多方法: 最基础的方法就是手撸,显然这个是下下 阅读全文
【摸鱼神器】UI库秒变LowCode工具——列表篇(一)设计与实现
2022-06-06 12:11 by 金色海洋(jyk), 1253 阅读, 1 推荐, 收藏, 编辑
摘要:内容摘要: 需求分析 定义 interface 定义 json 文件 定义列表控件的 props 基于 el-table 封装,实现依赖 json 渲染 实现内置功能:选择行(单选、多选),格式化、锁定等。 使用 slot 实现自定义扩展 做个工具维护 json 文件(下篇介绍) 管理后台里面,列表 阅读全文
【摸鱼神器】一次搞定 vue3的 路由 + 菜单 + tabs
2022-05-25 08:52 by 金色海洋(jyk), 5965 阅读, 8 推荐, 收藏, 编辑
摘要:做一个管理后台,首先要设置路由,然后配置菜单(有时候还需要导航),再来一个动态tabs,最后加上权限判断。 这个是不是有点繁琐?尤其是路由的设置和菜单的配置,是不是很雷同?那么能不能简单一点呢?如果可以实现设置一次就全部搞定的话,那么是不会很香呢? 我们可以简单封装一下,实现这个愿望。 定义一个结构 阅读全文
被迫开始学习Typescript —— vue3的 props 与 interface
2022-05-19 15:24 by 金色海洋(jyk), 8806 阅读, 3 推荐, 收藏, 编辑
摘要:vue3 的 props Vue3 的 props ,分为 composition API 的方式以及 option API 的方式,可以实现运行时判断类型,验证属性值是否符合要求,以及提供默认值等功能。 props 可以不依赖TS,自己有一套运行时的验证方式,如果加上TS的话,还可以实现在编写代码 阅读全文
被迫开始学习Typescript —— class
2022-05-16 09:03 by 金色海洋(jyk), 533 阅读, 1 推荐, 收藏, 编辑
摘要:TS 的 class 看起来和 ES6 的 Class 有点像,基本上差别不大,除了 可以继承(实现)接口、私有成员、只读等之外。 参考:https://typescript.bootcss.com/classes.html 基本用法 我们可以定义一个 class,设置几个属性,然后设置一个方法,封 阅读全文
被迫开始学习Typescript —— interface
2022-05-14 10:11 by 金色海洋(jyk), 472 阅读, 0 推荐, 收藏, 编辑
摘要:一开始以为,需要使用 class 来定义呢,学习之后才发现,一般都是使用 interface 来定义的。 这个嘛,倒是挺适合 js 环境的。 参考:https://typescript.bootcss.com/interfaces.html 简单接口 我们先来定义一个简单的接口 interface 阅读全文
结合 Vuex 和 Pinia 做一个适合自己的状态管理 nf-state
2022-05-11 13:46 by 金色海洋(jyk), 785 阅读, 2 推荐, 收藏, 编辑
摘要:一开始学习了一下 Vuex,感觉比较冗余,就自己做了一个轻量级的状态管理。 后来又学习了 Pinia,于是参考 Pinia 改进了一下自己的状态管理。 结合 Vuex 和 Pinia, 保留需要的功能,去掉不需要的功能,修改一下看着不习惯的使用方法,最后得到了一个满足自己需要的轻量级状态管理 —— 阅读全文
一篇文章说清 webpack、vite、vue-cli、create-vue 的区别
2022-05-09 13:20 by 金色海洋(jyk), 5048 阅读, 5 推荐, 收藏, 编辑
摘要:webpack、vite、vue-cli、create-vue 这些都是什么?看着有点晕,不要怕,我们一起来分辨一下。 先看这个表格: 脚手架 vue-cli create-vue 构建项目 vite 打包代码 webpack rollup 脚手架:创建项目,选择性安装需要的插件,指定统一的风格,生 阅读全文