路由

利用单臂路由实现 VLAN 间路由 本实验模拟公司网络场景。路由器 R1 是公司的出口网关，员工 PC 通过接入层交换机 ( 如 S2 和 S3) 接入公司网络，接入层交换机又通过汇聚交换机 S1 与路由器 R1 相连。公司内部网络通过划分不同的 VLAN 隔离了不同部门之间的二层通信，保证各部门间的信息安全，但是由于业务需要，经理、市场部和人事部之间需要能实现跨 VLAN 通信，网络管理员决定借助路由器的三层功能，通过配置单臂路由来实现。 实验拓扑 实验步骤 1、 创建 VLAN 并配置 Access 、 Trunk 接口 在 S2 上创建 VLAN10 和 VLAN20 ，把连接 PC 的接口设置为 Access 类型，并划分到相应 VLAN 在 S3 上创建 VLAN30 ，把连接 PC 的接口设置为 Access 类型，并划分到相应 VLAN 交换机之间和交换机与路由器之间需要配置 Trunk 接口 在 S1 上创建 VLAN10 、 VLAN20 、 VLAN 30 并配置交换机和路由器的接口为 Trunk ，允许所有 VLAN 通过。 2、 配置路由器子接口和 IP 地址 由于路由器 R1 只有一个实际的物理接口与交换机 S1 相连，可以在路由器上配置不同的逻辑子接口来作为不同 VLAN 的网关，从而达到节省路由器接口的目的。 在 R1 上创建子接口 GE 0/0/1

监听路由变化改变tabber的值。 watch: { $route () { console.log( '改变路由' ) this .selected = sessionStorage.getItem( 'pageUrl' ) }, selected: function (val, oldVal) { // 这里就可以通过 val 的值变更来确定 console.log(val) console.log(oldVal) this .$router.push({ path: val }) this .titleText = sessionStorage.getItem( 'pageTitle' ) } }, 来源： CSDN 作者： 你蠢哭我咯 链接： https://blog.csdn.net/m0_38069630/article/details/78495376

实验拓扑图 1.S2上将E0/0/1、E0/0/2设置为access类型，分别加3入vlan10，vlan20。 2.S3上E0/0/1类型为access并加入vlan30. 3.S2的GE0/0/4配置为trunk接口，允许所有的vlan通过。 S3的GE0/0/2配置为trunk接口，允许所有的vlan通过。 配置好后查看S2vlan情况 S3vlan情况。 4.S1上创立VLAN 10,VLAN 20,VLAN 30,并配置交换机和路由器接口为trunk，允许所有VLAN通过。 S1的GE0/0/4配置为trunk接口，允许所有的vlan通过。 S1的GE0/0/3配置为trunk接口，允许所有的vlan通过。 S1的GE0/0/1交换机和路由及接口配置为trunk接口，允许所有的vlan通过。 5.查看S1配置好后接口情况。 6. 配置路由器子接口和IP地址。 R1实际只有一个物理接口GE0/0/0，配置逻辑子接口作为不通vlan的网关 创建子接口GE0/0/0.1,配置IP地址192.168.1.254/24，人事部。 创建子接口GE0/0/0.2,配置IP地址192.168.2.254/24，市场部。 创建子接口GE0/0/0.3,配置IP地址192.168.3.254/24，经理部。 仍然无法通信。 ping 7. 配置路由器子接口封装VLAN

创建模块的方法 ng generate module 模块名称 --routing 例如： ng generate module admin --routing ng generate module auth --routing 使用懒加载的方法 1、在app.module.ts中调用懒加载 // 懒加载模块 { path:"login", loadChildren:()=>import('./auth/auth.module').then(mod=>mod.AuthModule) }, // 懒加载模块 { path:"admin", loadChildren:()=>import('./admin/admin.module').then(mod=>mod.AdminModule) }, 使用懒加载的原因 便于进行模块管理。 减少页面加载的时间。 来源： https://www.cnblogs.com/MyUniverse/p/11962084.html

Flask框架提供了请求重定向功能，只需要使用 redirect_to即可， 示例代码如下： from flask import Flask, render_template, request, redirect, session app = Flask(__name__) app.secret_key = 'flask' app.debug = True """ redirect_to: 会将请求index 重定向到index2 """ @app.route('/index',methods=['GET'],endpoint='r1',redirect_to='/index2') def index(): print('老首页') return "老首页" @app.route('/index2',methods =['GET','POST']) def index2(): print('新首页') return "新首页" if __name__ == '__main__': app.run() 注意： 浏览器请求到index路由时， flask框架帮我直接转发到index2路由， 根本就不会进入内index方法内部 127.0.0.1 - - [30/Nov/2019 12:36:57] "GET /index2 HTTP/1.1" 200 - 新首页 print('老首页'

创建路由守卫 创建路由(CanActivate、CanActivateChild、CanDeactivate)守卫的命令为: ng generate guard auth/auth（自定义） 创建Resolve守卫的方式有些许不同。这个要用在一个服务中继承 1、ng generate service test-resolve 2、在生成的服务继承Resolve<T>方法，并实现。其中Person是一个类 export class TestResolverService implements Resolve<Person> { constructor() { } resolve(route: import("@angular/router").ActivatedRouteSnapshot, state: import("@angular/router").RouterStateSnapshot):Observable<Person>{ let p = new Person() // let p:Person只是声明一个变量而已，不是定义一个变量 p.age="sdfsdfdsdsfsad" p.name="fsdfsd" return of(p) } } 路由守卫的使用 在使用ng generate guard auth/auth在创建守卫的时候，会出现选择实现那种守卫方式的选项

创建虚拟环境 　　mkvirtualenv django_bya -p python3 　　　　mkvirtualenv : 创建一个新的虚拟环境 　　 　django_bya : 创建的新虚拟环境名称, 这个名称可以随意制定, 自己能看懂即可 　　　　-p : 制定使用的python解释器版本 　　　　python3 : 我们这里使用 python3 的解释器. 安装Djanon 　　pip install django = 1.11.11 　　　　pip python 包管理器 　　　　install 安装 配置文件 settings.py 　　BASE_DIR 指当前工程的根目录 　　　　　　　__file__ 得到就绝对路径 　　　　　　　abspath （ __file__ ） 百分百拿到绝对路径 　　DEBUG 调试模式 True 显示错误的详细信息 默认为True 　　　　　　　　　　 False 需要设置地址白名单 错误时显示500错误 静态文件定义与配置 　　前端写的css，图片，js，html 等看做静态文件 放在静态文件夹中统一管理 　　STATICFILES_DIRS = [ ] 存放静态文件夹的绝对路径 　　STATIC_URL 访问静态文件的URL前缀 路由 url 端口号之后，问号之前就是路由 列表 　　总路由 子路由 　　　　如果两个都有

1.路由的作用 1.当我们有多个页面的时候 ，我们需要使用路由，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。 简单的路由 const routes = [ { path: '/foo', component: Foo }, { path: '/bar', component: Bar } ] // 3. 创建 router 实例，然后传 `routes` 配置 // 你还可以传别的配置参数, 不过先这么简单着吧。 const router = new VueRouter({ routes // （缩写）相当于 routes: routes }) // 4. 创建和挂载根实例。 // 记得要通过 router 配置参数注入路由， // 从而让整个应用都有路由功能 const app = new Vue({ router }).$mount('#app') 动态路由 一个『路径参数』使用冒号 : 标记。当匹配到一个路由时，参数值会被设置到 this.$route.params，可以在每个组件内使用。于是，我们可以更新 User 的模板，输出当前用户的 ID： const User = { template: '<div>User</div>' } const router = new VueRouter({ routes:

1.vue-router的安装。 命令行中进入项目所在文件位置【重要】，输入： npm install vue-router 安装完成后在项目文件中的package.json中可以看到vue-router的版本信息。 2.在 App.vue中 定义<router-link> 和 <router-view> 　　　　在vue-router中, 我们看到它定义了两个标签 <router-link> 和 <router-view> 分别对应点击和显示部分。 　　　　<router-link> 就是定义页面中点击的部分，<router-link> 还有一个非常重要的属性 to，定义点击之后，要到哪里去， 如：<router-link to=”/home”>Home</router-link> 　　　　<router-view> 定义显示部分，就是点击后，区配的内容显示在什么地方。 App.vue代码： < template > < div > < v-header :seller = "seller" > </ v-header > < div class = "tab border-1px" > < div class = "tab-item" > <!-- router-link 定义点击后导航到哪个路径下 --> < router-link to = "/goods" > 商品 </

什么是路由？ 　　1、在以前页面跳转使用的是超链接a标签或者js location.href， 而路由是跳转切换组件的跳转方式 　　2、路由就是监听url的改变并提供相对应的组件用于展示 　　3、vue-router官方提供的路由， 在vue中vue-router则为vue提供的url监听并提供组件展示的js， 也是vue全家桶中的最重要知识点之一 使用 第一步：引入 　　引入vue-router 　　<script></script>标签引入 第二步：创建展示的组件 　　let news = { 　　　　template:"<h1>这是新闻页面</h1>" 　　} 第三步：创建路由规则 　　 { 　　　　//path为要监听的路径 　　　　path:"/", 　　　　//component为监听到url中是/则提供index这个组件用于展示 　　　　component:index 　　}, 第四步：把上面创建的路由对象添加到Vue实例中 //创建路由对象 let router = new VueRouter({routes}) 　　new Vue({ 　　　　el:"#app", 　　data:{}, 　　router }) 第五步：在页面上添加标签<router-view></router-view>为路由渲染组件的容器 第六步：使用<router-link></router