- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue之element框架的使用
目录vue常见的框架elementUI 饿了么 **常用**使用组件使用组件之layout布局 实现头部使用组件之小图标使用组件之链接使用组件之侧边栏使用组件之表格 => 删除使用组件之表单vue常见的框架封装了大量的组件，以供我们使用！elementUI => PC端 移动端vantUI => 有赞 => 电商项目 移动端iView => 腾讯 => PC端ant-design => 阿里elementUI 饿了么 常用官网：https
2020-08-31 22:48:12
600
原创 浅谈路由守卫的权限设置
目录路由守卫路由的执行步骤路由守卫相关操作点击当前组件，显示对应title使用路由守卫的方式实现登录跳转判断！**router/index.js**路由的配置**LoginOut.vue**组件 之登录按钮路由守卫作用：监听路由的变化关于更新你点击的页面，显示对应的标题！这就需要在监听路由的跳转，实时的显示对应的标题！官网：https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%
2020-08-31 22:36:45
753
原创 浅谈vue两者导航
目录VueRouter结合vue-cli创建路由 =>(route/index.js) =>里面存放着是关于路由的相关！router之中的配置参数显示路由内容之 的配置参数导航声明式导航编程式导航VueRouter结合vue-cli官网：https://router.vuejs.org/zh/创建项目：vue create myvue在package.json之中配置脚本指令 npm start"start":"npm run start创建路由 =>(route
2020-08-31 22:35:40
164
原创 浅谈vue-router
目录路由 VueRouter代表的是网页的一个位置，而#后面的的字符就是该位置的标志符！前端路由和后端路由的区别路由的原理路由的安装和使用使用第一种方式路由的基本使用普通组件和路由组件对象的区别路由的高亮显示和重定向路由的传递参数方式1：?参数方式2：/:id/:name方式3路由的嵌套路由懒加载路由的传递参数 => 方式之编程式导航方式1 **某个组件之中.vue** => 编程式导航路由导航守卫全局前置路由守卫 => 带有next()路由 VueRouter官网：https://
2020-08-31 22:33:52
182
原创 浅谈vuex
目录Vuexvuex的简单使用**store/index.js****main.js**Vuex内的store对象内的属性state 单一状态树getters 类似于计算属性**store/index.js**文件**其他组件中引用getters中处理后的数据**mutations**store/index.js**文件**其他.vue**文件mutations 的响应式数据mutations 的中的定义常量actions 属性对异步的处理**组件中触发事件****store/index.js**状态管理文
2020-08-30 22:25:01
245
原创 浅谈登录和退出
目录登录和退出登录**router/index.js**路由的配置**Login.vue**组件**Home.vue**组件登录和退出需求：1：点击登录的时候，跳转到首页2：假如用户点击的是 用户列表 那么返回到用户列表 => 则需要使用全局路由守卫 记录这个path3：点击退出的时候，返回到登录界面，清空token!登录需求：点击登录的时候，先验证表单把当前的用户名，存储在本地存储之中 (用户名 密码 验证码 token)并且把头部的登录隐藏 显示退出按钮！
2020-08-29 09:13:57
486
原创 浅谈登录验证码的前后端处理
目录登录之验证码 和 登录前端方面**LoginOut.vue**组件**router/index.js****network/request.js**后端方面工具库的封装**utils/mongo.js****utils/token.js****utils/tools.js**关于跨域的处理关于后端的 接口的处理 **router/index.js****router/mlogin.js****router/vcode.js**登录之验证码 和 登录需求：一开始显示验证码点击验证码的时候，刷新
2020-08-28 17:04:53
1900
原创 Vue组件之style - lang - scoped 和 vue模板 sass安装
目录Vue组件之style - lang - scopedvue模板Vue组件之style - lang - scopedlang这是标明你书写css的样式类型 有着 scss css less 默认是css<style lang="scss"></style>scoped作用：就是设置当前组件的样式，只能在当前组件起作用注意点：就是别的组件修改当前组件的时候，是默认不课被修改的！原因：这是因为webpack打包的时候，会把js,css等文件一起打
2020-08-28 17:03:23
5462
原创 浅谈node结合express第三方插件使用跨域
目录node实现跨域CORS实现跨域jsonp创建一个服务器index.js文件的 路由的配置！user.js文件 => 定义着user的相关路由前端发起一个jsonp请求服务器反向代理创建一个服务器引入index.js中的所有路由实现服务器反向代理在前端发起一个服务器反向代理node爬虫技术node实现跨域1：CORS实现跨域 => 使用把跨域的.js文件在中间件中定义（函数），然后导出这个中间件！CORS实现跨域创建一个服务器const express = require("e
2020-08-14 22:11:54
709
原创 nodejs结合mongodb实现增删改查接口
目录mongoDBmongoDB的相关指令更多查询查询条件筛选Roto 3T 软件的使用使用mongoDB操作数据封装接口根据官网的教程使用 => 简单的使用封装链接数据库 连接函数！在增删改查之中调用这个 连接函数查系列一个简单的查询所有数据库操作 mongo.js文件查询所有商品 goods.js文件一个带有分页效果 和排序的查询接口！goods.js增系列mogon.jsgoods.js删系列mongo.jsgoods.js改系列mongo.jsgoods.jsmongoDB概念：这是非关
2020-08-08 15:40:06
1298
原创 node之操作数据库
目录mongoDB数据库的操作开启一个服务器和静态服务器 server.js对所有的路径的设置 index.jsuser.js => 方式1 链接数据库，并且操作数据库user.js => 方式2 链接数据库，并且操作数据库user.js => 方式2 链接数据库，并且操作数据库 的封装！mongoDB数据库的操作最优版本开启一个服务器和静态服务器 server.js对所有的路径的设置 index.jsuser.jsmysql.js => 一个工具js文件 utils/mysql.j
2020-08-06 22:25:39
392
原创 使用node搭配express编写接口
目录node编写接口express相关的方法postman测试接口的使用路由配置路由前的设置创建一个存储端口号的配置文件需要配置服务器开启的位置配置路由1配置路由2 => 对路由配置的优化node实现跨域CORS实现跨域node编写接口接口编写（RESTful Api规范）根据不同的请求类型实现不同的接口get 查post 增put 改（覆盖）patch 改（修改部分）delete 删根据不同的地址实现不同的接口获取
2020-08-04 22:00:39
952
原创 浅谈express框架
目录express安装express和使用使用express创建一个简单的服务器中间件分类express.static()中间件处理逻辑：使用express封装一个商品接口 => get请求的方式！express官网：https://www.expressjs.com.cn安装express和使用安装 ： npm install express --save使用 ：: 引入 const express = require("express"); //引入这个express插件
2020-08-03 21:54:24
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人