保存成功
订阅成功
保存失败,请重试
提交成功
乔巴巴@Demo源码君

乔巴巴@Demo源码君

全栈工程师
第五年全栈项目经验,前端主要擅长 VUE、REACT 框架等,后端主要擅长 C# MVC,Node.js 技术等,移动端主要擅长 Uni-App,小程序等。专注于项目实战,喜欢总结经验,分享实战 Demo。座右铭:“授人以鱼不如授人以渔,固然美好,但既授渔又授鱼岂不更妙哉”...更多
创作文章3

基于 Vue + Element-UI + Vue-Simple-Upload 实现仿百度网盘文档管理

后台管理系统中,“文档管理”模块很常见且很重要,本场 Chat 就针对“文档管理”进行简单探究,且仿照“百度网盘”操作方式实现一个实用的 Demo,[预览地址](http://www.ctrlcv.vip/)(该 Demo 直接在上两篇“框架”上实现的,有兴趣的可以看一下我的上两篇文章,其功能也还在优化中)。这个 Demo 细节比较多,干货也比较多,主要是 js 相关操作,Element-UI 的 Table 组件操作,再加上 Vue 上传组件 Vue-Simple-Uploader 相关操作。文档管理跟后台紧密结合,本场 Chat 侧重前端相关操作,但是源码中会提示读者适当的位置进行 API 操作,以及与后台对接时的某些注意项(约定)。 文档模块“隐藏”操作: 1. “虚线框”内文件拖拽上传; 2. 双击文件夹可进入该文件夹 3. 单击选中当前行,再次单击选中行,可编辑文件(夹)名称 4. “文件夹面包屑”中可点击“返回上一级”,也可以返回到指定“文件夹” 5. 鼠标悬浮显示“删除、下载”,且点击可操作 6. 大小、日期可排序 7. ...... 本场干货: 1. Vue-Simple-Uploader 上传组件的常规用法(包括与后台对接“约定”) 2. Element-UI 框架的 Table 组件行间操作的拓展(如,重命名文件(夹),鼠标悬浮显示“删除”、“下载”等) 3. 文档管理中相关 JS 操作及对象、数组操作整理 4. 前端源码 (文档管理中你所看到的操作方法和 UI 样式) 你可以结合源码修改,与后端联合,打造实现属于自己的“文档管理”模块,了解其实现思路后,可以使用其他框架实现,也是完全 ok 的。 本场 Chat 适合人群:如果你对上面写的感兴趣,且有一点 Vue 基础即可
Vue.js
135 订阅

手把手教你搭建 Vue 后台管理系统框架(二)多项目用户、角色、权限篇

基于[上一篇《手把手教你搭建 Vue 后台管理系统框架(一)路由+ Tabs 篇》](https://gitbook.cn/m/mazi/activity/5db1a2469fc75b4c0af61ee4),本场 Chat 继续在框架一上实现 “用户”、“角色”、“权限” 等系统模块功能,并封装一些公用组件。由于这块后台 API 涉及的也比较多,我会提供后台 API 接口地址,供大家调试、参考(目前后台是 C# 写的,后面我会整理成 Node.js 之后,再开放出来)。[项目预览地址](http://www.ctrlcv.vip) (目前只有框架一的功能,本场 Chat 完结后会保持更新)。 本场 Chat 主要内容: 1. 封装 Table 表格的分页查询组件; 2. 实现前端分页,后端分页两种分页方式(可带查询条件); 3. Table 表格导出 Excel 功能; 4. 实现(多项目)用户管理,角色管理,权限管理; 5. 了解 Element-ui 中 Table 表格,Pagination 分页,Form 表单(表单验证)等组建基本用法; 6. 提供前端源码及注释(提供框架二篇源码,会告诉你怎么整合框架一篇源码,保证框架完整正常运行)。 本 Chat 尤其适合以下群: 1. 看过我[上一篇 Chat](https://gitbook.cn/m/mazi/activity/5db1a2469fc75b4c0af61ee4) 的小伙伴; 2. 想了解一般多项目后台管理系统中用户,角色,权限设计的小伙伴; 3. 有一点 Vue 基础的小伙伴;
Vue.js
153 订阅

手把手教你搭建 Vue 后台管理系统框架(一)路由+ Tabs 篇

本场 Chat 主要内容: 1. 可以基于这套骨架搭建属于自己的后台管理系统框架; 2. 可以在自己的 Vue 项目中加入多 Tabs 功能; 3. 了解 Vue-Router 、VueX 基本用法; 4. 了解 Element-ui 中 Menu、Tabs 等组建基本用法; 5. 提供源码及注释,开箱即用,提高开发效率,节省开发成本。 适合人群:初中级前端开发者,对 vue 感兴趣者。
严选Vue.js
369 订阅
微信扫描登录