QuickAdmin 是一款基于 ThinkPHP6+Vue3+ElementPlus 开箱即用的中后台管理系统框架,几分钟完成一个 CRUD, 支持一键 CRUD 代码生成,无需关注页面模板 JavaScript, 只用 php 代码即可快速构建出一个功能完善的后台系统。快速开发 CRUD、强大的权限管理系统,可维护性高,可扩展性高、注解权限 RBAC 的权限系统,强大的插件扩展功能,在线安装卸载升级插件,通用的会员模块和 API 模块。
回忆是薄荷味 发布的最新帖子
-
中后台管理系统框架sciqtw-QuickAdmin
-
红白机像素风CSS框架NES.css
NES.css 是一款 NES-风格(8位机) 的 CSS 框架,只需要 CSS ,不依赖其他任何 JavaScript,可以使用它实现红白机风格的按钮,字体,对话框。NES.css 只提供组件,你需要定义自己的布局.默认字体 Press Start 2P 只支持英文字符.,把这个框架与其他非英语的语言一起使用的时候,,请使用另外的字体.。请根据这个关于 Google Fonts 的 说明 了解如何把它引入项目, 或者按照如下方式简单引入:
<head>
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />
<style>
html, body, pre, code, kbd, samp {
font-family: "font-family you want to use";
}
</style>
</head> -
极速后台开发框架laytp2
laytp2.0 是基于 ThinkPHP6 + LayUI 的极速后台开发框架。Laytp框架 是基于 ThinkPHP6 + LayUI 的极速后台开发框架,使用ThinkPHP6的单应用模式,实现了多应用的效果、前后端完全分离及丰富的表单元素。兼容单域名和多域名部署模式,提供后台基础功能,提供丰富的插件。
项目地址:
https://www.oschina.net/p/laytp2
-
轻量级可编辑表格插件etable
etable 是一款基于 jQuery 的轻量级可编辑表格插件,适用于快速录单等应用场景,支持键盘操作。工作中经常碰到一种需求场景,当我们在添加数据记录的时候,其附带的一些数据需要以关联数据(在数据库中表现为关联的数据表)形式一同添加,比如在采购单录单、添加人员基本信息时需要一同填写人员的履历、经验和获奖证书等情况,而这些关联数据本身又是一条一条的记录,所以亟需一种可编辑的子表格,能方便嵌入到现有表单中。
网络上这种类似的功能插件很多,但不是太复杂就是操作太繁琐,也往往和录单本身需要的功能初心相悖,所以自己就做了一个类似的插件,以便可以重复使用。这个插件完全是用在web前端页面的,可方便嵌入到web应用中,考虑到时间问题,所以用了jQuery实现,有点类似于easyui的datagrid,但easyui的datagrid默认不支持键盘操作和新增删除列,需要自己扩展,索性就自己单独实现一个轻量的类datagrid插件,应该说适合自己的才是最好的。
-
可视化拖拽页面编辑器
前端技术日益发展,组件化日益成熟,作为一个前端,每天的工作就是用组件堆砌页面,有没有一种方式可以像CocosCreator,通过组件+脚本绑定的方式来实现我们的页面和功能,今天我们就来实现一个提高生产力的工具 可视化拖拽页面编辑器, 让产品和UI通过拖拽编辑页面,生产自己想要的页面。
实现功能:
主页面结构:左侧可选组件列表、中间容器画布、右侧编辑组件定义好的属性;
从菜单拖拽组件到容器;
单选、多选;容器内的组件可以拖拽移动位置;
组件拖拽调整宽高;组件拖拽贴边,显示辅助线;
操作栏按钮与命令。
组件绑定值;根据组件标识,通过作用域插槽自定义某个组件的行为。
-
轻松搞定webpack5.x
webpack属于一种前端资源构建工具,也可以称之为一个静态模块打包器。同时就webpack而言,前端的所有资源文件都可以作为模块来处理。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源。
entry:代表入口。webpack是基于模块的,使用webpack首先需要指定模块解析入口(entry),webpack从入口开始根据模块间依赖关系递归解析和处理所有资源文件。output:指的是输出。源代码经过webpack处理之后的最终产物。loader:指的是模块转换器。本质就是一个函数,在该函数中对接收到的内容进行转换,返回转换后的结果。并且因为Webpack 只能够辨别JavaScript语言,所以 Loader就顺利成章的成为了翻译官,然后对其他类型的资源进行转译的预处理工作。
plugin:扩展插件。基于事件流框架 Tapable,插件可以扩展 Webpack 的功能,在 Webpack 运行的生命周期中会广播出许多事件,Plugin 可以监听这些事件,在合适的时机通过 Webpack 提供的 API 改变输出结果。
mode 模式:这个模式下能够通过选择development 或 production的方式,来设置mode参数,并且能够启用相应模式下的 webpack 内置的优化。
-
CODO云管理平台
CODO是一款为用户提供企业多混合云、一站式DevOps、自动化运维、完全开源的云管理平台。并且CODO前端是基于Vue iview开发、可以为用户提供友好的操作界面,能够很好的增强用户体验。
CODO的后端是基于Python Tornado开发,它的优势为轻量、简洁清晰、异步非阻塞。CODO开源多云管理平台将为用户提供多功能:ITSM、基于RBAC权限系统、Web Terminnal登陆日志审计、录像回放、强大的作业调度系统、CMDB、监控报警系统、DNS管理、配置中心等。
CODO的模块主要有:定时任务:它是基于Tornado实现的,并且定时任务系统,是完全兼容Linux Crontab语法,且支持到秒级;任务调度:同时也是基于Tornado实现,能够支持系统核心调度,可以分布式扩展,自由编排任务,自由定义流程,支持多种触发,支持审批审核,支持操作干预;资产管理:基于Tornado实现,资产管理系统,支持手动添加资产,同时也支持从AWS/阿里云/腾讯云自动获取资产信息。
CODO的配置中心同时也是基于Tornado实现的,而且可基于不同项目、环境管理配置,支持语法高亮、历史版本差异对比、快速回滚,并提供Restful风格的API;域名管理:基于Tornado实现,支持多区域智能解析、可视化Bind操作、操作日志记录;运维工具:基于Tornado实现,运维场景中常用的加密解密、事件、故障、项目记录、提醒、报警等。
-
Mobx简单、可扩展的状态管理库
任何可以从应用状态中派生出来的值都应该被自动派生出来。MobX 是一个身经百战的库,它通过运用透明的函数式响应编程(Transparent Functional Reactive Programming,TFRP)使状态管理变得简单和可扩展。
简单直接:编写无模板的极简代码来精准描述出你的意图。要更新一个记录字段?使用熟悉的 JavaScript 赋值就行。要在异步进程中更新数据?不需要特殊的工具,响应性系统会侦测到你所有的变更并把它们传送到其用武之地。
轻松实现最优渲染:所有对数据的变更和使用都会在运行时被追踪到,并构成一个截取所有状态和输出之间关系的依赖树。这样保证了那些依赖于状态的计算只有在真正需要时才会运行,就像 React 组件一样。无需使用记忆化或选择器之类容易出错的次优技巧来对组件进行手动优化。
架构自由:MobX 不会用它自己的规则来限制你,它可以让你在任意 UI 框架之外管理你的应用状态。这样会使你的代码低耦合、可移植和最重要的——容易测试。