自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 Vue从零开始开发管理系统(学习笔记第十一节)

权限列表一、思路代码如下2.Table代码如下

2022-06-05 23:32:50 92

原创 本地部署后端服务器

在navicat中创建一个新的数据库,运行准备好的sql文件。修改config文件夹中的default.json文件,将内容修改为正确的。三、本地部署在后端文件夹的根目录运行npm install命令,以及node app.js命令。修改main.js文件中的基础地址...

2022-06-05 18:14:48 932

原创 Vue从零开始开发管理系统(学习笔记第十节)

一、添加用户的方法编写接口:users方法:post参数:username password email mobile二、修改用户功能1.显示一个编辑用户的dialog2.获取该行数据更新

2022-05-31 23:52:07 155

原创 Vue从零开始开发管理系统(学习笔记第九节)

一、实现搜索功能在card中添加栅格系统(Layout 布局)在栅格系统中添加input和button组合组件 2.添加用户的表单用正则表达式自定义校验规则总结

2022-05-31 23:37:17 66

原创 Vue从零开始开发管理系统(学习笔记第八节)

前言一、完善表格中的内容在表格中增加新的列,命名为状态和操作<el-table-column prop="mg_state" label="状态"></el-table-column><el-table-column label="操作"></el-table-column> 2.编写作用域插槽<template slot-scope="scope"></template> 3.在作用域插槽中添加...

2022-05-17 20:13:47 292

原创 Vue从零开始开发管理系统(学习笔记第七节)

前言一、在全局CSS中把组件Card的阴影去除在assets/CSS的global.css文件中添加.el-card{ box-shadow: 0px 1px 1px rgb(0, 0, 0,0.15) !important;}二、获取用户列表1.准备工作在data数据中心新建一个列表,用于存储数据,在methods中写获取方法,将方法添加至create()方法中。data() return { UserList:[],}methods:{ .

2022-05-13 23:57:16 601

原创 Vue从零开始开发管理系统(学习笔记第六节)

前言一、首页路由的重定向创建一个welcome页面vue文件,之后打开index.js进行编写import Welcome from '../components/WelcomePage.vue'const routes = [ { path:'/home', component:Home, redirect:'/welcome', children:[{path:'/welcome',component:Welcome}] }]&

2022-05-11 23:59:56 221

原创 Vue从零开始开发管理系统(学习笔记第五节)

一、配置axios拦截器后端开发中,如果访问需要授权的API必须在请求头Authorization字段提供token。因此使用拦截器来实现:在main.js中axios.interceptors.request.use((config)=>{ config.headers.Authorization

2022-05-11 17:59:11 254

原创 Vue从零开始开发管理系统(学习笔记第四节)

前言在完成了开发登录页面后,本节将会进行路由守卫的编写,以及导航菜单的制作。一、保存token至sessionStorage登录成功后后端服务器会给咱们的用户一个token,它是一个登录令牌,为此我们需要对它进行本地化。使用window函数,保存token至sessionStoragethis.$refs.LoginFormRef.vaildate( async (vaild)=>{ if(!vaild) return; const {data:res} .

2022-05-11 17:07:30 232

原创 Vue从零开始开发管理系统(学习笔记第三节)

前言本节笔记记录了如何更加完善这个管理系统的登录页面。主要实现登录前的预校验,以及发起网络请求并返回结果。一、认识登录前的预校验语法this.$refs.LoginFormRef.vaildate((vaild)=>{ console.log(vaild)}这是一个回调函数: 它对整个表单进行校验的方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验的字段。若不传入回调函数,则会返回一个 promise

2022-05-10 23:34:39 227

原创 Vue从零开始开发管理系统(学习笔记第二节)

前言本节笔记记录了如何完善这个管理系统的登录页面。主要实现为表单添加登录前的校验规则。一、为表单添加校验规则首先在el-form中添加:rules='LoginFormRules'的参数。 在data数据中心中增加LoginFormRules:{}。 在LoginFormRules中编写具体的规则 LoginFormRules:{ username:[ {required:true,mes

2022-05-10 22:45:26 269

原创 Vue从零开始开发管理系统(学习笔记第一节)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言本节笔记记录了如何创建一个Vue-Cli项目,并简单开发系统的登录页面。一、创建Vue-Cli项目在终端窗口运行vue ui,接下来是在可视化系统中创建一个Vue-cli项目,其中的选项为“Babel,Router,使用配置文件”,之后安装axios依赖和element ui插件(选择按需引入)。..

2022-05-09 23:02:01 395

原创 Vue传统开发方式(不使用脚手架工具)

使用传统方法进行Vue开发

2022-04-30 23:52:30 2518 1

原创 MySQL学习笔记01

1.登录方式(1)通过CMD,键入mysql -uroot -p3306 -p,键入用户密码。(2)通过mysql自带的客户端。2.显示数据库SHOW DATABASES;3.选择数据库USE "数据库名";4.显示数据库中的表格SHOW TABLES FROM 数据库名;5.查看表格中的全部内容SELECT * FROM 数据库名;6.查看表结构DESC 表名称;7.注释# 单行注释/* */ 多行注释8.命名规范(1)..

2022-04-28 22:08:51 1025

原创 Git学习笔记(配合gitee)

1.配置公钥(1)登录gitee并注册账号(2)选择设置中的“SSH公钥”(3)确保电脑已经安装git,打开Git Hush(4)获取SSH公钥git config --global user.name "在gitee中的用户名"配置全局用户名git config --global user.email "在gitee中注册使用的邮箱账号"配置全局邮箱地址ssh-keygen -t rsa -C "在gitee中注册使用的邮箱账号"获取邮箱地址的SSH公钥cat ~/

2022-04-28 21:47:21 1291

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除