element-ui的使用（四）

首页路由的重定向

我们在登录完毕后，希望进入到首页后，右侧主要内容区域可以后Welcome字样，这就需要我们为home路由设置子路由并进行重定向

首先创建Welcome.vue组件，编辑文字Welcome,然后再router.js中引入Welcome组件，并给/home路由添加子路由/welcome;之后就可以添加重定向到/welcome

需要注意的是在访问首页后，会自动重定向到/welcome路由下。

注意children的写法是数组形式的而不是对象 
       {
            path: '/home',
            component: Home,
            redirect: '/welcome',
            children: [{
                path: '/welcome',
                component: Welcome
            }]
        }

welcome作为home的子路由，是在Home的页面的基础上添加内容的,所以在Home组件内部写上,就可以在该区域显示Welcome组件的内容

侧边栏菜单改成路由链接

我们在接口获取数据的时候，有一栏是path，里面包含了我们每个侧边栏菜单路由跳转的链接名称，因此我们需要结合v-for循环,动态的为菜单栏增加路由链接

默认path是没有/的，因此需要我们以字符串的形式额外加上

这样就实现了，动态为菜单栏元素赋予路由链接，接下来就可以开始实现每一个菜单栏链接跳转的具体页面了.....

你可能感兴趣的:(element-ui)

  • element-ui中，使用this.$message.success(“登录成功“)，如何修改文字的样式呢？
    在element-ui中使用this.$message.success(“注册成功”);时，直接修改文字样式并没有暴露出很方便的接口，因为ElementUI的消息提示组件Message是通过JavaScript动态创建的。但是你可以通过以下方法自定义消息的样式：方法1：使用customClass属性ElementUI的Message组件提供了customClass属性，可以为消息框添加自定义的类名
  • element-ui表单验证信息如何以弹窗的形式出现 汪叽家的兔子羡 uijavascript开发语言
    一、需求在进行表单验证的时候,表单提示部分业务需要弹出窗口提示二、实现1.主要代码：主要在else部分submitForm(formName){this.$refs[formName].validate((valid,obj)=>{if(valid){console.log('submit');}else{varfail=[];for(letkeyinobj){fail.push(obj[key]
  • Element Plus上传组件二次封装，支持多类型多文件单次上传 m0_55398820 组件vue.js前端
    最近公司框架改用vue3了，项目多数都是后台管理系统，所以在网上各种找着有没开源的上传组件支持多类型多文件单次上传，找了好久都无果，所以只好自己改了一个并分享一下成果依赖方面的话使用了：element-ui、v-viewer、viewerjsnpminstallv-viewerviewerjs代码方面就比较粗糙+粗暴了，组件还有很多可以升级改造的地方，只不过我这切图仔还有很多业务代码要写，所以有优
  • element-ui 轮播图的使用 b49779e26200
    element-ui轮播图的使用```exportdefault{name:"Banner",data(){return{//图片地址数组img_list:["./banner1","./banner1","./banner1","./banner1"],//图片父容器高度bannerHeight:1000,//浏览器宽度screenWidth:0};},methods:{setSize:func
  • element-ui 多级树形表格加多选的效果 一个很哇塞的爷们 vue
    实现多级表格加多选的效果父级表格点击具有全选、全不选的功能，点击部分子级表格，父级表格实现半选中的状态template页面展示部分：//表头单元格的style的回调方法，也可以使用一个固定的Object为所有表头单元格设置一样的Style。data数据部分：data(){return{renderDynamic:[{id:1,parentId:0,date:"2016-05-02",name:"王
  • Vue Element-UI下拉框搜索功能 逆风g
    要实现这样的功能：上代码：核心：给下拉框新增加属性filterable:filter-method=dataFilter//下拉框开启搜索功能dataFilter(val){if(val){this.showEquipments=this.equipments.filter((item=>{returnitem.equipments.includes(val)}))}else{this.showE
  • Web端版本更新提示--前端处理 扶我起来还能学_ 前端javascriptvue.js前端框架
    Web端版本更新提示–前端处理原理：webpack每次打包jshash值不同import{MessageBox}from'element-ui'letlastScripts=[]//最新一次js文件src名constDURATION=5*60*1000//设置5分钟检查更新一次//提取html中的script标签的src属性asyncfunctionextractNewScripts(htmlSt
  • 如何在vue3.0项目中集成Element-plus 卖菜的小白 vue面试vueelement-plus
    一、Element-plus简介Elementplus是一套为开发者，设计师和产品经理准备的基于vue3.0的桌面端组件库。之前在vue2中都使用element-ui，而element-plus是针对vue3开发的一个ui组件库。二、基本使用安装element-plusnpminstallelement-plus2.1、全局引入一种引入element-plus的方式是全局引入的方式，代表的含义是所
  • element-ui 之 InputNumber 组件的步长功能分析 rongrongVivian Element-ui组件库前端javascriptvue.jselementui
    此篇将分析element-ui的InputNumber组件中的步长功能的源代码。一.步长功能描述步长是指接收一个step属性，以传入的step作为步长，每次递增或递减以一个step为单位进行。二.步长与严格步长的区别在InputNumber组件中，如果只是设置了步长，没有设置严格步长，可以通过输入框输入的方式，输入不符合步长的数值。如果一旦设置了严格步长，在输入框中输入不符合步长的数值时，会被计算
  • element-ui 关于树形结构el-tree的笔记
    首先尝试了下懒加载。发现是时候会出现无法加载数据以及数据重新加载的问题，古世勇一次性给加载上去。首先说一次性加载的适用方法先确定tree的配置文件label:'name',chcildren:'children',isLeaf:'leaf'看官网说明label就是你显示ui的值chcildren就是你下级目录的全部数据isLeaf指定一个字段是否为子节点。为ture时不为子节点所以数据结构为dat
  • 解决element-ui中组件【el-upload】一次性上传多张图片的问题 微风拂晚霞 Web前端前端vue.jselement-uiNode.jsmulter
    element-ui中的组件el-upload默认的行为是一张图片请求一次，在项目需求中，通常要求多张图片只向后台发送一次请求，下面的做法就可以解决这样的需求前端发布exportdefault{data(){return{formData:{},}}methods:{//绑定在http-request,覆盖上传事件uploadFile(file){this.formData.append("blo
  • vue + element-ui 季度选择器组件 el-quarter-picker
    使用说明1、复制组件文件ElQuarterPicker.vue到项目（依赖element-ui），组件源码在后面2、引用并调用组件     importElQuarterPickerfrom'./ElQuarterPicker' exportdefault{ components:{ElQuarterPicker}, data(){  return{   value:''  } }}ElQuart
  • el-select下拉选择不回显问题和下拉框显示数字问题
    在使用Vue开发使用element-ui时，el-select下拉框出现在点击选择的时候数据无法显示的问题。解决方案：需要使用forceUpdate强制刷新在没有绑定事件时直接在change上绑定forceUpdate：@change="$forceUpdate()"
  • element-ui手机区号+手机号
    需求场景项目开发中对方要求手机号带上全球区号需求分析项目使用的是若依前端框架，element-ui的框架。尝试使用已经网上的组件vue-country-intl等发现不怎么适配element-ui的样式等。这还不是关键的，关键的是弹窗中使用这些组件发现区号的下拉展示框展示不全，层级存在问题，设置css的z-index等相关属性也不能有效处理。于是决定手搓一个element-ul下拉的区号，支持国际
  • element 消息提示始终只出现一个 孔唯一 vuejavascriptvue.js前端elementui
    原理就不多解释了直接上代码新建js文件用来存放一下代码(js名字可以根据自己喜好命名)我这里直接命名为了message.jsmessage.js//单独引入Message引入之前一定要确定element已经安装import{Message}from'element-ui';letmessageInstance=null;constresetMessage=(options)=>{if(messag
  • element UI防止多个message弹窗，el-message提示只显示最后一个 不怕不管 elementUIvuejsvue.jshtml
    单独一个文件重写messageimport{Message}from'element-ui'letmessageInstance=nullconstresetMessage=(options)=>{if(messageInstance){messageInstance.close()}messageInstance=Message(options)};['error','success','inf
  • 如何让Element UI的Message消息提示每次只弹出一个
    ElementUI的Message消息提示是点击一次触发一次的。在封装接口中调用失败会返回多个弹窗，导致很不友好，所以就出了一下参考解决方案import{Message}from'element-ui'constshowMessage=Symbol('showMessage')classDonMessage{success(options,single=true){this[showMessage
  • webstorm中element-ui标签无法跳转源码 Hong.1948 webstormuiide
    原本用的webstorm2019,之前的项目开发时切实体验过跳转element-ui源码，觉得很香。更新了webstorm至2024，居然不行了，能弹出来提示，但就是找不到定义。不知道是不是2024版本的问题，node_moudles不管我是否手动添加exclude,它显示的都是exclude如下图：下列方式都尝试过了，没用：node_moudules设置为notexcludeLanguage&F
  • 推荐使用：Vue-Cron —— 简易CRON表达式生成器 乌昱有Melanie
    推荐使用：Vue-Cron——简易CRON表达式生成器项目地址:https://gitcode.com/gh_mirrors/vu/vue-cronVue-Cron是一款专为Vue.js和Element-UI设计的高效、易用的CRON表达式生成插件。它能帮助开发者轻松创建和管理定时任务策略，提供直观的界面和完善的国际化支持。项目介绍Vue-Cron提供了一个简洁的交互界面，让用户能够通过可视化的操
  • 【element-ui】el-date-picker 组件 type=“monthrange“ 选择时间段操作异常 生活、追梦者 项目实战业务组件开发uivue.js前端
    element-ui的el-date-picker组件在选择月份区间时发了这么一个bug。在选择起始月份后关闭了选择面板，再次打开后上次选择的值还存在但是看了所有的属性和方法都没有发现可以清除上次选择的值，也在网上各种搜索没找到解决办法，经过各种办法处理后得到了最简单处理方式,就是利用key值的变化重新渲染组件
  • element 日期选择图标_element-ui日期组件DatePicker设置日期选择范围Picker Options 认知能力训练 element日期选择图标
    element-UI提供了DatePicker日期选择器组件,可以让我们很方便的获取到日期,默认的选择是全部的日期都可以选择的,但是很多场景中我们要对日期选择范围做限定,比如出行日期就不能选过去的日期,订票时间要限制日期范围官网提供了picker-options参数可以设置日期选择范围,具体操作看代码//页面引入组件,加上picker-options这个参数v-model="exCheckDate
  • 【ElementUI】日期选择器时间选择范围限制 前端Joy姐 elementUI
    ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。官方文档中使用picker-options属性来限制可选择的日期，这里举例子稍做补充。单个输入框的组件代码：情景1:设置选择今天以及今天之后的日期data(){return{pickerOptions0:{disabledDate(time){returntime.g
  • 报错 @import “~element-ui/packages/theme-chalk/src/index“； 资深柠檬精 前端elementui
    报错@import"~element-ui/packages/theme-chalk/src/index";具体报错报错原因具体报错SassError:Can’tfindstylesheettoimport.@import“~element-ui/packages/theme-chalk/src/index”;src\views\login\theme\element-variables.scss
  • Vue + element-ui实现动态表单项以及动态校验规则 洛千陨 Vue项目需求实现vue.js前端
    Vue+element-ui实现动态表单项以及动态校验规则情境项目需要实现一个功能，表单中某个表单项产品id支持动态新增多个产品id表单项，每个产品id表单项都需要有校验规则，校验失败时各自有对应的校验提示重点分析表单对象内字段并非固定，需要根据交互动态新增表单校验规则并非固定，需要根据字段新增动态新增对应校验规则接口提交时并非提交多个产品id字段，需要将多个产品id文本字段整合为一个产品id数组
  • Element-ui中Table表格无法显示 wangshuo（24考研上岸版） vueElementUITablevue.jselementuitable标签
    Element-ui中Table表格无法显示在使用过程中发现样式正常显示但是table就是不显示，研究了一段时间后，发现问题是项目结构的问题当你创建vue和安装el的时候，一定要注意进入到正确的项目文件夹，如果在外面也出现一个package.json文件夹，那就是你安装el的时候没有进入到项目文件夹安装el，导致el安装到项目文件夹外面了，这样el也是能运行的，数据也能传到前端，但就是不显示<
  • elementUI的el-backtop(返回顶部)不生效 时无诳语Imp vueelementuivue.jsjavascript
    1.问题：使用el-backtop时，指定target对象为父级元素后不显示目前我采用的方法是简单粗暴的删除target不指定对象，也是能显现按钮，并且回到顶部。有时间可以研究下Element-ui不用多说，用Vue的基本都会用到它。但是它的官方文档却有些不严谨的地方，最近我就在弄一个返回顶部的功能的时候遇到坑了。废话不多说，先上官方文档示例介绍：Scrolldowntoseethebottom-
  • 输入框无法编辑(使用Element-ui中el-input) BarryKerrigan vue.js前端elementui
             在与后端联调时，可以接收到参数；对input进行编辑使用方法@input进行输出，可以看到输入的内容，但输入框的数据无跟新。问题:视图无更新解决方法:this.$forceUpdate();change(e){this.$forceUpdate();}
  • 在Vue2项目中引入ElementUI详细步骤
    1.使用npm安装ElementUI，安装好后在package.json文件查找element-ui是否安装好npmielement-ui-S2.在main.js中引入element-uiimportVuefrom"vue";importAppfrom"./App.vue";importElementUIfrom'element-ui';import'element-ui/lib/theme-ch
  • 1若依系统配置部署
    若依系统简介若依概述若依微服务版RuoYi-Cloud，基于SpringBoot、SpringCloud&Alibaba、OAuth2的前后端分离的后台管理系统。RuoYi-Cloud是一个JavaEE企业级快速开发平台，基于经典技术组合（SpringBoot、SpringCloud&Alibaba、OAuth2、Vue、Element-UI），内置模块如：部门管理、角色用户、菜单及按钮授权、数据
  • vue + element-ui 季度选择器组件 el-quarter-picker 0716*_zwj vue.jsuijavascript
    最近项目中需要用到季度选择器控件，无奈element-ui框架没有，想着自己实现一个出来，参考的日期选择器实现的参考链接：vue+element-ui季度选择器组件el-quarter-picker-CSDN博客https://blog.csdn.net/qq1370151551/article/details/118811216ElQuarterPicker.vue{{title}}{{view
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他