news

Vue路由注意事项

隐身守侯 提交于 2019-11-30 09:46:37
一、vue中路由的使用 1、定义组件 <template> <div class="hello"> <h1 @click="info" :class="color">{{ msg }}</h1> </div> </template> <script> export default { name: 'hello', data () { return { msg: '我是Hello组件', color:'color' } }, methods:{ info(){ console.log('你点击了我'); } } } </script> <style> .color{ color:#630; } </style> 2、配置路由文件 import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' import Word from '@/components/Word'; Vue.use(Router) export default new Router({ routes: [ { path: '/', component: Hello }, { path:'/index', component:Word } ] }) 3、配置路由插座<router-view><

Vue全家桶

左心房为你撑大大i 提交于 2019-11-30 09:23:20
一、简介 武林至尊,宝刀React,号令天下,莫敢不从,Vue不出,谁与争锋 本文介绍Vue全家桶:Vue+Vue-router+Vuex+axios。 二、Vue Vue 是一套用于构建用户界面的渐进式框架,和React,都自称自己只关注视图层 1.引入Vue 开发环境: <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 生产环境: <script src="https://cdn.jsdelivr.net/npm/vue"></script> 2.一个小demo 在完成Vue都引入后,再分别 编写DOM 和 新建Vue实例: <!-- 两对花括号{{}} 为模版语法。 这里渲染message变量,也就是下面new Vue时data.message --> <div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', // 选择器,用来找到id为app的DOM节点 data: { // data属性用来存储数据 message: 'Hello Vue!' } }) 此时,如果页面显示了 Hello Vue! ,说明Vue正常工作。 具体文档请看 Vue官方教程 三、Vue-router 1.功能 Vue

HTTP协议概述

允我心安 提交于 2019-11-30 09:21:48
一、HTTP协议概述 HTTP是一个简单的请求-响应协议,属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它通常运行在TCP之上。它指定了客户端发送给服务器什么样的消息得到什么样的响应。 二、HTTP协议的主要特点可概括如下: 1、B/S结构(Browser/Server,浏览器/服务器模式),这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上,简化了系统的开发、维护和使用。客户机上只要安装一个浏览器就可以访问服务器。 2、简单快速:客户向服务器请求服务时,只需传送请求方法和路径。请求方法常用的有GET、POST。每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单,使得HTTP服务器的程序规模小,因而通信速度很快。 3、灵活:HTTP允许传输任意类型的数据对象。正在传输的类型由Content-Type加以标记。 4、无连接:每次连接只处理一个请求。服务器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可以节省传输时间。 5、无状态:HTTP无状态协议,是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息,则它必须重传,这样可能导致每次连接传送的数据量增大。另一方面,在服务器不需要先前信息时它的应答就较快。 三、HTTP协议详解之请求篇 http请求由三部分组成,分别是:请求行、消息报头(请求头

elasticsearch 搜索提示DSL

落爺英雄遲暮 提交于 2019-11-30 04:13:05
1,创建mapping:PUT /news_website { "mappings": { "news" : { "properties" : { "title" : { "type": "text", "analyzer": "ik_max_word", "fields": { "suggest" : { "type" : "completion", "analyzer": "ik_max_word" } } }, "content": { "type": "text", "analyzer": "ik_max_word" } } } } } 2,向索引中写入数据 PUT /news_website/news/1 { "title": "大话西游电影", "content": "大话西游的电影时隔20年即将在2017年4月重映" } PUT /news_website/news/2 { "title": "大话西游小说", "content": "某知名网络小说作家已经完成了大话西游同名小说的出版" } PUT /news_website/news/3 { "title": "大话西游手游", "content": "网易游戏近日出品了大话西游经典IP的手游,正在火爆内测中" } 3,suggest 查询 GET /news_website/news/_search {

Jquery判断是否选中

北战南征 提交于 2019-11-29 06:46:17
var slength = $(":checkbox[name='News[show_or_hide]']:checked").size(); if (slength>0 ) { $("div.field-news-other_tag").show(); $("div.field-news-sub_special").show(); } else { $("div.field-news-other_tag").hide(); $("div.field-news-sub_special").hide(); } 给CHECKBOXLIST设定一个选定的状态 $("#show_or_hide").attr("checked",'true'); javascript 全选/反选 <script type="text/javascript"> function check_all_box(){ var slength = document.getElementsByName("News[check_all]"); var oInput=document.getElementsByName("News[province_tag][]"); if(slength[0].checked==true){ for(var i=0;i<oInput.length;i++){ oInput[i]

MySQL注入实战

怎甘沉沦 提交于 2019-11-29 05:46:25
第1步、访问靶场 靶场地址: http://219.153.49.228:41377 第2步、 1、查找 观察页面,查找单页面之处: 2、页面提交: http://219.153.49.228:41377/new_list.php?id=1 and 1=2 3、返回结果 返回内容为空 4、数据库查询: select * from news where id =1 and 1=2 5、解析: 因为1=2不成立,所以返回内容为空。 第3步 1、页面提交: http://219.153.49.228:41377/new_list.php?id=1 and order by 1 2、返回结果: 3、数据库查询: select * from news where id=1 order by 1 4、解析 说明,该页面所对应的后台数据表中最少有一个字段,所以,下一步我们的目标是,查找出他有多少个这样的目标,即,我们得一步一步的测试 order by 2,3,4,……n。 第4步 1、页面提交 http://219.153.49.228:41377/new_list.php?id=1 order by id=1 最终测试了4次,第三次,order by 4 正常,第四次在order by 5 时候页面为空。 2、返回结果 order by 4 时、 order by 5 时、 3、数据库查询 /

python day2

喜夏-厌秋 提交于 2019-11-29 02:14:34
判断下列逻辑语句的True,False. 1)1 > 1 or 3 < 4 or 4 > 5 and 2 > 1 and 9 > 8 or 7 < 6 False or True or False and True and True or False and 只要有一个是False那么结果就是False or 只要有一个是True那么结果就是True 因为优先级先进行and的运算结果为False 再进行or,因为有True,最后结果为True 2)not 2 > 1 and 3 < 4 or 4 > 5 and 2 > 1 and 9 > 8 or 7 < 6 not True and True or False and True and True or False 优先级( )>not>and>or,同一优先级从左往右计算 最后结果为False 求出下列逻辑语句的值。 1),8 or 3 and 4 or 2 and 0 or 9 and 7 x or y , x为真,值就是x,x为假,值是y x and y, x为真,值是y,x为假,值是x 先进行and的计算 8 or 4 or 0 or 7 最后结果为8 2),0 or 2 and 3 and 4 or 6 and 0 or 3 0 or 4 or 0 or 3 最后结果为4 下列结果是什么? 1)、6 or 2 > 1 6

MySQL索引使用的注意事项

时光总嘲笑我的痴心妄想 提交于 2019-11-28 17:43:06
MySQL 索引通常是被用于提高 WHERE 条件的数据行匹配时的搜索速度,在索引的使用过程中,存在一些使用细节和注意事项。 1. 不要在列上使用函数和进行运算 不要在列上使用函数,这将导致索引失效而进行全表扫描。 select * from news where year(publish_time) < 2017 为了使用索引,防止执行全表扫描,可以进行改造。 select * from news where publish_time < '2017-01-01' 还有一个建议,不要在列上进行运算,这也将导致索引失效而进行全表扫描。 select * from news where id / 100 = 1 为了使用索引,防止执行全表扫描,可以进行改造。 select * from news where id = 1 * 100 2. 尽量避免使用 != 或 not in或 <> 等否定操作符 应该尽量避免在 where 子句中使用 != 或 not in 或 <> 操作符,因为这几个操作符都会导致索引失效而进行全表扫描。 3. 尽量避免使用 or 来连接条件 应该尽量避免在 where 子句中使用 or 来连接条件,因为这会导致索引失效而进行全表扫描。 select * from news where id = 1 or id = 2 4. 多个单列索引并不是最佳选择

新闻搜索

浪尽此生 提交于 2019-11-28 12:18:29
一、搜索功能分析   思考:如果我们要做一个通过关键词搜索文章的功能,需要搜索哪些字段,以及使用什么技术方案? 搜索字段:   1,字段   2,内容   3,作者 技术方案:   1,mysql的模糊查询%like%     1,优点:实现起来简单     2,缺点:数据量比较大的情况下,查询效率极低   2,全文检索引擎     1,优点:专业的全文检索引擎,效率高     2,缺点:实现起来比较复杂 选择使用全文检索引擎,自行实现django框架和全文检索引擎的代码比较麻烦,选用django的 第三方包djangohaystack。它支持多钟全文检索引擎,本项目选择最流行的全文检索引擎之一 elasticsearch 二、elasticsearch介绍   elasticsearch原理:http://developer.51cto.com/art/201904/594615.htm 三、docker介绍   1.docker介绍与安装     ~ 介绍       1,什么是docker?         ~简化创建,部署,运行应用程序的一个工具         ~打包应用程序所需的库和依赖环境         ~精简的虚拟机   2.为什么使用docher?     流行、方便、强大   3.docker vs 虚拟机     体积更小、运行更快、集成扩展更好   4

正则零宽断言 Regex.Replace(string,string,string)

折月煮酒 提交于 2019-11-26 17:26:55
一直对Regex.Replace(string,string,string)这个没仔细了解 今天终于明白了 Regex.Replace(string input,string pattern,string replacement) (1) input: http://www.xxx.com/news/5/ pattern:.*?xxx\.com/news/\d+/ replacement:news.aspx 结果news.aspx 因为input按照pattern匹配的结果为 http://www.xxx.com/news/5/ ,然后我们用news.aspx替换 最终结果就是news.aspx (2) input: abcedft http://www.xxx.com/news/5/6/7YYYYY pattern: http://(.*/?)\.*xxx.com/news/(\d+/)*(\d+)/ * replacement: /news.aspx 结果为 abcedft/news.aspxYYYYY 因为input 中匹配的为 http://www.xxx.com/news/5/6/7 (3) input:http://www.xxx.com/news/5/ pattern:http://(.*?)\.xxx.com/news/(\d+)/ replacement:news