彭加李

摘要： 其他章节请看： react 高效高质量搭建后台系统 系列 尾篇 本篇主要介绍表单查询、表单验证、通知（WebSocket）、自动构建。最后附上 myspug 项目源码。 项目最终效果： 表单查询 需求：给角色管理页面增加表格查询功能，通过输入角色名称，点击查询，从后端检索出相应的数据。 效果如下： 阅读全文

摘要： 其他章节请看： react 高效高质量搭建后台系统 系列 权限 本系列已近尾声，权限是后台系统必不可少的一部分，本篇首先分析spug项目中权限的实现，最后在将权限加入到我们的项目中来。 spug 中权限的分析 权限示例 比如我要将应用发布模块的查看权限分给某用户（例如 pjl），可以这样操作： 在角 阅读全文

摘要： 其他章节请看： react 高效高质量搭建后台系统 系列 表格 有一种页面在后台系统中比较常见：页面分上下两部分，上部分是 input、select、时间等查询项，下部分是查询项对应的表格数据。包含增删改查，例如点击新建进行新增操作。就像这样： 本篇将对 ant 的表格进行封装。效果如下： spug 阅读全文

摘要： 其他章节请看： react 高效高质量搭建后台系统 系列 系统布局 前面我们用脚手架搭建了项目，并实现了登录模块，登录模块所依赖的请求数据和antd（ui框架和样式）也已完成。 本篇将完成系统布局。比如导航区、头部区域、主体区域、页脚。 最终效果如下： spug 中系统布局的分析 spug 登录成功 阅读全文

摘要： 其他章节请看： react 高效高质量搭建后台系统 系列 登录 本篇将完成登录模块。效果和 spug 相同： 需求如下： 登录页的绘制 支持普通登录和LDAP登录 登录成功后跳转到主页，没有登录的情况下访问系统会重定向到登录页，登录成功后再次回到之前的页面。系统会话过期后，请求会重定向到登录页。 T 阅读全文

摘要： 其他章节请看： react 高效高质量搭建后台系统 系列 antd 后续要做登录模块（主页），不仅要解决请求数据的问题，还需要完成 antd 配置以及样式的准备。 antd 多种主题风格 详情请看 这里 spug 没有提供多种主题风格。 笔者还是决定稍作研究，万一公司需要呢。 步骤如下： 安装 le 阅读全文

摘要： 其他章节请看： react 高效高质量搭建后台系统 系列 请求数据 后续要做登录模块（主页），需要先和后端约定JSON数据格式，将 axios 进行封装，实现本地的数据模拟 mockjs。 Tip：spug 中后端返回 json 通常有 data 和 error两个 key。就像这样：{data: 阅读全文

摘要： react 高效高质量搭建后台系统 前言 目标：用 react 高效高质量搭建后台系统 如何实现：搞定一个优秀的、通用的、有一定复杂度的react的后台系统。类似项目就可以依葫芦画瓢快速展开。 spug 能否当此重任？可以。首先它是一个优秀的开源 react 项目，此刻（20221215） Star 阅读全文

摘要： 其他章节请看： react 高效高质量搭建后台系统 系列 脚手架搭建 本篇主要创建新项目 myspug，以及准备好环境（例如：安装 spug 中用到的包、本地开发和部署、自定义配置 react-app-rewired、代理 http-proxy-middleware、babel），为后续搭建真正的框 阅读全文

摘要： Jitsi Meet 背景 接到一个任务，想在公司内网搭建一个视频会议系统，用于公司内部或与分公司交流，需要内网部署，最好是开源免费。 项目定位 查找了如下几个项目: tailchat-meeting - https://github.com/msgbyte/tailchat-meeting sta 阅读全文

摘要： 其他章节请看： 低代码 系列 可视化编辑器3 这是可视化编辑器的最后一篇，本篇主要实现属性区和组件的放大和缩小，最后附上所有代码。 属性区：即对编辑区的组件进行编辑，例如编辑文本的文本、字体大小，对按钮编辑文本、按钮类型、按钮大小 放大和缩小：在编辑区能通过拖拽放大缩小组件。 首先看一下可视化编辑器 阅读全文

摘要： 软件安装(Ubuntu) 本篇主要讲解 ubuntu 中软件的安装、apt 的源、内网部署案例（graylog 为例），最后是 python 开发准备。 apt 和 rpm 在linux 第一篇我们知道如果机器是 ubuntu 则可用 apt-get/dpkg 安装软件，如果是centos 则可用 阅读全文

摘要： gif 制作 博文中使用 gif 有时比纯粹的图片更明了。比如展示“墨刀”中的动画效果： 录制视频 首先利用录制视频，例如使用在线录制工具 vizard。 Tip：需要花费2分钟手机注册登录。 点击创建视频->录制视频，选择屏幕，例如笔者想录制“墨刀”的操作，那就选择“窗口”中的墨刀。就像这样： 点 阅读全文

摘要： 前端学习 nginx 本篇主要讲解 nginx 常用命令、基础概念（正向/反向代理、负载均衡、动静分离、高可用）、配置文件结构，并通过简单的实验来体验反向代理和负载均衡，最后说一下 nginx 原理。 为什么需要学习 nginx 场景1：跨域需求。比如后端不愿意使用 cors，前端可用 proxy 阅读全文

摘要： lodash 起步（数组） Lodash 是一个较为流行的 JavaScript 的实用工具库。 在开发过程中如果能熟练使用一些工具库提供的方法，有利于提高开发效率。 笔者从 API 上入手，不分析其源码，先从全局的角度来体验、研究它。分析 API 的命名特性、哪些方法有用，哪些又是比较鸡肋，仅代表 阅读全文

摘要： 前端学画原型图 墨刀是一款国内较为出名的原型工具，常用于移动端，也可以做 PC 后台系统。 安装简单、使用方便，制作完成后可以通过 URL + 密码发布，通过浏览器查看。 如果需要导出 Html 离线包，需要升级版本，免费版本可以导出 png、pdf。 安装 访问 modao.cc 下载所需版本。 阅读全文

摘要： 其他章节请看： 低代码 系列 可视化编辑器2 在第一篇中我们搭建了可视化编辑器的框架，完成了物料区和组件区的拖拽；本篇继续完善编辑器的功能，例如：撤销和重做、置顶和置底、删除、右键菜单、快捷键。 撤销和重做 需求：给物料区和编辑区添加撤销和重做功能 例如： 从物料区依次拖拽组件到编辑区，点击撤销能回 阅读全文

摘要： ## 低代码 系列 ### 前言 低代码不是一个纯粹的编程工具，把它叫做`生产力提高工具`更为合适。 ### 目录 > 1. [初步认识 Appsmith][初步认识 Appsmith] > 1. [初步认识低代码][初步认识低代码] > 1. [可视化编辑器1][可视化编辑器1] > 1. [可视 阅读全文

摘要： 其他章节请看： 低代码 系列 可视化编辑器1 前言 前面我们学习低代码，例如百度的低代码平台 amis，也有相应的可视化编辑器，通过拖拽的方式生成配置文件。就像这样 笔者自己也有类似需求：比如中台有个归档需求，通过选择一些配置让后端执行一些操作。目前只有A项目要归档，过些日子B项目也需要归档，后面还 阅读全文

摘要： electron 基础 前文我们快速的用了一下 electron。本篇将进一步介绍其基础知识点，例如：生命周期、主进程和渲染进程通信、contextBridge、预加载（禁用node集成）、优雅的显示窗口、父子窗口、存储并恢复 electron 窗口、、右键上下文信息、右键菜单、菜单与主进程通信、选 阅读全文