路由

vue路由配置

断了今生、忘了曾经 提交于 2020-01-28 05:17:45
配置路由需要引入 vue-router < div id = "app" > // a标签使 hash跳转 必须前面加一个#标记 < a href = "#/login" > 登录 < / a > < a href = "#/register" > 注册 < / a > //a标签的简写形式 < router - link to = "/login" tag = "span" > 登录 < / router - link > < router - link to = "/register" > 注册 < / router - link > // 这是 vue-router 提供的元素,我们可以把 router-view 认为是一个占位符 // 匹配到的路由,会展示到 router-view 中去 < router - view > < / router - view > < / div > < script src = "../js/vue.min.js" > < / script > //配置路由需要引入vue-router < script src = "https://unpkg.com/vue-router/dist/vue-router.js" > < / script > var login = { template : '<h1>login</h1>' } ; var

Django框架(Python语言)——表单forms

三世轮回 提交于 2020-01-28 03:27:36
在前端网页上添加一个form表单,用于和客户交互,传统方式 效果如下: 传统方式添加表单 第一步 添加路由 在建立的app1的路由文件app1.urls下先加一个路由 划红线是新添加的路由文件,在访问这个路由的前提下我们要调用 app.views.get_name 的函数,在这里我们已经提前将app1的所有路由已经提前加入到全局路由设置下了,如图所示是全局路由urls的文件 同时也罢应用app1加入的全局设置中 如果没有添加的记得一定要添加到全局配置,全局路由中 第二步 定义函数 在上一步中我们调用的是app1下views中的get_name函数,我们开始定义,主要是让网页显示一个form表单 在这里定义的函数名字叫get_name,返回的是一个叫name.html的文件 ,我们要写的便是这个html文件,首先在**工程文件夹(一定要在工程文件夹,否则会找不到))**下(我这里是demo)创建一个templates(模板)文件夹 然后在这个文件夹下建立一个html文件,因为我们刚才返回的那个文件叫name.html,因此这里那个html文件名字就叫name,之后就是写html语言代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录</title> </head> <body>

bgp路由聚合和路由策略

让人想犯罪 __ 提交于 2020-01-28 03:22:57
地址图中已经标明,这里不再写配置 一、bgp建立 [r1]bgp 1 [r1-bgp]router-id 1.1.1.1 [r1-bgp]peer 2.2.2.2 as 1 [r1-bgp]pe 2.2.2.2 con lo0 [r2]bgp 1 [r2-bgp]router-id 2.2.2.2 [r2-bgp]pe 1.1.1.1 as 1 [r2-bgp]pe 1.1.1.1 con lo0 [r2-bgp]pe 1.1.1.1 next-hop-local [r2-bgp]peer 23.1.1.2 as 2 //物理接口环回接口建邻均可 [r2-bgp]pe 23.1.1.2 ebgp-max-hop [r3]bgp 2 [r3-bgp]router-id 3.3.3.3 [r3-bgp]peer 23.1.1.1 as 1 [r3-bgp]peer 23.1.1.1 ebgp-max-hop 查看邻居的建立情况dis bgp peer(图示为r2) 在ASBR上重发布内部的路由条目 [r2-bgp]import-route ospf 1 [r3-bgp]network 10.1.1.0 24 [r3-bgp]network 10.1.2.0 24 [r3-bgp]network 10.1.3.0 24 [r3-bgp]network 3.3.3.0 24 测试r1

VMware搭建虚拟机服务器

不羁的心 提交于 2020-01-28 02:57:59
一、需求点描述: 1、在有路由器的情况下,能够通过固定的外网IP访问路由器中某台实体机中运行的虚拟机。 2、能够通过外网IP访问该虚拟机中的ftp、远程连接、iis、tomcat等。 二、原理分析: 1、利用路由器的虚拟服务功能实现端口转发(目前市面上大多路由器都具备该功能),或者利用路由器的DMZ功能直接将一台虚拟机暴露出来。 这里利用路由器的虚拟服务功能实现该效果。 2、利用vmware自带网络桥接方式,将虚拟机中的操作系统联网方式跟实体机独立开来, 也就是说,类似于一台新的电脑在连接路由器。 三、所需工具: 1、vmware 肯定得有吧. 2、在vmware中的操作系统,本人装的是windows server 2003 3、一个能够实现端口转发的路由器。 4、运营商的固定IP,其实动态IP也能够实现,只不过每次启动都要去修改而已。我在再最后讲一下。 四、正式开始吧: 第一步,先配置vmware中的网络连接方式。先要启用vmware的虚拟机网卡,右键我的电脑——设备管理——然后网络适配器:把两张vmware的网卡设置为启用 第二步,将vmware的两张网卡的IP获得方式设置成自己获取,很多情况下这两张网卡的IP在安装完vmware时会自动给你一个默认的IP地址,我刚开始做的时候因为这里没有修改所以导致我一直没有成功,后来才发现这里必须去自动获取IP,否则会连接不到路由器的网关

flask02项目拆分

空扰寡人 提交于 2020-01-28 01:46:16
对flask项目进行简单拆分: 修改成mvc模式: 使用 flask-script 拓展将 app.py 文件修改成manager.py 修改项目结构: 路由管理: 直接将视图写到view.py 里面是不会被加载到服务器的; 并且相互导入文件但是不能出现循环引用。 要解决的问题是: views需要导入app对象,但是app对象又需要调用到views。 故可以将app对象,放到app模块中去实例化: 最后将路由注册方法单独的 views文件的函数中。函数需要一个参数app然后在app模块的init文件中,新建一个app对象的时候,将对象带进去这个函数,那么路由就会绑定到这个app对象上面 最后manager文件将这个app对象启动。 也就是app这个对象,是在views.py文件或者说views模块中的 creat_app()函数中 进行实例化,之后也可以采取放到 app模块的init.py文件中去 懒加载解决: 缺点,不能够让views里面的结构分文件显示 只能在一个文件里面写route 通过参数的形式来传递。 代码后附上: #views.py: def init_route ( app ) : @app . route ( '/' ) def hello_world ( ) : return 'Hello World!' #init: from flask import

动态路由(OSPF)

孤街醉人 提交于 2020-01-28 00:45:34
OSPF:开放式最短路径优先协议 1)基本概念 OSPF版本:v2-ipv4 v3-ipv6 组播更新:224.0.0.5/6 基本更新方式:触发更新 存在周期更新30分钟 OSPF需要结构化部署:1、区域划分 链路状态型路由协议的距离矢量特征–区域之间传递拓扑,区域之间传递路由 协议号89–跨层封装(没有传输层) LS型路由协议IGP 更新时携带掩码 LS状态型路由协议缺点:占用资源不少 2)OSPF数据包 hello:发现、建立邻居关系,实现10s保活。存在全网唯一的Router-id(路由器标识),RID使用IP地址形式表示。 DBD:Database description–数据库描述包 LSR:链路状态请求 LSU:链路状态更新 Ack:确认 3)OSPF状态机 down:路由器之间还没起协议 init:当一个路由器发出hello包时需要转化的 2-way:邻居关系建立,收到了别人的hello包一起转换进入到2-way。 若条件匹配失败,仅hello包包10s活即可,成功进入下一个状态 exstart:预启动,比较RID,大者有限进入下一状态 exchange:交换DBD数据包 loading:使用LSR/LSU/LSAck获取未知的拓扑或者路由信息 full:邻接(毗邻)关系建立完成 4)OSPF工作过程 : 启动协议之后,本地基于224.0.0.5发出hello包

Vue.js笔记 — vue-router路由懒加载

∥☆過路亽.° 提交于 2020-01-28 00:15:48
用vue.js写单页面应用时,会出现打包后的JavaScript包非常大,影响页面加载,我们可以利用路由的懒加载去优化这个问题,当我们用到某个路由后,才去加载对应的组件,这样就会更加高效,实现代码如下: import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ routes: [ { path: '/', component: resolve => require(['components/Hello.vue'], resolve) }, { path: '/about', component: resolve => require(['components/About.vue'], resolve) } ] }) 来源: https://www.cnblogs.com/HtmlCss3/p/6410521.html

手动配置IP地址

久未见 提交于 2020-01-27 23:00:24
更改适配器属性 -> 选择一个网络,单击右键 -> 属性 -> Internet 协议版本 4 (TCP/IPv4)-> 属性 进入如下界面,开始配置: IP地址: IP地址用于网络通信,根据我的地址找到我 <=> 根据机器的IP地址找到这台机器在网络中的位置,确定了位置就可以向这台机器发信息交互了。 前2位是192.168,后2位可自己取,[0,255]。 第三位尽量与网关(路由器)的第三位保持一致,因为不一致可能会出现网关与IP地址不在同一网段的问题。 第四位尽量取大写,因为要使用此局域网内未分配的IP,数值小的可能已经分配给其他机器了。 子网掩码: 用于判断2台机器是否在同一局域网内。 将IP地址、子网掩码都转换为二进制,进行与运算(对应位都为1,结果才为1,否则为0),将结果转换为十进制,这个结果便是这台机器的网络标识。 网络标识,顾名思义,相当于局域网的id。如果2台机器的网络标识相同,就说名这2台机器属于同一局域网。 处在同一局域网内的2台机器才可以直接通信: 先在本机的arp缓存中根据对方ip查对方的mac地址,如果arp缓存里面有,直接根据mac地址向对方通信(计算机通信靠的是mac地址,ip只是虚拟地址,最终要转换为mac地址)。 如果arp缓存里面没有,本机向同一局域网的其它机器进行广播(向每台机器都发送一个数据包),找到对方后将对方的mac地址写进arp缓存中

教程一 openwrt路由器入门 远程命令行+文件系统

不想你离开。 提交于 2020-01-27 17:23:23
如图,拿到一个openwrt路由器我们第一步要远程控制。 这里在买了两块wifi-robots wifi视频模块。 0首先说下这个WIIF的信息 淘宝购买链接 https://item.taobao.com/item.htm?spm=a312a.7700824.w5001-18055431271.3.18644705m9g8Qz&id=555120245987&scene=taobao_shop GL.iNet 刷的系统 OpenWrt Barrier Breaker r38451 / LuCI Trunk (svn-r9948) 查看芯片架构 uname -m    mips 更多信息 CPU cat /proc/cpuinfo    GCC版本 cat /proc/cpuinfo    交叉编译生成可执行文件的是 mips,之前一直误以为是 arm https://blog.csdn.net/QQ1084283172/article/details/68950682 1连上WIFI(假设一开始不知道 0里面的信息) 名字:一般有wifirobot 密码:一般为wifirobot 我手上这个白色壳子就比较特殊 名字 密码 wifirobot 登陆后强行修改密码(1234567890) 进入系统管理页面,一般为192.168.1.1 然而就是不走寻常路,通过属性查看 网址输入

Nuxt从入门到放弃

守給你的承諾、 提交于 2020-01-27 17:04:55
听老大说,俺们公司以后要用Nuxt了,做服务端渲染,打算做个技术分享。所以呐……我打算提前玩一下,防止到时候听的一脸懵逼 : | 如果有幸看到这篇瞎写的文档的小伙伴,也想入门一下…… 那你就来对啦!欸嘿嘿……跟着我来踩一踩这些坑吧! 一. 天才第一步,跟着官网输 $ npx create-nuxt-app <项目名> 这行命令给咱安装了一个脚手架工具,就像安装vue-cli一样,我们可以选择做一些配置: 大家可以一路回车,但这里提个醒,在选择你想要的Nuxt模式的时候,建议选择 Universal 。 用nuxt的人多半是为了解决SEO的问题,而Universal 和 Spa 的区别也恰好就在于对seo的实现存在差异。想了解更多的亲可以 点下这里 :) 二. 兴奋的喊:走你! 在第一步里面,nuxt已经帮我们安装了所有依赖项,因此下一步是启动项目: $ npm run dev 然后这里有个小坑(敲黑板注意了)! 我们可能会遇到这个报错。 咋办呢? 我自信的百度了一下并找到了前辈总结的原因: extract-text-webpack-plugin目前版本不支持webpack4。 解决方案也很简单:使用 extract-text-webpack-plugin 的最新的beta版 $ npm install extract-text-webpack-plugin@next