![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
SPA前端框架
张润红
这个作者很懒,什么都没留下…
展开
-
SPA项目开发之动态树+数据表格+分页
文章目录1、动态树2、数据表格数据加载3、分页功能实现1、动态树代码如下:左侧菜单LeftNav.vue<template> <el-menu router :default-active="$route.path" class="el-menu-vertical-demo" background-color="#334157" text-color="#fff"...原创 2019-08-13 20:05:11 · 137 阅读 · 0 评论 -
SPA项目值跨域开发之登录
文章目录1. Vue的登录功能实现2. Vue+ElementUI设计登陆页面(前端代码)3.后台代码4.测试1. Vue的登录功能实现1.1 使用vue-cli脚手架工具创建一个vue项目 vue init webpack 项目名1.2 npm安装elementUInpm install element-ui -S #安装element-ui模块...原创 2019-08-09 22:39:03 · 900 阅读 · 0 评论 -
SPA项目开发之CRUD+表单验证
文章目录1、表单验证2.增删改完整版1、表单验证1.1:Form组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将Form-Item的prop属性设置为需校验的字段名即可 <el-form-item label="活动名称" prop="name"> <el-form :model="ruleForm" :rules="rules" re...原创 2019-08-14 18:13:38 · 96 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
文章目录1.Mock.jsMock.js使用步骤2. 后台首页AppMain.vue的创建1.Mock.js今天讲一个模拟数据生成器Mock.js,是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。想要了解更多请看官方文档:http://mockjs.com/Mock.js使用步骤1。 安装mockjs依赖 npm install mock...原创 2019-08-11 11:45:33 · 181 阅读 · 0 评论 -
jwt
文章目录1. JWT是什么2. JWT的工作原理3. JWT组成4.案例5.JWT应用1. JWT是什么1.JSON Web Token (JWT),它是目前最流行的跨域身份验证解决方案2. JWT的精髓在于:“去中心化”,数据是保存在客户端的。2. JWT的工作原理是在服务器身份验证之后,将生成一个JSON对象并将其发送回用户,示例如下:{“UserName”: “Chong...原创 2019-08-18 11:26:55 · 132 阅读 · 0 评论