路由

三、路由层(urls.py)

淺唱寂寞╮ 提交于 2019-12-06 15:25:31
一、路由匹配 1. URL第一个参数是正则表达式,一旦匹配到内容,会立刻结束匹配关系 urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^test/$', views.test), ] 2. django路由匹配时,先不加斜杠匹配一次,如果匹配不上,则加斜杠再匹配一次,再匹配不上,就报错。取消自动加斜杠的功能,需要在settings中加上下面代码。 APPEEND_SLASH = False 3. 路由匹配只匹配URL部分,不配‘?’后面get携带的参数 二、有名分组与无名分组 1. 无名分组 函数会将无名分组内正则表达式匹配到的内容当做位置参数传递给视图函数。 a. 路由 url(r'^test/(\d+)/', views.test) b. 后端 def test(request, '正则表达式匹配到的内容') pass 2. 有名分组 函数会将有名分组内正则表达式匹配到的内容当做关键字参数传递给视图函数。 a. 路由 url(r'^test/(?P<year>\d+)/', views.test) b. 后端 def test(request, 'year') pass 3. 同一匹配函数内无名分组和有名分组不能混合使用 三、反向解析 根据别名,动态解析出一个结果,该结果可以直接访问对应的URL。 1.

用树莓派构建你自己的微型服务器,可以外网访

点点圈 提交于 2019-12-06 15:07:38
第一,你得有一个路由器,否则下面的内容都无法实现了。 第二,你得申请一个免费的动态域名解析,由于我用的是TP-LINK的路由器,只支持花生壳,所以我申请了花生壳的动态域名解析。 申请花生壳很简单,打开 http://www.oray.com ,点击顶部的“注册”,申请一个花生壳护照。 申请完成后,点击我的控制台-产品管理-域名管理 选择免费域名标签,选中其中的免费域名,点击激活花生壳,至此你的花生壳免费动态域名解析激活已经完成了。 第三,进入路由器,配置你的花生壳动态域名账号和端口重发 在路由器的动态DNS里设置好你的花生壳护照账号密码,点击登录 接下来需要配置端口了。 先要确定你的树莓派在局域网内的IP,我这里是给它一个静态的IP:192.168.1.248 然后按照下面列表添加端口 添加好后,我们就来搭建树莓派的web服务器。 第四,搭建树莓派的WEB服务器 由于我不懂如何做网站,所以只好套用U大帖子里的方法 http://www.eeboard.com/bbs/forum.php?mod=viewthread&tid=2053 ,建立了一个监控树莓派运行状态的服务器。 如果执行git命令找不到的时候,先执行 sudo apt-get install git 复制代码 安装完成后就可以执行git命令了 原帖里默认的端口是80,但是我的路由器不运行设置80端口转发

「vue基础」一篇浅显易懂的 Vue 路由使用指南( Vue Router 下)

馋奶兔 提交于 2019-12-06 14:31:23
大家好,在上一篇系列文章里,我们一起学习了路由的基本配置,如何创建路由和传参,本篇文章我们一起学习下 Navigation 导航和路由守卫的相关内容。 Navigation 如果要改变当前路径,我们可以使用 <router-link> 自带的组件和JS编码的两种方式进行实现。 一、 Links方式 尽管你可以使用标准的<a>标签功能进行实现,但是使用 <router-link> 功能有以下优点: 1、当URL与当前路由匹配时,能自动匹配定义的“active”样式(这个你需要在路由配置中进行自定义linkActiveClass属性) 2、会智能匹配路由为 hash 模式 还是 HTML5 history 模式,格式化成正确的URL格式。 3、当在 history 模式下,会阻止默认的单击操作行为,避免浏览器重新加载页面。 4、基于路由配置,构建相应的访问权限。 你可以像<a>标签一样进行使用,只是URL相当组件的属性值而已: URL除了可以写成字符串的形式,你还可以写成对象的形式: 虽然上面的两种写法是等价的,但是使用对象写法的形式,你能更方便的设置路由或URL传参: 1、Route parameters 2、Query parameters 二、JS编码的方式 如过你想通过JS的方式进行路由跳转,你可以在每个路由实例里,通过调用 this.$router 的相关方法。 1、push

「vue基础」一篇浅显易懂的 Vue 路由使用指南( Vue Router 上)

我是研究僧i 提交于 2019-12-06 14:30:46
大家好,今天的内容,我将和大家一起聊聊 Vue 路由相关的知识,如果你以前做过服务端相关的开发,那你一定会对程序的URL结构有所了解,我没记错的话也是路由映射的概念,需要进行配置。 其实前端这些框架的路由概念也是借鉴了后端路由框架的思想,让我们能像后端一样,进行路由规则化的配置。Vue的路由插件不仅是官方提供还有完善的文档,还有一个优势就是随着Vue版本同步更新。 安装路由插件( Vue Router) 你可以通过npm(npm install vue-router)或通过 Vue CLI 脚手架创建项目的时候进行选择安装。本节的示例,我们将在上节的例子基础上,通过 npm 的方式安装路由,我们将从基础的安装、配置讲起,然后在逐步的深入学习。 首先,我们通过控制台,将目录切换到当前项目的根目录,我们输入以下命令进行手动安装: npm install vue-router 接下来,完成安装后,我们需要对其进行配置,将路由映射到对应的组件上,我们在 src 文件夹中创建一个 router.js 的文件,然后添加以下内容: src/router.js 我们首先导入 Vue 本身和 Vue路由,因为路由是插件,必须在Vue对象中进行注册,这里我们使用 vue.use() 进行注册。 接下来,我们创建了一个Router实例,并进行了相关初始化的配置。这里你至少需要配置一个路由规则

vue路由重复点击报错问题

元气小坏坏 提交于 2019-12-06 13:52:10
问题描述:vue中重复点击相同的路由跳转时,即目标路由和当前路由是同样的时,页面会报以下错误。 解决办法: 在router中加入以下代码 const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } 来源: https://my.oschina.net/u/4138368/blog/3137667

三十分钟学会使用VUE搭建单页应用(SPA) 上

一曲冷凌霜 提交于 2019-12-06 12:36:26
三十分钟学会使用VUE搭建单页应用(SPA) 上 景行_白色极限 关注 12018.07.29 23:19:12字数 2,474阅读 22,578 今天我们将学习如何用VUE构建一个简单的单页应用(SPA) 如果没有其他特殊声明,此教程中的VUE全部指的是VUE2.X版本 预览 让我们先看看最终的的单页程序是什么样子的 成果 阅读本教程之前希望你能有如下的基础知识: VUE基础 如何创建VUE组件 如果你没有任何VUE或者VUE组件的知识,可以看我之前的文章 VueJS简明教程(一)之基本使用方法 使用Vue CLI 脚手架 我们将使用VUE提供的脚手架模块Vue CLI,它可以使我们构建的程序兼容ES5版本的浏览器。 NOTE: 当然这需要你在Node.js环境下进行开发,如果你还没有Node.js和NPM的基本知识,建议你花半个小时的时间配置好Node.js环境,相信我,很简单,百度随便一搜就出来一大把教程。 如何你还没有安装Vue CLI,你可以用下面的命令进行安装 npm install -g vue-cli NOTE: vue-cli已经有了3.0版本,改名为 @vue/cli, 但是当前vue-cli还是可以使用的,因为大部分用户还是在用vue-cli,所以本教程也继续使用vue-cli作为教学。 安装完Vue CLI,我们将通过下面的命令构建我们的VUE项目。 vue

UmiJS 目录及约定

怎甘沉沦 提交于 2019-12-06 12:35:14
在文件和目录的组织上,umi 更倾向于选择约定的方式。 一个复杂应用的目录结构如下: . ├── dist/ // 默认的 build 输出目录 ├── mock/ // mock 文件所在目录,基于 express ├── config/ ├── config.js // umi 配置,同 .umirc.js,二选一 └── src/ // 源码目录,可选 ├── layouts/index.js // 全局布局 ├── pages/ // 页面目录,里面的文件即路由 ├── .umi/ // dev 临时目录,需添加到 .gitignore ├── .umi-production/ // build 临时目录,会自动删除 ├── document.ejs // HTML 模板 ├── 404.js // 404 页面 ├── page1.js // 页面 1,任意命名,导出 react 组件 ├── page1.test.js // 用例文件,umi test 会匹配所有 .test.js 和 .e2e.js 结尾的文件 └── page2.js // 页面 2,任意命名 ├── global.css // 约定的全局样式文件,自动引入,也可以用 global.less ├── global.js // 可以在这里加入 polyfill ├── app.js //

网络基础知识

本秂侑毒 提交于 2019-12-06 11:02:10
1)什么是链接? 链接是指两个设备之间的连接。它包括用于一个设备能够与另一个设备通信的电缆类型和协议。 2)OSI 参考模型的层次是什么? 有 7 个 OSI 层:物理层,数据链路层,网络层,传输层,会话层,表示层和应用层。 3)什么是骨干网? 骨干网络是集中的基础设施,旨在将不同的路由和数据分发到各种网络。它还处理带宽管理和各种通道。 4)什么是 LAN? LAN 是局域网的缩写。它是指计算机与位于小物理位置的其他网络设备之间的连接。 5)什么是节点? 节点是指连接发生的点。它可以是作为网络一部分的计算机或设备。为了形成网络连接,需要两个或更多个节点。 6)什么是路由器? 路由器可以连接两个或更多网段。这些是在其路由表中存储信息的智能网络设备,例如路径,跳数等。有了这个信息,他们就可以确定数据传输的最佳路径。路由器在 OSI 网络层运行。 7)什么是点对点链接? 它是指网络上两台计算机之间的直接连接。除了将电缆连接到两台计算机的 NIC卡之外,点对点连接不需要任何其他网络设备。 8)什么是匿名 FTP? 匿名 FTP 是授予用户访问公共服务器中的文件的一种方式。允许访问这些服务器中的数据的用户不需要识别自己,而是以匿名访客身份登录。 9)什么是子网掩码? 子网掩码与 IP 地址组合,以识别两个部分:扩展网络地址和主机地址。像 IP 地址一样,子网掩码由 32 位组成。 10