【笔记】Vue Element+Node.js开发企业通用管理后台系统
文章平均质量分 91
程序边界
step by step, all the way up!
展开
-
【笔记】Vue Element+Node.js开发企业通用管理后台系统——电子书列表页面开发
一、电子书编辑1.表单规则校验2.提交表单3.将目录存入数据库二、电子书在数据库中查重三、电子书查询四、更新电子书原创 2020-10-01 17:57:55 · 671 阅读 · 0 评论 -
【笔记】Vue Element+Node.js开发企业通用管理后台系统——电子书解析功能开发
一、电子书解析1.构建函数2.从文件创建 Book 对象3.电子书解析(1)epub 库集成(2)使用 epub 库解析电子书(3)epub 库获取图片逻辑修改(4)电子书目录解析二、前端逻辑1.上传成功事件2.删除电子书事件3.目录点击事件三、用户引导1.创建 step2.引入 Driver3.创建 Driver4.显示引导原创 2020-10-01 17:57:23 · 888 阅读 · 3 评论 -
【笔记】Vue Element+Node.js开发企业通用管理后台系统——电子书上传功能开发
一、创建上传页面组件二、上传组件开发三、上传 API 开发四、上传图书表单原创 2020-09-18 23:21:13 · 597 阅读 · 0 评论 -
【笔记】Vue Element+Node.js开发企业通用管理后台系统——用户登录(下)(JWT)
七、JWT 基本概念1.Token 简析Token 是什么Token 与 Session、Cookie 的区别Token 的用途2.JWT 简析JWT 构成HEADER: ALGORITHM & TOKEN TYPEPAYLOAD: DATAVERIFY SIGNATURE八、生成 JWT Token九、前端登录请求改造十、JWT 认证十一、前端传入 JWT Token十二、用户查询 /user/info API十三、修改 Logout 方法十四、关于 RefreshToke原创 2020-09-17 18:21:41 · 761 阅读 · 0 评论 -
【笔记】Vue Element+Node.js开发企业通用管理后台系统——用户登录(下)(搭建https、拦截器、跨域、数据库)
一、后端 API 处理流程二、搭建 https 服务三、创建 /user/login API四、响应结果封装五、登录用户数据库查询1.安装2.配置六、express-validator安装验证原创 2020-09-17 18:18:14 · 518 阅读 · 2 评论 -
【笔记】Vue Element+Node.js开发企业通用管理后台系统——用户登录(中)
文章目录一、登录组件分析1.布局分析2.checkCapslock 方法3.handleLogin 方法4.user/login 方法二、axios 用法分析1.axios 基本案例2.axios.create 示例3.axios 请求拦截器4.axios 响应拦截器一、登录组件分析1.布局分析登录组件 login.vue 布局要点如下:el-form 容器,包含 username 和...原创 2020-09-15 14:22:10 · 744 阅读 · 0 评论 -
【笔记】Vue Element+Node.js开发企业通用管理后台系统——用户登录(上)
文章目录一、登录流程分析二、界面简化三、逻辑简化一、登录流程分析二、界面简化打开src\views\login\index.vue将 template 改为:<template> <div class="login-container"> <el-form ref="loginForm" :model="loginFor...原创 2020-04-20 16:34:32 · 3409 阅读 · 3 评论 -
【实战】Vue Element+Node.js开发企业通用管理后台系统——Vue进阶(上)
文章目录一、$emit 和 $on1.$on2.$emit二、directive 用法三、Vue.component 用法源码分析四、Vue.extend 用法五、Vue.extend 进阶用法六、Vue.use 用法http://www.youbaobao.xyz/admin-docs/guide/base/vue.html一、$emit 和 $on$emit 和 $on主要负责事...原创 2020-04-07 13:45:26 · 2228 阅读 · 0 评论 -
【实战】Vue Element+Node.js开发企业通用管理后台系统——Vue进阶(下)
文章目录一、组件通信 provide 和 injectVue 进阶一、组件通信 provide 和 inject<html> <head> <title>组件通信 provide 和 inject</title> <script src="https://cdn.jsdelivr.net/npm/vue/dis...原创 2020-04-10 00:25:31 · 2474 阅读 · 1 评论 -
【实战】Vue Element+Node.js开发企业通用管理后台系统——Element-UI 入门
文章目录一、简介二、基本用法三、按需加载四、插件引用五、表单基本用法六、表单校验基本用法七、表单校验高级用法用法一:动态改变校验规则用法二:手动控制校验状态八、表单属性解析disabledsize:设置表单组件尺寸九、分析element-ui源码1.入口文件分析2.form.vue3.form-item.vueElement-UI 入门 | 「小慕读书」管理后台一、简介饿了么开源组件...原创 2020-04-10 23:51:53 · 1183 阅读 · 0 评论 -
【实战】Vue Element+Node.js开发企业通用管理后台系统——Vuex 和 Vue-router 进阶
文章目录一、Vuex 原理解析二、vue-router 实现原理三、vue-router 路由守卫全局守卫局部守卫四、路由元信息五、路由 API一、Vuex 原理解析github:vuex 源码案例:Vuex 原理解析Vuex 的原理关键:使用 Vue 实例管理状态 <body> <div id="root">{{data}}</div&g...原创 2020-04-12 12:00:43 · 778 阅读 · 0 评论 -
【实战】Vue Element+Node.js开发企业通用管理后台系统——前端框架搭建
文章目录一、项目初始化前端框架搭建 | 「小慕读书」管理后台一、项目初始化vue-element-admingit clone https://github.com/PanJiaChen/vue-element-admincd vue-element-adminnpm inpm run dev项目精简删除 src/views 下的源码,保留:dashboard:首页...原创 2020-04-12 20:39:20 · 1885 阅读 · 0 评论 -
【实战】Vue Element+Node.js开发企业通用管理后台系统——服务端开发框架搭建
文章目录一、Node 简介二、Express 简介三、项目初始化1.创建项目2.安装依赖3.创建 app.js三、Express 三大基础概念1.中间件2.路由3.异常处理五、项目框架搭建1.路由后端框架搭建 | 「小慕读书」管理后台一、Node 简介nodejs/node: Node.js JavaScript runtimeNode 是一个基于 V8 引擎的 Javascr...原创 2020-04-12 23:27:15 · 2516 阅读 · 0 评论 -
【实战】Vue Element+Node.js开发企业通用管理后台系统——项目需求分析
文章目录一、项目技术架构1.三个应用2.项目目标二、技术难点分析1.登录2.电子书上传3.电子书解析4.电子书增删改5.epub 电子书三、Nginx 服务器搭建1.安装 nginx2.修改配置文件3.启动服务4.资源文件5.常见问题(1)解决 macOS operation not permitted 问题(2)解决 Windows 同学路径配置错误启动出现 500 异常(3)如何申请 http...原创 2020-04-14 01:34:06 · 1789 阅读 · 41 评论