blog
blog copied to clipboard
lin-xin
林鑫的个人博客，用于总结平时工作和学习中的经验。
[项目地址](https://github.com/lin-xin/notepad) ## 功能说明 - 支持回车添加事件 - 支持事件状态切换 - 添加事件 -> 进入未完成列表 - 未完成 -> 已完成(勾选checkbox) - 未完成 -> 已取消(点击取消按钮) - 已完成 -> 未完成(取消勾选checkbox) - 已取消 -> 未完成(点击恢复按钮) - 支持下载数据到notepad.txt文件 -...
[项目地址](https://github.com/lin-xin/manage-system) ## 前言 ## 之前在公司用了Vue + Element组件库做了个后台管理系统，基本很多组件可以直接引用组件库的，但是也有一些需求无法满足。像图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能，就需要引用其他的组件才能完成。从寻找组件，到使用组件的过程中，遇到了很多问题，也积累了宝贵的经验。所以我就把开发这个后台管理系统的经验，总结成这个后台管理系统解决方案。 该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发。基于vue.js,使用vue-cli脚手架快速生成项目目录，引用Element UI组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。 ## 功能 ## - [x] Element UI - [x] 登录/注销 - [x] 表格 - [x] 表单 - [x] 图表...
## 前言 之前上线了一个vue后台管理系统，有小伙伴问我有没有后端代码，咱只是个小前端，这就有点为难我了。不过不能辜负小伙伴的信任，nodejs也可以啊，废话不多说，开搞！后端采用 TSRPC 框架实现 API 接口，前端采用 [vue-manage-system](https://github.com/lin-xin/vue-manage-system) 后台管理系统框架，数据库采用 mongodb。TSRPC 是专为 TypeScript 设计的 RPC 框架，经千万级用户验证。适用于 HTTP API、WebSocket 实时应用、NodeJS 微服务等场景。有兴趣深入了解可以参考 [TSRPC官方文档。](https://tsrpc.cn/) ## 创建项目 用 TSRPC 脚手架快速创建一个项目，会生成 backend 和 frontend 两个文件夹，把 vue-manage-system...
## 前言 在后台管理项目中，Excel文件的上传和下载是比较常见的需求，可用于批量导入和导出数据。虽然这只是一个平平无奇的需求，但是对于作为一名前端开发者来说，有2种实现方式，分别为复杂和简单。首先来说下复杂的实现方式。 ## 上传 xlsx.js 是一个用来转换 BASE64 编码的 XLSX 文件数据为 JavaScript 对象，也支持 JavaScript 对象到 XLSX 数据的转换。前端使用 xlsx.js 来解析 Excel，把解析后的数据根据服务器需要的格式进行处理后上传给服务器，可以减少服务器的处理工作，在并发量大的时候，把数据处理放大前端，是有利于服务器性能的。先安装xlsx，`yarn add xlsx`。 ```html 上传Excel 下载Excel模板 ``` 我们期望用户能按照我们想要的格式上传文件，所以需要给用户一个模板可以参考，只需要把模板文件 template.xlsx 放到 /public...