高端企业网站制作-一站式解决方案-河北乐客网站建设公司

网站定制

页面设计

网站设计制作一条龙

域名 + 空间 + 设计 + PC + 移动 + H5

网站模板下载

500+网站模板供您选择
价值千元模板不收取任何费用,免费下载.

我们的服务

公司以诚信服务对待每一位客户的售前售中售后.一言九鼎的态度。以科技创新的方法,认真务实的精神制造出每一个网站.

最新模板

  • square多功能商业公司wordpress主题
    44 免费模板
    Square是一个灵活的响应式多功能主题,兼容所有浏览器和设备,完全移动友好,具有许多功能。这是一个基于WordPress定制器的最小主题,允许您使用实时预览进行自定义。该主题可用于商业,企业,数字代理,个人,投资组合,摄影,视差,博客和杂志。Square是电子商务(WooCommerce)兼容,Polylang兼容,WPML,RTL,Retina Ready,SEO友好和支持bbPress和BuddyPress。更重要的是它是一个完整的主题。
    发布时间:2019-09-17 09:53:50
  • ENVO免费多用途WordPress主题
    69 免费模板
    Envo Multipurpose 是一个快速,干净,现代外观响应多用途,与有 WooCommerce 支持的 WordPress 主题。主题完全被加宽,因此用户可以通过使用易于使用的小工具来管理内容。主题与任何拖拽页面生成器,如 Elementor,KingComposer,Beaver Builder,SiteOrigin,Divi,Brizy,Visual Composer 等,并兼容所有的主要插件,如 WooCommerce,Yoast,Contact Form 7 等。
    发布时间:2019-09-17 09:17:50
  • Orfeo多用途响应式wordpress主题
    52 免费模板
    Orfeo 是一个具有多用途设计的响应 WordPress 主题。它很适合小型企业和公司业务,因为它可以通过现场定制器进行高度定制。您可以使用 Orfeo 创造餐馆、初创公司、自由职业者简历、创意机构、作品集、WooCommerce 或利基像体育、医疗、博客、时尚、律师等站点。它有一页 设计,Sendinblue 通讯整合,小工具化页脚和干净的外观。主题是兼容 Elementor Page Builder,Photo Gallery,Flat Parallax Slider,Travel Map;该主题是移动友好与之有良好的搜索引擎优化。
    发布时间:2019-09-16 17:34:13
  • Futurio免费多用途wordpress响应式主题
    128 免费模板
    Futurio 是一款轻量级,快速且可定制的免费多用途和 WooCommerce WordPress 主题,适用于商业,作品集,创意和摄影站点,电子商务商店,登陆页面,博客或 WooCommerce 店面。 Futurio 与所有页面构建器完美配合,如 Elementor,Beaver Builder,King Composer,Brizy,Visual Composer,SiteOrigin,Divi 或 Gutenberg,并支持大多数免费和优质 WordPress 插件,如WooCommerce,Jetpack,Contact Form 7,Yoast SEO 和更多。
    发布时间:2019-09-12 16:13:19
  • Zakra多用途wordpress响应式主题
    39 免费模板
    Zakra适用于个人博客,作品集,WooCommerce商店,商业站点和其他站点(如咖啡厅,水疗中心,慈善机构,瑜伽,婚礼,牙医,教育等)。与Elementor以及其他主要页面构建器一起使用,以便您可以创建所需的任何布局。主题是响应,Gutenberg兼容,SEO友好和主要的WordPress插件兼容。
    发布时间:2019-09-12 15:44:26
  • Hestia现代化企业创意wordpress主题
    36 免费模板
    Hestia是一个现代化 WordPress 主题。 该主题适合创意业务,小型企业(餐馆,婚礼策划人员,运动/医疗店),创业公司,企业业务,在线代理与公司,电子商务(WooCommerce)和自由职业者。 该主题具有多用途单页设计,页脚里使用小工具功能,博客/新闻页面和干净的外观,和各种插件兼容:Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder。 主题拥有了响应式设计,兼容 WPML 与 Retina,SEO优化,并使用 Material Kit 进行设计。
    发布时间:2019-09-12 15:05:03

客户案例

专业的网站设计制作团队,坚持原创,尊重设计.

您不是第一个找我们做全网营销的客户,我们已经得到了很多客户的认可!

乐客网站建设案例-艺佰联腾电子科技
乐客网站建设案例-艺佰联腾电子科技

乐客网站建设案例-艺佰联腾电子科技

河北乐客互联
  •  0

乐客网站建设案例-艺佰联腾电子科技

艺佰联腾电子科技有限公司自成立以来,一直致力于众多国外录音及电子乐器类各顶级品牌产品在国内的推广、销售和技术服务并迅速成为国内专业录音和电子乐器行业的传奇。


案例介绍:

艺佰联腾电子科技有限公司自成立以来,一直致力于众多国外录音及电子乐器类各顶级品牌产品在国内的推广、销售和技术服务并迅速成为国内专业录音和电子乐器行业的传奇。

艺佰联腾是英美德日等国十余个强势电子音乐产品品牌的中国独家总代理。从格莱美巨星到国内艺人制作人,你都可以找到我们的用户!

乐客网站建设案例-艺佰联腾电子科技

乐客网站建设案例-天琥设计品牌设计公司
乐客网站建设案例-天琥设计品牌设计公司

乐客网站建设案例-天琥设计品牌设计公司

河北乐客互联
  •  0

乐客网站建设案例-天琥设计品牌设计公司

天琥设计公司于2016年正式对外经营,隶属开元股份(300338)体系企业。至成立以来公司致力于打造一支全创意服务团队,以提供一系列创意解决方案为服务愿景。


案例介绍:

天琥设计公司于2016年正式对外经营,隶属开元股份(300338)体系企业。至成立以来公司致力于打造一支全创意服务团队,以提供一系列创意解决方案为服务愿景。提倡符号强化品牌竞争力,创意提升企业生命力的观点;深入发掘互联网视觉创意×品牌创意的核心结合,具有国际视野,形成了自己的独特理论。并付诸实际行动,为企业、品牌主解决实际问题。

乐客网站建设案例-天琥设计品牌设计公司

乐客网站建设案例-海辉律师事务所
乐客网站建设案例-海辉律师事务所

乐客网站建设案例-海辉律师事务所

河北乐客互联
  •  0

乐客网站建设案例-海辉律师事务所

海辉律师事务所在2014年、2016年连续两届被评为无锡市优秀律师事务所、2016年被评为江苏省优秀律师事务所。

  • 客户名称:海辉律师事务所
  • 制作日期:2020-04-01 10:55:12
  • 网站地址: http://hhlegal.cn

案例简介:

海辉律师事务所在2014年、2016年连续两届被评为无锡市优秀律师事务所、2016年被评为江苏省优秀律师事务所。汇集了40多位学有专长、经验丰富的优秀律师,其中1/3律师具有公检法机关工作历练,1/3律师拥有法学硕士学位或留学经历;无锡办公室位于无锡最富发展前景的高新区CBD第一岗附近的融智大厦,苏州办公室位于苏州最富发展前景的科技城,地理环境都十分优越,交通极为方便,共2000平方米的办公场所可满足办公、培训、会议多方面需要;与多家境内外知名商业机构建立了紧密的合作关系,配备先进的互联网管理系统与法律数据库,确保海辉有能力为客户提供全面高质的法律服务。


案例展示:

乐客网站建设案例-海辉律师事务所

富艺珠宝首饰
富艺珠宝首饰

富艺珠宝首饰

河北乐客互联
  •  4

富艺珠宝首饰

富艺珠宝成立于1991年,至今已拥有25年深厚的品牌历史,是集原料采购、生产设计、零售服务为一体的综合性珠宝公司。

  • 客户名称:富艺珠宝首饰有限公司
  • 制作日期:2020-03-11 09:57:20
  • 网站地址: http://www.fuyi9999.com

富艺珠宝成立于1991年,至今已拥有25年深厚的品牌历史,是集原料采购、生产设计、零售服务为一体的综合性珠宝公司。

富艺珠宝

八星旅游
八星旅游

八星旅游

河北乐客互联
  •  3

八星旅游

八星旅游是国内专业的高端定制旅游网站,为您提供一站式私人定制旅游服务。您可以享受豪华酒店、极致美食、独立专车、私家导游的完美旅行体验。八星旅游极力为您奉献一次被宠坏的旅行!


八星旅游是国内专业的高端定制旅游网站,为您提供一站式私人定制旅游服务。您可以享受豪华酒店、极致美食、独立专车、私家导游的完美旅行体验。八星旅游极力为您奉献一次被宠坏的旅行!

八星旅游

美克美家家居用品
美克美家家居用品

美克美家家居用品

河北乐客互联
  •  3

美克美家家居用品

美克集团创建于1990年,旗下包括上市公司美克国际家居用品股份有限公司、新疆美克化工有限责任公司、美克置地等多家企业,产业涉及家具制造及出口、家居零售和精细化工等领域。


美克集团创建于1990年,旗下包括上市公司美克国际家居用品股份有限公司、新疆美克化工有限责任公司、美克置地等多家企业,产业涉及家具制造及出口、家居零售和精细化工等领域。

美克美家家居用品

乐客网站建设案例-小吃培训班
乐客网站建设案例-小吃培训班

乐客网站建设案例-小吃培训班

河北乐客互联
  •  15

乐客网站建设案例-小吃培训班

多味滋小吃培训班成立于2009年,是国内领先的小吃培训机构,目前已经真实培训了20000名学员,开店成功率高达90%,如果您也想参加小吃培训,期待你的加入!


客户信息

多味滋小吃培训机构创立于2009年,是一家专注于餐饮美食教育、餐饮管理、餐饮菜式开发的创新型餐饮教育企业。

在未来的美食行业中,餐饮店将会成为消费者的最佳消费场所之一。美味的小吃是开店经营必不可少的,掌握专业美食做法和开店经营管理知识,将是未来最基本的开店专业。

多味滋公司将借助技术的创新,不断提升每种美食小吃的口感,并且,降低其制作成本,使得每一位创业投资者,都能从中获得可观的利润。

办学10年以来,多味滋继承和发扬了博大精深的中华美食文化,共为社会培养了20000多名来自全国各地的优秀美食人才。希望更多的餐饮创业者加入我们,多味滋将不断开拓创新,与时俱进,为中国餐饮美食行业做出更大的贡献。

乐客网站建设案例-小吃培训班

乐客网站建设案例-抖音蓝V认证
乐客网站建设案例-抖音蓝V认证

乐客网站建设案例-抖音蓝V认证

河北乐客互联
  •  28

乐客网站建设案例-抖音蓝V认证

乐客互联网站制作案例,客户介绍:抖音蓝V认证,为中小微企业,店铺,商家提供抖音企业号的认证、运营及培训服务,以低成本的方式解决商家不知道抖音短视频拍什么,怎么拍和拍的好的问题,提升抖音短视频推荐播放量,点赞量......


客户信息

抖音蓝V认证为中小微企业,店铺,商家提供抖音企业号的认证、运营及培训服务,以低成本的方式解决商家不知道抖音短视频拍什么,怎么拍和拍的好的问题,提升抖音短视频推荐播放量,点赞量,有效评论和点赞量,最终实现通过抖音帮您提升客户购买转化及品牌认知度的结果。

为什么要做抖音企业蓝V认证?

1.抖音已经成为一款现象级APP,日活跃用户超过1.5亿,月活跃用户超过3亿,而有效企业蓝V认证的商家不过三十万家,1000:1的供需关系(按月活跃用户进行计算),庞大的用户红利即将爆发!

2.人是视觉性更强的动物,相对传统的文字、图片、音频的内容形式,视频具有更强的感染力,更容易帮助企业人格化,建立企业和用户之间的信任!

3.互联网营销需要流量为王,更加需要精细化运营,时间、地点、人物、事件是进行精细化运营的必备条件,抖音蓝V数据监测功能是目前唯一一款可以对用户兴趣喜好进行画像还原的APP,更全面的数据监测,为精细化运营保驾护航!

乐客网站建设案例-抖音蓝V认证

乐客网站建设案例-抖音蓝V认证

乐客网站建设案例-抖音蓝V认证

乐客网站建设案例-抖音蓝V认证

网站制作案例-未来集市
网站制作案例-未来集市

网站制作案例-未来集市

河北乐客互联
  •  14

网站制作案例-未来集市

乐客互联网站制作案例,客户名称:未来集市,客户介绍:未来集市是广州未来集市网络技术有限公司于2019年推出的一款全品类圈层电商平台app,与上千家知名品牌商达成合作,致力于让用户获得更低价的优质商品和更合理的佣金收益。


客户信息

未来集市是广州未来集市网络技术有限公司于2019年推出的一款全品类圈层电商平台app,未来集市深度挖掘S2B2C模式的优势、与上千家知名品牌商达成合作,整合全球优质货源,砍掉层层中间商赚差价,致力于让用户获得更低价的优质商品和更合理的佣金收益。

未来集市销售类目涵盖水果生鲜、美妆个护、食品保健、母婴用品、居家日用等多种优选商品,一站式满足用户绝大部分的消费需求。


品牌自营:由未来集市出品,输出高品质标准商品,从选材、设计、生产、到售前售后,全程把控。

自营品牌具体包括:

1.自研产品:与合作工厂联合开发并与海外签订独家销售协议的出口商品。

2.国内外知名品牌:获得国内外知名品牌专利使用权的独家进口商品。

3.明星周边:明星自创产品。

4.自行投资设厂或通过收购、兼并进入生产领域的商品等。

自营品牌的3个特点:

1.性价比高2.复购率高 3.利润点更高

网站制作案例-未来集市

网站制作案例-未来集市

网站制作案例-未来集市


years in business
59
team members
Clients Stats Icon
650+

关键词数量
Project Stats Icon
24 hour

工作时间
User Stories Stats Icon
220+

操作数量
Commits Stats Icon
1000+

用户咨询
我们的愿景【让客户的客户觉得满意】
河北乐客互联网络科技有限公司创立于2019年3月,是一家专注SEO、网站优化、网站建设、网站制作的互联网公司,虽然是才成立半年的新公司,但是每一位成员实际入行都已经4-5年的时间

乐客互联
by 乐客互联

我们的愿景【让客户的客户觉得满意】

河北乐客互联
  •  96

我们的愿景【让客户的客户觉得满意】

发布时间:2019-07-18 17:04:10



河北乐客互联网络科技有限公司创立于2019年3月,是一家专注SEO、网站优化、网站建设、网站制作的互联网公司,虽然是才成立半年的新公司,但是每一位成员实际入行都已经4-5年的时间;

我们是希望在这互联网的大潮当中做那个忠于自己和用户的企业,并非只为盈利而去服务,而是用户需要我们,我们帮用户解决了他们真正的问题;

处在行业内其实看到过很多很多利益驱使前行的公司,而我们更想以客户的满意度作为驱使我们前行的动力,乐客互联网络成员都深信一个道理,让用户满意,赚钱只是水到渠成的一件事,所以我们把中心都放在了用户服务上;

那么本网站的服务主体是围绕着网站建设、网站制作、高端网站设计,我们的优势在于本身精通SEO优化,了解什么样子的网站可以更好的满足搜索引擎优化的需求,企业只做一个网站意义是不大的,能在搜索引擎上有一定的排名才会让网站有更大的价值,才可以提升企业品牌的知名度,定位不同,所以价格各不相同,就像有的建站公司可以500元建站一样,您时不时需要面对网站挂马,被镜像等原因,并且问题多了,建站公司是不想在为用户服务的,因为利润太低。

乐客互联所用的服务器都是阿里云的服务器,即便是不能备案的网站同样是用的阿里云香港的服务器,十分的安全,如果您想建站,但是不知道选择哪家建站公司的话不如和我们合作,相信我们的服务会让您满意!

河北乐客互联LOGO


什么是Web应用程序防火墙?它如何保护你的网站?
大部分网站经常会面临很多威胁,例如存在恶意软件注入,插件漏洞,分布式拒绝服务(DDoS)攻击和暴力攻击以及许多其他可怕的可能性。如果没有Web应用程序防火墙(WAF)或其他安全措施,你将使WordPress网站处于开放状态,可能会导致数据丢失和其他严重后果。

乐客互联
by 乐客互联

什么是Web应用程序防火墙?它如何保护你的网站?

河北乐客互联
  •  21

什么是Web应用程序防火墙?它如何保护你的网站?

发布时间:2020-03-30 09:20:43


大部分网站经常会面临很多威胁,例如存在恶意软件注入,插件漏洞,分布式拒绝服务(DDoS)攻击和暴力攻击以及许多其他可怕的可能性。如果没有Web应用程序防火墙(WAF)或其他安全措施,你将使WordPress网站处于开放状态,可能会导致数据丢失和其他严重后果。

当涉及到保护你的网站时,WAF是你可以实施的最佳保护类型之一。在本文中,我们将细分此工具的含义,工作方式以及可用的不同类型。然后,我们将介绍一些可以为WordPress设置方法的方法。

什么是WAF(及其工作方式)?

WAF使用“规则”来帮助保护你的网站免受特定类型的威胁。这些潜在的攻击包括SQL注入,跨站点脚本(XSS),会话篡改,DDoS攻击等。也就是说,防火墙只是完整安全策略的一部分。

各种类型的WAF使用略有不同的过程来阻止恶意流量。但是,将其简化为最简单的术语,其工作方式如下:

  1. 用户尝试通过单击链接或在浏览器中键入URL来访问你的站点。这会将HTTP请求发送到你的服务器。
  2. 你的WAF会拦截此请求并进行分析,以确定用户是否违反了你的任何预定规则。
  3. 如果没有违反任何规则,则用户的请求将传递到你的服务器,服务器将返回他们请求的内容。如果其IP地址已被列入黑名单或其他活动可疑,则你的WAF会阻止它们。

WAF的主要优点是能够快速部署新规则。在大多数情况下,现代防火墙使用白名单和黑名单的组合,称为混合模型。但是,有些仅依靠一种方法或另一种方法。使用白名单方法,你的防火墙将拒绝除来自预先批准的IP地址的请求以外的所有请求。除你选择阻止的用户外,默认情况下,黑名单会让大多数用户通过。这可以用来阻止流量表现出与SQL注入,XSS和其他攻击一致的行为。

3种不同类型的WAF

除了它们使用的规则类型之外,WAF还可以在三个不同级别上工作:

  • 网络级别。网络WAF在本地级别运行,通常包含自定义硬件解决方案,因此它们往往非常昂贵。但是,它们对用户造成的延迟较小。
  • 主机级别。这种WAF通常以安装在服务器上的模块或插件的形式出现。这是比网络级解决方案便宜得多的方法,但是占用了服务器的一些资源。
  • 云级别。云WAF倾向于使用软件即服务(SaaS)模型工作。通常,你需要为订阅付费,然后可以访问可以通过域名系统(DNS)快速部署的解决方案。使用这种方法,服务器性能不会受到影响,并且服务提供商通常会为你更新规则。

如何为你的WordPress网站实施WAF(3种方法)

你可以通过多种方法为网站实施WAF,而无需设置硬件解决方案。这是你可能要考虑的三种方法。

1.安装并激活WordPress安全插件

提供WAF功能的WordPress安全插件属于主机级解决方案类别。换句话说,它们是你在服务器上设置的软件,用于拦截和过滤网站流量。这种方法的缺点是它需要使用服务器资源。过去,我们已经探讨了插件对性能的影响,因此可以肯定地说,这种方法会使你的网站变慢。

也就是说,如果你缺乏技术经验,这种方法通常也相对便宜且易于设置。无论Wordfence安全性和多功能一WP安全与防火墙包括初学者友好WAF解决方案。

例如,Wordfence使你可以使用一组高度可定制的规则将连接列入黑名单:

使用WordPress安全插件来保护网站

另一方面,多合一WP安全性包括白名单和黑名单功能,因此你可以采用混合方法。为了获得最佳效果,你需要对应该允许或阻止的连接类型进行一些研究。

2.使用第三方WAF解决方案

第三方WAF服务通常通过其DNS配置与你的网站集成,这意味着它们往往属于云级解决方案类别。Cloudflare是一个很好的例子。

如果你使用Cloudflare 高级计划,则不仅可以访问Content Delivery Network(CDN),而且还可以访问内置的WAF:

使用第三方WAF解决方案

如果你使用的是在SaaS模式下运行的WAF,则很可能可以使用交钥匙解决方案。这意味着它将负责设置自定义规则,并保留自己的威胁数据库,以确保其涵盖尽可能多的攻击类型。通常,Cloudflare还提供WordPress特定的规则,这使其成为首选。

当然,这种方法的缺点是价格。云级WAF是一项持续的费用。对于某些人来说,这意味着他们通常只值得那些能够产生经常性收入的网站。

3.选择提供WAF的托管服务提供商

一些Web主机会加倍努力,并提供其计划中内置的网络级WAF或第三方解决方案作为附加功能。根据经验,你将以某种方式为这种服务支付溢价。以Pagely为例。它是托管WordPress托管的最佳选择之一,并且为用户提供WAF保护。但是,它的计划并不是你所说的预算友好型计划:

其他主机,例如Liquid Web,提供每月将第三方WAF集成到你的主机计划中的功能。如果你正在寻找一家可以手动设置WAF而又不花一分钱的公司,那么最好的选择是Virtual Private Server(VPS)或云托管提供商。

例如,Amazon Web Services(AWS)使你能够部署WAF。但是,它会根据你部署的规则数量和收到的请求数量向你收费。

实际上,WAF会成为你的网站与不同类型攻击之间的屏障。你可以将流量列入黑名单或白名单,具体取决于要使用的型号。但是,最终结果几乎相同–你拥有一个更安全的站点。

作为WordPress用户,你可以通过以下三种主要方法来使用WAF保护网站:

  1. 安装WordPress安全插件:最便宜的方法,但是通常需要你自己设置规则。
  2. 注册第三方WAF解决方案:你必须每月支付费用,但是该服务通常会为你处理所有工作。
  3. 选择提供WAF的托管服务提供商:提供WAF的托管服务提供商往往比较昂贵,但是有些选项使你可以自行设置。
如何修复WordPress网站的404错误
作为网站用户,最糟糕的感觉之一是单击链接并进入404错误页面。404是Internet上最无奈的错误代码之一,因为它只是表明所请求的页面丢失。但是,对于用户来说,它也可能是最令人沮丧和影响最大的内容之一,因为当他们要查找的内容消失时,会降低转化率。谷歌和其他搜索引擎也讨厌它。

乐客互联
by 乐客互联

如何修复WordPress网站的404错误

河北乐客互联
  •  5

如何修复WordPress网站的404错误

发布时间:2020-03-26 15:04:28


作为网站用户,最糟糕的感觉之一是单击链接并进入404错误页面。404是Internet上最无奈的错误代码之一,因为它只是表明所请求的页面丢失。但是,对于用户来说,它也可能是最令人沮丧和影响最大的内容之一,因为当他们要查找的内容消失时,会降低转化率。谷歌和其他搜索引擎也讨厌它。

幸运的是,解决WordPress 404错误并使之对搜索引擎抓取工具和普通用户而言都是一流的,这非常简单。

404错误代码到底是什么?

可怕的404是HTTP响应状态代码。它与503、500、301等类似,因此你可能偶尔会看到。他们并不都是坏人。例如,301响应代码仅表示一个页面已永久重定向到另一页面。但是404是最差的一种-400和500块是最需要注意的块,因为它们分别是客户端和服务器错误。

Mozilla开发人员网络MDN如下定义404:

服务器找不到请求的资源。在浏览器中,这意味着无法识别URL。在API中,这也可能意味着端点有效,但是资源本身不存在。服务器也可以发送此响应而不是403,以隐藏来自未授权客户端的资源。由于此响应代码在网络上经常出现,因此可能是最著名的响应代码。

要记住的重要点是,无法识别URL,并且端点有效,但是资源本身不存在。我们将向你展示如何处理此类问题,以便你可以将网站上的404限制为仅(你希望)无法控制的404。

什么时候会提示404错误?

404错误代表没有找到该资源,例如,对于有人错误输入你网站的网址,如果他们尝试访问 example.com/blog并输入 example.com/blag,则会收到404错误。不是因为我们的网站设置不正确或有什么问题,而是用户将URL拼写错误导致404错误。

考虑到所有这些,让我们进入那些超出你控制的范围,并且你的访客无法通过按几次Backspace键就无法修复。还要记住,这些404错误通常不会影响SEO。因为搜索引擎会找到那里的内容,通常不会输入错误的URL。

如何查找WordPress 404错误

在WordPress中工作并尝试查找你的网站可能存在的所有404错误时,你可以从任意数量的位置开始或使用多种方法。但是,有一些非常简单的方法可以对其进行跟踪。

Google Search Console

对于拥有网站的任何人来说,最重要的工具之一就是Google Search Console。如果你不熟悉它,这是真正深入了解并变得友好的时候。通过这个仪表板,你可以获得尽可能多的网站洞察力。如果你熟悉Google Analytics(分析)如何细分指标,则Search Console也会类似地进行。

例如,要检查WordPress 404错误,你只需转到信息中心左侧的Coverage(覆盖)选项卡即可查看具体的错误。

使用 Google Search Console 来查找错误页面

随着时间的流逝,你将看到一般的错误和问题数量,并且能够通过单击对其进行详细分析。Google Search Console还提供有关如何处理不同问题和错误代码的文档。

检查外部链接

在WordPress(以及其他CMS平台)中,你可以非常轻松地更改永久链接。在WP中,你只需要进入Settings – Permalinks,就可以使网站的URL以你想要的任何结构显示。随时都可以。但是你不想更改这些随意的方法。因为其他站点已经(可能)已链接到你的站点。然后,单击链接的任何人都将被带到404页面。

为人们提供重定向链接或搜索框有助于减轻某些痛苦,以便他们可以找到所需的页面,但是你需要确保将其保持在最低限度。为此,你需要在Google Search Console中检查你的外部链接。你可以在链接–外部链接–顶部链接页面下找到它。

如何创建自己的404错误页面

修复错误404页面是一回事。但是,无论你采取什么措施阻止它发生,最终都会有人登陆错误页面。而你想为此做好准备。幸运的是,创建404页面非常简单。

在某些情况下,你的主题可能已经创建了WordPress 404错误页面。你可以在wp-content – themes – theme-name文件夹下进行检查。你正在寻找一个名为404.php的文件。这使WordPress将浏览器定向到特定页面,而不是简单地显示没有内容的默认页面。

创建自己的404错误页面

如上图所示,404.php文件是一个基本文件,它仅显示你希望访问者看到的任何HTML(以及PHP钩子等)。如果你是手动编码器,你要做的就是编写要显示的代码,然后通过FTP或文件管理器保存文件。现在,任何收到错误的访客都将跳转到这里。

404是最轻松,最容易修复的错误之一。一些主题内置404页,而另一些主题则为你提供了创建自己的自定义主题的工具。如果你使用Google Search Console,则可以在你的网站上找到许多软和硬404错误,并使用我们上面列出的插件来确保你的SEO,页面排名和用户体验不会受到影响。请记住,你可以在404页面上执行的最重要的操作之一是提供搜索框和首页重定向(或一系列建议的帖子),以使用户不会从你的网站退回,而是继续使用它。祝你好运,并可能使你所有的404设备都变得柔软。
如何使你的网站增加可访问(阅读)性
设计网站时经常忽略的一个方面是:网站可阅读性。有一个误解,认为Web可访问性需要牺牲美观性,否则这是不值得的。但是,随着用户访问网络的方式越来越多,创建可以以尽可能多的方式查看的高度可访问且通用的设计对于网站乃至公司的成功至关重要。

乐客互联
by 乐客互联

如何使你的网站增加可访问(阅读)性

河北乐客互联
  •  9

如何使你的网站增加可访问(阅读)性

发布时间:2020-03-25 09:36:00


设计网站时经常忽略的一个方面是:网站可阅读性。有一个误解,认为Web可访问性需要牺牲美观性,否则这是不值得的。但是,随着用户访问网络的方式越来越多,创建可以以尽可能多的方式查看的高度可访问且通用的设计对于网站乃至公司的成功至关重要。

什么是网站可访问性?

网站可访问性着重于使所有人都能访问Internet上的每个网站。例如将近五分之一的人生活在残障人士中,强调需要使残障人士或残障人士可以访问网站。尽管屏幕阅读器,盲文终端和替代关键字等技术使残障人士能够浏览Internet,但公司可以在其网站设计上走得更远。快速的设计更改可以帮助你的网站吸引世界各地的人们。

为什么要使网站可访问?

你要出于以下几个原因使你的网站可访问:

  • 使目标受众拥有对你的网站,服务和内容的平等访问权限
  • 保护你的公司免受因无法访问的网站而导致的搜索引擎惩罚
  • 彰显你的品牌致力于为目标受众中的所有人服务的承诺
  • 通过在目标受众中服务并扩大市场来发展你的业务

公司极少有意使残疾人无法访问其网站。实际上,许多人希望建立一个可访问的网站,但希望在调查此类项目所需的成本和资源时进行研究。

如何使你的网站增加可阅读性

1.使用有意义的标题属性

将标题属性视为简短的摘要,它们描述了超链接会将点击用户的位置。如果title属性与链接文本相同,则无济于事,例如以下示例:

<a href="portfolio.html" title="portfolio">组合</a>

对于屏幕阅读器用户而言,这是多余的,并且没有赋予他们任何附加价值。换成更好的方法则是:

<a href="portfolio.html" title="艺术家的有些艺术品">组合</a>

2.将重要的互动元素放在网页上方

这是一个简单的Web可访问性练习:确定重要的超链接和用户界面控件,你的用户需要在你的一个网页中访问这些控件。然后计算你必须按Tab键才能到达它的次数。你是否足够快地到达它?还是你必须疯狂地按Tab键?按下Tab键时,你是否能够看到当前集中在界面控制的超链接上?

现在,想象一下自己无法使用鼠标这样的常规点对点互动设备的情况。为了获得所需的交互元素,你必须遍历网页上的先行元素。这使你可以部分了解手功能有限或没有手的人们如何与网页交互。足够容易:将重要链接和其他交互式元素放在你的网页上方。无论如何,这都是一个好习惯,因为大多数网站用户,无论身体或心理能力如何,都期望重要的项目靠近网页顶部。

3.不要以相同的文本开头标题属性

你可能会经常看到带有标题属性的超链接元素,如下所示:

<a href="/" title=" 链接 home">首页</a>
<a href="/products" title=" 链接 products">产品</a>
<a href="/contact" title=" 链接 contact">联系</a>

这可能是由于默认的内容管理系统配置,或者是不想花太多时间使用标题属性的人。

使用JAWS等屏幕阅读器的用户经常依靠标题属性来查找页面上的Web链接。例如,JAWS具有将按字母顺序排序的网页上的链接列表汇总在一起的功能。如果标题属性以相同的文本开头,则很难使用屏幕阅读器中内置的搜索功能。

4.正确使用标题

标题标签允许屏幕阅读器用户跳至他们感兴趣的部分。网页上的标题是网页的轮廓;<h2>在<h1>元素后使用右表示部分是前面的子部分<h1>,大部分人都忽略了标题。

将较长的网页按标题分为逻辑小节,可以更轻松地到达你感兴趣的位置。想象一下,在阅读文章的第一段时,你立即想发表评论,并且评论表格位于网页底部的某个位置。对于有视力的用户来说,这很容易:你只需要向下滚动并直观地找到Web表单即可。

但是在内容丰富的网站(例如你现在正在查看的网站)上,评论表单实际上位于HTML结构的中间位置,即使在视觉上也位于网页的底部。如果没有标题标题指示Web表单的开始位置,则屏幕阅读器用户将不得不浏览大量内容才能访问该表单。

5.使用独特且有意义的页面标题

屏幕阅读器用户在网页完全加载后会遇到的第一件事是<title>标签之间的文本。除了没有<title>标签之外,你最糟糕的事情就是在所有网页中都设置相同的标签。这使依赖于你的HTML标记的用户难以确定他们所处的页面,或者所单击的链接是否与以前的网页相同。

如果你的页面标题相同,或者你没有页面标题,则屏幕阅读器用户将始终必须先阅读内容,然后才能确定他们位于要打开的网页上。保持页面标题简洁明了。

要使用的包含重复文本的良好页面标题的例子:

<head>
  <title>关于我们-我们的商店</title>
</head>
<head>
  <title>所有文章:我们的商店</title>
</head>
<head>
  <title>我们的商店:首页</title>
</head>
为什么快速加载网站很重要?
快速加载的网站可延长停留时间,提高参与度并增加转化次数。当人们可以快速访问信息时,他们更有可能停留在你的页面上。你的网站应在两秒钟或更短时间内加载。用户期望你的网站能够快速加载,如果加载时间超过三秒钟,则有53%的用户会放弃你的页面。如果你想让人们留在你的网站上,则网站的时间不应超过三秒钟。因此,伴随着所有这些问题,例如“我的网站应该运行多快?” 和“平均网站加载时间是多少?”,你可能想知道为什么速度如此重要。

乐客互联
by 乐客互联

为什么快速加载网站很重要?

河北乐客互联
  •  7

为什么快速加载网站很重要?

发布时间:2020-03-24 16:51:23


快速加载的网站可延长停留时间,提高参与度并增加转化次数。当人们可以快速访问信息时,他们更有可能停留在你的页面上。你的网站应在两秒钟或更短时间内加载。用户期望你的网站能够快速加载,如果加载时间超过三秒钟,则有53%的用户会放弃你的页面。如果你想让人们留在你的网站上,则网站的时间不应超过三秒钟。因此,伴随着所有这些问题,例如“我的网站应该运行多快?” 和“平均网站加载时间是多少?”,你可能想知道为什么速度如此重要。

你需要注意站点加载时间的三个主要原因:

1.它会影响你在Google中的排名

平均页面加载时间会影响你的Google排名。Google希望为搜索者提供最佳结果,其中一部分涉及拥有快速加载的网站。如果你没有快速访问的网站,则Google不会在搜索结果中将你的网站排名很高。考虑到在线搜索是人们查找,研究和购买产品的方式,因此你需要拥有一个快速加载的网站,以便在搜索结果中排名更高。

95%的搜索流量都流向结果的第一页,因此你需要有一个快速加载的网站来帮助你的业务出现在第一页并吸引有价值的流量。你将错失为网站吸引宝贵流量并为你的业务赢得更多潜在客户的机会。

2.影响用户体验

随着你的网页速度影响Google,它也会影响用户。两者在一起。如果用户在你的网站上没有良好的体验,这将导致他们从你的页面跳出并返回搜索结果。Google看到了这一点,并认为你的页面不相关。结果,你将不会在搜索结果中排名很高。用户体验对于企业的成功至关重要。如果他们无法从你的网站快速访问信息,那么他们将不会对你的业务产生积极的影响。这会损害你在搜索结果中排名以及获得新客户和销售的机会。

3.它影响转化

如果人们没有快速获得信息,他们将不会停留在你的页面上。当人们不在你的页面上时,他们不会购买你的产品或雇用你来提供服务。结果,你的转换率下降。你的页面速度会影响人们购买你的产品或使用你的服务。如果将商品添加到购物车的时间太长或结帐的时间太长,人们会从你的网站反弹,而尝试使用竞争对手的网站。

如何缩短网站加载时间

如果你想改善平均网站加载时间,请查看以下七个技巧:

1.减少你网站上的重定向

如果你想要一个快速加载的网站,则需要减少网站上的重定向次数。当你在站点上进行重定向时,它会触发一个附加的HTTP请求-响应周期。发生这种情况时,它会增加网站加载时间。这增加的时间会使你的网站变慢,但是通过减少重定向,你可以改善平均网站加载时间。

2.优化你网站上的图片

在设计网站时,你尝试添加视觉效果以保持其吸引力和吸引力。不利的一面是,太多的图像可能会使你的网站速度陷入困境。如果你是电子商务企业,那么你的网站上将会有数十个产品图片。毕竟,你想给购物者尽可能多的角度和视觉效果。如果你将所有这些图像添加到你的网站,它将减慢你的页面速度。

为防止这些图像对平均页面加载时间产生负面影响,可以减小图像尺寸。通过图像压缩程序(例如Kraken)运行图像,以帮助减小文件的大小而不降低质量。通过压缩图像,可以帮助你更快地加载网站并提供更好的用户体验。

3.使用浏览器缓存

浏览器缓存对于快速加载网站至关重要。每次有人访问你的页面时,你的网站都必须从头开始加载所有元素。如果他们每次访问你的网站都必须这样做,则可能会导致加载速度缓慢。

通过启用浏览器缓存,可以为你的受众创造更好的体验。浏览器缓存使你可以在用户设备上存储一些数据。下次用户访问你的网站时,你的页面仅需要加载页面的更新或新部分。由于你的网站不需要加载所有内容,因此你的网站加载速度会更快。

4.在外部平台上托管视频

就像照片一样,视频可能会损害你网站的加载时间。在外部平台上托管视频,以防止视频降低你的网站速度。

例如,你可以将视频上传到YouTube或Wistia。当你在这些平台上托管视频时,这些视频的重要性不在你的网站上。你的网站仍将快速加载,并且你仍可以从在网站上播放视频而获得收益。

5.最小化HTTP请求

HTTP请求是加载图像,脚本等的请求。如果你的站点很忙并且有很多组件,那么它将导致更多的HTTP请求。HTTP请求的增加可能会使你的网站变慢。简化网站的设计,以最大程度地减少这些请求。你可能需要减少混乱并确定网站的哪些组件可行。你可能会发现你有一些不必要的元素,在删除这些元素后,它们可以缩短平均网站加载时间。

6.缩小并合并文件

如果你想拥有一个快速加载的网站,请缩小并合并文件。你网站上的每个文件都会增加网站加载时间。文件过多会导致HTTP请求增多,正如我们之前所讨论的那样,这可能会降低你的网站速度。当你不想删除文件时,可以将它们组合以最大程度地减少它们的重量。

你可以合并来自相同文件类型的文件,例如:

  • HTML文件
  • CSS文件
  • Javascript文件

通过组合或缩小这些文件的大小,你将有助于缩短网站加载时间并拥有一个快速加载的网站。

7.使用内容交付网络(CDN)

如果要改善平均页面加载时间,请使用内容分发网络(CDN)。CDN使你的听众可以更快地访问你的信息。当你的网站上获得高流量时,请求将花费更长的时间来处理。结果,你的网站在尝试处理这些请求时速度变慢。

即使你的流量不高,但如果远离你的服务器,人们仍然会遇到站点速度变慢的情况。例如,如果你的服务器位于纽约,但来自中国的某人正在尝试访问你的内容,则加载时间将很长。

使用CDN,可以帮助减少缓慢的加载时间。你可以在全球服务器网络上缓存网站,而不是使用服务器。因此,如果有人尝试访问你的站点,他们将不会使用你的服务器,而是使用距离他们最近的服务器。此过程可帮助人们更快地获取信息并减少站点加载时间。

令用户失望的5个常见设计错误
设计交互式界面或网站并非易事。首先,你必须分析与受众有关的所有内容,首先要分析其行为,然后实施全面的计划。新技术使它变得更容易,但它们也使用户对技术更加了解并且难以打动。光滑的图像和悬停效果不再给用户留下深刻印象。动画或gif都不是-特别是当每个人都可以用手机仅几步就可以制作出自己的作品时。那么,如何为用户创造出色的体验?你如何使他们满意并保持转化率?

乐客互联
by 乐客互联

令用户失望的5个常见设计错误

河北乐客互联
  •  6

令用户失望的5个常见设计错误

发布时间:2020-03-23 15:08:17


设计交互式界面或网站并非易事。首先,你必须分析与受众有关的所有内容,首先要分析其行为,然后实施全面的计划。新技术使它变得更容易,但它们也使用户对技术更加了解并且难以打动。光滑的图像和悬停效果不再给用户留下深刻印象。动画或gif都不是-特别是当每个人都可以用手机仅几步就可以制作出自己的作品时。那么,如何为用户创造出色的体验?你如何使他们满意并保持转化率?

如果你在设计中犯错以打动你的听众,这只会变得越来越困难。因此,事不宜迟,以下是设计师为了使访客惊奇而常犯的一些错误。

1.太多新鲜功能

设计本身就是一种创造性的努力。设计师是他们自己尊重的艺术家,他们一直在努力通过自己的作品来表达自己。他们一直在创新,并确保自己的设计在其他设计中脱颖而出。

但是,如果我们正在谈论为你的用户设计完美的交互体验,那么创新不一定总是最佳选择。这可能对利基市场甚至那个特定网站都不利。用户访问网站时需要感到舒适。他们需要熟悉网站的使用方式,即常见的导航模式。他们非常习惯于此,为了聪明或独特而偏离轨道只会对你造成伤害,特别是如果你走得太远。

2.令人困惑的导航

这是我们经常看到的错误。如此多的网站最初都是很棒的体验,然后由于导航不佳而使一切混乱。有些人会去一些奇怪的导航地方,而这些地方用户不会想到。但是,用户所面临的最大问题不是-而是常见页面的所有奇怪名称。因此,例如,你将获得“我们的宇宙,一个艺术家的理论,跟随你的星星,总是学习更多”,而不是简单而充分的“住所,关于,联系,博客”模式。

问题是,如果用户设法弄清名称的含义,那么他们将欣赏命名的创造力。他们需要进行大量浏览才能找到所需的东西。请记住,大多数用户并不是在惊叹于你的设计技能,而是找到他们需要的信息以联系公司或了解有关他们所提供的产品的更多信息。设计的真正目的是使他们能够快速而简单地这样做,而又不会徘徊太久。如果这样做的话,他们很可能会离开现场,从而破坏设计的目的。

3.讨厌空白

曾几何时,将尽可能多的内容粘贴在你的网站上是一种趋势。你到处都有信息框,广告等等。但是那是那时,我们(感激地)已经远离那一步。用户不想在进入你的网站时不知所措。他们希望获得清晰,精简的体验,从而为他们提供所需的东西。

但是,许多网站仍然认为自己确实不是,但仍然犯了混乱的错误。但是,你会看到,坚持单一的配色方案很好,但是你还需要考虑其他要素。任何页面上的信息过多都会使读者流连忘返。无论你要宣传多少,它也看上去非常垃圾。

4.不使用对比度

使用它来建立视觉层次结构并将用户的注意力转移到你想要他们的地方非常重要。不只是颜色,还有大小,形状和位置。一个网站上的所有内容都必须与另一件事形成对比,以微妙的方式显示其价值和重要性。

例如:人们会自动理解,较小的按钮不如较大的按钮重要。他们了解较大的字母或更强调的字母更重要

5.复杂的布局

表格对每个人都是痛苦。没有人喜欢填写它们。但是,如果你想让消费者数据用于进一步的工作,它们也是必不可少的。

但是,他们不必看上去丑陋且令人讨厌。是什么导致的呢?好吧,对于一个要求太多的长表格。如果他们足够在意,用户可能会仔细阅读该表格。但是在大多数情况下,它们并不能做到—尤其是做不到“公共汽车在哪里?” 验证码-因此,请消除这种丑陋的形式,并追求简单时尚的东西。

坚持简单的名字,姓氏,电子邮件(如果需要,可以添加更多基础知识,例如密码),甚至更好的是名字,电子邮件。不要要求太多。并且,为了热爱设计,请测试一下。网络上的某些表格要求提供过多的“可选”信息,但是当你选择退出时,它们会突出显示所有空白,并拒绝在没有空白的情况下提交。并不是真正的可选。

因此,在设计时,重要的是要首先考虑用户和效率,然后找到使他们满意而不至于使其困惑的方法。测试一切。这是设计成功且美观的关键。

如何在WordPress中添加自定义字体
你是否要在WordPress中添加自定义字体?自定义字体使你可以在网站上使用不同字体的精美组合,以改善版式和用户体验。自定义字体除了看起来不错之外,还可以帮助你提高可读性,创建品牌形象并增加用户在你的网站上花费的时间。在本文中,我们将向你展示如何使用Google Fonts,TypeKit和CSS3 @ Font-Face方法在WordPress中添加自定义字体。

乐客互联
by 乐客互联

如何在WordPress中添加自定义字体

河北乐客互联
  •  5

如何在WordPress中添加自定义字体

发布时间:2020-03-16 09:56:14


你是否要在WordPress中添加自定义字体?自定义字体使你可以在网站上使用不同字体的精美组合,以改善版式和用户体验。自定义字体除了看起来不错之外,还可以帮助你提高可读性,创建品牌形象并增加用户在你的网站上花费的时间。在本文中,我们将向你展示如何使用Google Fonts,TypeKit和CSS3 @ Font-Face方法在WordPress中添加自定义字体。

注意:加载太多字体可能会降低你的网站速度。我们建议选择两种字体并在你的网站上使用它们。我们还将向你展示如何正确加载它们而不降低网站速度。

在介绍如何在WordPress中添加自定义字体之前,让我们看一下如何查找可以使用的自定义字体。

如何查找自定义字体以在WordPress中使用

字体曾经很昂贵,但现在已经不多了。在很多地方可以找到出色的免费网络字体,例如Google Fonts,Typekit,FontSquirrel和fonts.com。

在选择字体时,请记住使用过多的自定义字体会降低网站速度。这就是为什么你应该选择两种字体并在整个设计中使用它们的原因。这还将为你的设计带来一致性。

从Google字体在WordPress中添加自定义字体

在 Google fonts 上寻找字体

Google字体是网站开发人员中最大,免费和最常用的字体库。你可以通过多种方式在WordPress中添加和使用Google字体。

方法1:使用Easy Google Fonts插件添加自定义字体

如果你要在网站上添加和使用Google字体,则此方法是迄今为止最简单的方法,建议初学者使用。你需要做的第一件事是安装并激活Easy Google Fonts插件。

激活后,你可以转到外观»定制程序页面。这将打开实时主题定制器界面,你将在其中看到新的“版式”部分。

选择添加的字体

单击“版式”,将显示网站的不同部分,可在其中应用Google字体。只需单击要编辑部分下面的“编辑字体”。

在字体系列部分下,你可以选择要在网站上使用的任何Google字体。你还可以选择字体样式,字体大小,填充,边距等。根据你的主题,此处部分的数量可能会受到限制,并且你可能无法直接更改网站许多不同区域的字体选择。为了解决这个问题,该插件还允许你创建自己的控件,并使用它们来更改网站上的字体。

方法2:在WordPress中手动添加Google字体

此方法要求你将代码添加到WordPress主题文件中。首先,访问Google字体库,然后选择要使用的字体。接下来,单击字体下方的快速使用按钮。

首先,访问Google字体库,然后选择要使用的字体。接下来,单击字体下方的快速使用按钮。

在Google字体库选择字体

在字体页面上,你将看到该字体可用的样式。选择要在项目中使用的样式,然后单击顶部的侧边栏按钮。接下来,你将需要切换到侧栏中的“嵌入”标签,以复制嵌入代码。你可以通过两种方式将此代码添加到WordPress网站。

首先,你可以简单地编辑主题的header.php文件,并将代码粘贴到<body>标记之前。但是,如果你不熟悉WordPress中的代码编辑,则可以使用插件添加此代码。只需安装并激活“Insert Headers and Footers”插件即可。

激活后,转到“设置”»“Insert Headers and Footers”页面,然后将嵌入的代码粘贴到“页眉中的脚本”框中。

打开Insert Headers and Footers页面

将字体代码插入到head中

不要忘记单击“保存”按钮来存储你的更改。现在,该插件将开始在你网站的所有页面上加载Google字体嵌入代码。

使用Typekit在WordPress中添加自定义字体

Adobe Fonts的Typekit是另一个免费的高级资源,可用于设计项目中的出色字体。他们有付费订阅以及你可以使用的有限免费计划。只需注册一个Adobe Fonts帐户,然后访问“浏览字体”部分。在这里,你需要单击按钮以选择一种字体并创建一个项目。

创建adobe字体项目

接下来,你将看到带有项目ID的嵌入代码。它还将向你展示如何在主题的CSS中使用字体。你需要将此代码复制并粘贴到网站的<head>部分中。

复制Adobe 字体的嵌入代码

你可以通过两种方式将此代码添加到WordPress网站。首先,你可以简单地编辑主题的header.php文件,并将代码粘贴到<body>标记之前。但是,如果你不熟悉WordPress中的代码编辑,则可以使用插件添加此代码。

转到“设置”»“Insert Headers and Footers”页面,然后将嵌入的代码粘贴到“页眉中的脚本”框中。

将字体嵌入代码添加到head中

使用CSS3 @ font-face在WordPress中添加自定义字体

在WordPress中添加自定义字体的最直接方法是使用CSS3 @font-face方法添加字体。此方法使你可以使用网站上喜欢的任何字体。你需要做的第一件事是以网络格式下载所需的字体。如果你没有字体的Web格式,则可以使用FontSquirrel Webfont generator进行转换。

有了webfont文件后,你需要将其上传到WordPress托管服务器上。上载字体的最佳位置是在主题或子主题目录中的新“字体”文件夹中。

上载字体后,你需要使用CSS3 @ font-face规则在主题的样式表中加载字体,如下所示:

@font-face {
    font-family: Arvo;  
    src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo-Regular.ttf);  
    font-weight: normal;  
}

不要忘记用自己的字体和URL替换字体。

直接使用CSS3 @ font-face加载字体并不总是最好的解决方案。如果你使用的是Google Fonts或Typekit中的字体,那么最好直接从其服务器提供字体以实现最佳性能。

Nginx如何设置负载均衡
负载平衡是一种非常有用的技术,可以在多个服务器之间分配传入的网络流量。使用此技术,您可以减少资源使用量,缩短响应时间并避免服务器过载。在本教程中,我们将指导您完成在Linux VPS上配置Nginx负载平衡的步骤。Nginx负载平衡是实现完全应用程序冗余的最有效的选项之一,并且相对容易且快速设置。我们将使用循环机制配置Nginx负载平衡。这样,它将所有请求转发到Nginx配置中包括的相应服务器。

乐客互联
by 乐客互联

Nginx如何设置负载均衡

河北乐客互联
  •  22

Nginx如何设置负载均衡

发布时间:2019-10-25 16:07:14


负载平衡是一种非常有用的技术,可以在多个服务器之间分配传入的网络流量。使用此技术,您可以减少资源使用量,缩短响应时间并避免服务器过载。在本教程中,我们将指导您完成在Linux VPS上配置Nginx负载平衡的步骤。Nginx负载平衡是实现完全应用程序冗余的最有效的选项之一,并且相对容易且快速设置。我们将使用循环机制配置Nginx负载平衡。这样,它将所有请求转发到Nginx配置中包括的相应服务器。

目录

  1. 登录SSH
  2. 更新所有软件
  3. 安装Nginx Web 服务器
  4. 添加负载均衡
  5. 在Nginx中添加上游模块
  6. 重新启动Nginx
  7. 设置权重平衡
  8. 设置最大失败次数
  9. 设置IP哈希平衡

以root用户身份登录到服务器

ssh root@IP_Address

更新所有软件

apt-get update && apt-get upgrade

安装Nginx Web服务器

apt-get install nginx

安装完成后,检查Web服务器是否正在运行。

	service nginx status
nginx.service - A high performance web server and a reverse proxy server
Loaded: loaded (/lib/systemd/system/nginx.service; enabled; vendor preset: enabled)
Active: active (running)  

添加负载均衡

使用文本编辑器打开网站的Nginx配置文件。

vim /etc/nginx/sites-available/yourdomain.com.conf

并将负载平衡配置附加到文件顶部。

	upstream loadbalancer {
server vps1.yourdomain.com;
server vps2.yourdomain.com;
server vps3.yourdomain.com;
} 

在Nginx中添加上游模块

在相同的配置文件yourdomain.com.conf中,我们需要在virtualhost配置中添加上游模块。

server {
location / {
proxy_pass http://loadbalancer;
}
}

重新启动Nginx服务器

保存所有文件只有重启Nginx服务器。

service nginx restart

此配置将在三台服务器(vps1.yourdomain.com,vps2.yourdomain.com,vps3.yourdomain.com)之间平均分配所有传入流量。Nginx也可以配置为更有效地分配流量。它带有平衡选项,例如权重平衡,最大失败数和IP哈希平衡。

权重平衡

我们可以使用此选项来指定分配给上游列出的每个服务器的流量的比例。

upstream loadbalancer {
server vps1.yourdomain.com weight=1;
server vps2.yourdomain.com weight=2;
server vps3.yourdomain.com weight=5;
}

此示例中,vps2.yourdomain.com的流量是vps2.yourdomain.com的两倍,vps3.yourdomain.com的流量是vps1.yourdomain.com的五倍。

最大失败次数

如果使用默认的Nginx设置,即使服务器关闭,它也会将数据发送到服务器。我们可以使用“最大失败次数”选项来防止这种情况。

upstream loadbalancer {
server vps1.yourdomain.com max_fails=4  fail_timeout=20s;
server vps2.yourdomain.com weight=2;
server vps3.yourdomain.com weight=4;
}

在上面的示例中,Nginx将尝试连接到vps1.yourdomain.com,如果响应时间超过20秒,它将进行另一次尝试。经过四次尝试,vps1.yourdomain.com将被视为关闭。

设置IP哈希平衡

使用此方法,访问者将始终被发送到同一服务器。因此,如果访问者收到vps1.yourdomain.com的内容,则除非服务器停机或无法访问,否则它将始终传输到该服务器。

upstream loadbalancer {
ip_hash;
server vps1.yourdomain.com;
server vps2.yourdomain.com;
server vps3.yourdomain.com down;
}
IIS如何开启HSTS(HTTPS严格传输)
HTTP Strict Transport Security(通常简称为HSTS)是一个安全功能,它告诉浏览器只能通过HTTPS访问当前资源,而不是HTTP。启用 HSTS 不仅仅可以有效防范中间人攻击,同时也为浏览器节省来一次 302/301 的跳转请求,如果配置了HSTS,网站则通过HTTP Strict Transport Security通知浏览器,这个网站禁止使用HTTP方式加载,浏览器应该自动把所有尝试使用HTTP的请求自动替换为HTTPS请求。

乐客互联
by 乐客互联

IIS如何开启HSTS(HTTPS严格传输)

河北乐客互联
  •  132

IIS如何开启HSTS(HTTPS严格传输)

发布时间:2019-08-29 18:17:00


HTTP Strict Transport Security(通常简称为HSTS)是一个安全功能,它告诉浏览器只能通过HTTPS访问当前资源,而不是HTTP。启用 HSTS 不仅仅可以有效防范中间人攻击,同时也为浏览器节省来一次 302/301 的跳转请求,如果配置了HSTS,网站则通过HTTP Strict Transport Security通知浏览器,这个网站禁止使用HTTP方式加载,浏览器应该自动把所有尝试使用HTTP的请求自动替换为HTTPS请求。

HTTP严格传输安全(英语:HTTP Strict Transport Security,缩写:HSTS)是一套由互联网工程任务组发布的互联网安全策略机制。网站可以选择使用HSTS策略,来让浏览器强制使用HTTPS与网站进行通信,以减少会话劫持风险。

作用

HSTS的作用是强制客户端(如浏览器)使用HTTPS与服务器建立连接。服务器开启HSTS的方法是,当客户端通过HTTPS发出请求时,在服务器返回的超文本传输协议(HTTP)响应头中包含Strict-Transport-Security字段。非加密传输时设置的HSTS字段无效。

比如,https://example.com/ 的响应头含有Strict-Transport-Security: max-age=31536000; includeSubDomains。这意味着两点:

  1. 在接下来的31536000秒(即一年)中,浏览器向example.com或其子 域名发送HTTP请求时,必须采用HTTPS来发起连接。比如,用户点击 超链接或在地址栏输入 http://www.example.com/ ,浏览器应当自动将 http 转写成 https,然后直接向 https://www.example.com/ 发送请求。
  2. 在接下来的一年中,如果 example.com 服务器发送的TLS 证书无效,用户不能忽略浏览器警告继续访问网站。

HSTS可以用来抵御SSL剥离攻击。SSL剥离攻击是中间人攻击的一种,由Moxie Marlinspike于2009年发明。他在当年的黑帽大会上发表的题为“New Tricks For Defeating SSL In Practice”的演讲中将这种攻击方式公开。SSL剥离的实施方法是阻止浏览器与服务器建立HTTPS连接。它的前提是用户很少直接在地址栏输入https://,用户总是通过点击链接或3xx重定向,从HTTP页面进入HTTPS页面。所以攻击者可以在用户访问HTTP页面时替换所有https://开头的链接为http://,达到阻止HTTPS的目的。

HSTS可以很大程度上解决SSL剥离攻击,因为只要浏览器曾经与服务器建立过一次安全连接,之后浏览器会强制使用HTTPS,即使链接被换成了HTTP

IIS开启HSTS

此方法未在IIS7/8.5版本测试,如果设置后网站出现500状态码则撤销更改;在配置HSTS前需要将http请求重定向到https请求上。

方法一:添加自定义HTTP响应头

在网站根目录下的web.config文件里添加以下代码:

	 <configuration>
    <system.webServer>
        <httpProtocol>
            <customHeaders>
                <add name=&quot;Strict-Transport-Security&quot; value=&quot;max-age=31536000&quot; />
            </customHeaders>
        </httpProtocol>
    </system.webServer>
</configuration> 

方法二:利用URL重写工具

安装URL重写模块,并为具有HTTP和HTTPS绑定的单个网站配置重写规则。HTTP到HTTPS重定向可以由入站规则指定,而将STS标头添加到HTTPS回复可以通过出站规则来实现。

	<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name=&quot;Redirect HTTP to HTTPS&quot; stopProcessing=&quot;true&quot;>
                    <match url=&quot;(.*)&quot; />
                    <conditions>
                        <add input=&quot;{HTTPS}&quot; pattern=&quot;off&quot; />
                    </conditions>
                    <action type=&quot;Redirect&quot; url=&quot;https://{HTTP_HOST}/{R:1}&quot; redirectType=&quot;Permanent&quot; />
                </rule>
            </rules>
            <outboundRules>
                <rule name=&quot;Add the STS header in HTTPS responses&quot;>
                    <match serverVariable=&quot;RESPONSE_Strict_Transport_Security&quot; pattern=&quot;.*&quot; />
                    <conditions>
                        <add input=&quot;{HTTPS}&quot; pattern=&quot;on&quot; />
                    </conditions>
                    <action type=&quot;Rewrite&quot; value=&quot;max-age=31536000&quot; />
                </rule>
            </outboundRules>
        </rewrite>
    </system.webServer>
</configuration>

如果配置以上代码后网站未出现500等错误,既可以打开浏览器测试HSTS是否配置成功。

测试HSTS是否成功

使用Google Chrome 浏览器打开站点,按下F12打开控制台,转到Network,点击列表中的页面,查看Response Headers中的消息头列表:

查看IIS是否配置了HSTS

如果有类似Strict-Transport-Security: max-age=31536000; includeSubDomains; preload的代码,则证明HSTS配置成功。

如何下载并分析网站的日志文件
网站日志是记录web服务器接收处理请求以及运行时错误等各种原始信息的以.log结尾的文件,确切的讲,应该是服务器日志。网站日志最大的意义是记录网站运营中比如空间的运营情况,被访问请求的记录。通过网站日志可以清楚的得知用户在什么IP、什么时间、用什么操作系统、什么浏览器、什么情况下访问了你网站的哪个页面,是否访问成功等等。

乐客互联
by 乐客互联

如何下载并分析网站的日志文件

河北乐客互联
  •  76

如何下载并分析网站的日志文件

发布时间:2019-08-20 09:39:29


网站日志是记录web服务器接收处理请求以及运行时错误等各种原始信息的以.log结尾的文件,确切的讲,应该是服务器日志。网站日志最大的意义是记录网站运营中比如空间的运营情况,被访问请求的记录。通过网站日志可以清楚的得知用户在什么IP、什么时间、用什么操作系统、什么浏览器、什么情况下访问了你网站的哪个页面,是否访问成功等等。

网站日志存放在哪里?

大部分主机包括虚拟主机都会提供一个网站日志功能。网站日志不同于流量统计,流量统计只是统计网站的IP、PV、UV等信息,而网站日志则是整个网站的运行情况,包括用户的IP,访问详情,页面来源,还有用户的UA等等。站长们可以根据用户UA来判断是否有假的蜘蛛来采集网站内容。

虚拟主机日志存放路径:

  1. 阿里云虚拟主机:需要登陆虚拟主机"控制台"=>"文件管理"=>"网站日志下载",选择某一天的日志点击下载,之后会在网站里创建一个文件夹名为wwwlogs的文件夹,从FTP里下载即可。
  2. 西部数据虚拟主机:需要登录虚拟主机管理页面,找到"网站情报系统"下的"WWW日志",点击下载WebLog日志,之后会在网站里创建一个名为logfiles的文件夹,同样从FTP里下载即可。(西部数据的日志有日期限制,只能下载近几天的日志。)
  3. 百度云虚拟主机:需要登录虚拟主机管理页面,点击"日志管理"=>"主机日志",开启FTP日志,保存目录为根目录/ftplogs
  4. 其他虚拟主机请咨询客服。

下载到网站目录里的网站日志文件

云服务器的日志存放路径

  1. Windows Server系列操作系统:一般情况下在C盘下的intepub/logs/LogFiles文件夹下,比如W3SVC6000,其中"6000"为站点的ID。
  2. Linux系列系统因使用的管理软件不同其日志文件存放路径也不同,以宝塔面板为例,登录宝塔管理面板,找到左侧的"文件",打开路径"根目录=>www=>wwwlogs"文件夹,使用宝塔面板创建的网站日志文件通常会在一个文件里保存,网站日志文件名通常以创建网站时的名称+"access_log"命名,错误信息通常以网站名称+"error_log"结尾。

如何查看IIS站点的ID:

打开IIS,找到要查看ID的站点,在右侧点击高级设置,在常规栏目下找到ID即可。

在IIS中查看网站的ID

分析日志文件

从服务器上下载日志文件后,可以利用第三方日志分析网站来分析日志详情,也可以使用Excel等工具分析网站日志。

利用第三方日志分析网站分析

将网站日志上传到第三方日志分析网站上,比如 LogHao日志分析工具,上传之后输入网站URL,点击分析即可在右侧看到日志分析详情。

在线网站日志分析工具

利用Excel工具查看

在导入到Excel之前,需要打开日志文件把列表头的一些无用字段删除掉,比如"#Software: Microsoft Internet Information Services 10.0"、"#Version: 1.0"等等字段。打开Excel,在菜单里找到"数据=>获取外部数据=>自文本",打开导入文件对话框,将右下角的文件类型选择"所有文件(*.*)",选中日志文件。

接着会出现文本导入向导对话框,在原始数据类型中选择"分隔符号",点击"下一步","分割符号"选择"空格",点击下一步、完成,将数据放置到=$A$1位置下即可。

导入成功后会在表格中显示整个日志信息,其中一些列表头的意义为:

date time s-ip cs-method cs-uri-stem cs-uri-query s-port
日期 时间 服务器内网IP 方法 URL地址 URL参数(?后面的字符) 服务器端口

c-ip cs(User-Agent) cs(Referer) sc-status sc-win32-status time-taken
用户(访问者)IP 浏览器UA(用户标识) 链接来源(从哪个页面点击进来,通过该信息可以找到盗取资源的家伙) 服务端状态码 是否64为操作系统("0"为32位,"64"为64为) 访问延迟(单位:毫秒ms)

站长们需要重点关注的几点是:访问的URL地址、浏览器UA(非常重要,此字段可以分辨真假蜘蛛)、服务器状态码(重要,如果有404或非200等正常状态码就需要检查网站链接)、访问延迟(最好关注下,如果延迟很高说明服务器带宽低或者有人在盗取你网站上的资源)。

重要关注点说明

访问的URL地址(cs-uri-stem)

cs-uri-stem为用户访问、搜索引擎抓取的地址,如果搜索引擎抓取了不是自己网站上的链接,请及时向站站长平台反馈信息;如果出现经常有用户访问css、img和js等文件,却没有访问网页的情况时,需要站长们注意自己网站的资源是否已经被别人盗用,被别人盗用会增加自己网站的请求量,增加用户打开网站加载时间,甚至还会增加你的流量费用(有流量限制的虚拟主机)。如果被盗用资源可以联系主机服务商是否可以开启防盗链功能。

用户UAcs(User-Agent)

用户UA代表用户是以哪种浏览器访问,或搜索引擎的标识,比如"Sogou+web+spider"、"compatible;+Baiduspider/2.0"等等,如果你没有提交站点给某一个搜索引擎,用户UA却出现了这个搜素引擎的标识,比如国外的“MJ12bot”等等(需要注意的是,搜索引擎抓取频率过多也会导致网站服务器压力过大),请及时将其他没有提交的搜索引擎标识写进robots.txt文件里并设置禁止抓取(Disallow: /);如果发现有其他网站采集本站的数据,需要站长们做好防采集功能。

常见的搜索引擎UA有:

搜索引擎名称 搜索引擎标识
百度蜘蛛 compatible;+Baiduspider
Google蜘蛛 compatible; Googlebot/2.1
Google图片蜘蛛 Googlebot-Image/1.0
必应蜘蛛 msnbot/2.0b
搜狗蜘蛛 Sogou+web+spider

请求状态码(sc-status)

请求状态码反映了网站的链接或者资源是否可以打开,常见的状态码有:200(ok)表示访问正常;301(永久重定向);302(暂时重定向);403(禁止访问);404(页面或资源不存在);500系列(通常为网站内部错误,比如代码语法错误等原因导致页面无法呈现)。

如果网站上出现了大量的400、500等状态码,需要站长们重点注意:网站是否有死链;是否有拼写错误的链接;网站的环境配置是否正确,比如php.Net环境等,以及php代码或asp(x)代码是否书写正确。

访问延迟(time-taken)

访问延迟(或者说响应时间)一般在30~200毫秒之间为最佳,超过了1000毫秒则说明网站配置较低或带宽低,客户访问的地理位置和服务器的地理位置比较远,也不排除有其他网站盗用资源或者采集数据。建议选购主机时选择离客户地理位置近的区域或是升级服务器配置、增加网站带宽。

参考链接:
简书:如何分析网站日志文件
使用CSS变量来为Web开发更便捷
CSS变量是由CSS作者定义的实体,其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名,并使用特定的 var() 来访问。(比如 color: var(--main-color);)。其中变量类型分为两种,局部变量和全局变量,局部变量用于一个选择其中,而全局变量用于整个文档。

乐客互联
by 乐客互联

使用CSS变量来为Web开发更便捷

河北乐客互联
  •  31

使用CSS变量来为Web开发更便捷

发布时间:2019-08-16 17:28:18


CSS变量是由CSS作者定义的实体,其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名,并使用特定的 var() 来访问。(比如 color: var(--main-color);)。其中变量类型分为两种,局部变量和全局变量,局部变量用于一个选择其中,而全局变量用于整个文档。

CSS变量简介

在一些命令式编程语言中,像Java、C++亦或是JavaScript,通过变量我们能够跟踪某些状态。变量是一种符号,关联着一个特定的值,变量的值能随着时间的推移而改变。在像CSS这种声明式语言中,随着时间而改变的值并不存在,也就没有所谓变量的概念了。 CSS引入了一种层级变量的概念,从而能够从容应对可维护性的挑战。这就会使得在整个CSS中都可以象征性的引用一个变量。

CSS变量形式

CSS 变量当前有两种形式:

变量:

变量,就是拥有合法标识符和合法的值。可以被使用在任意的地方。可以使用var()函数使用变量。例如:var(--example-variable)会返回--example-variable所对应的值。

自定义变量:

使用--*where*的特殊格式作为名字。例如--example-variable: 20px;即使一个css声明语句,意思是将20px赋值给--example-varibale变量。

什么时候需要用CSS变量

在构建大型站点时,设计师通常会面对可维护性的挑战。在这些网页中,所使用的CSS的数量是非常庞大的,并且在许多情况下大量的值会重复使用。例如,在网页中维护一个配色方案,意味着一些颜色在CSS文件中多次出现,并被重复使用。当你修改配色方案时,不论是调整某个颜色或完全修改整个配色,都会成为一个复杂的问题,而单纯查找替换是远远不够的。

如果使用了其他CSS 框架,这种情况会变得更为糟糕。如果要修改颜色,则需要对框架本身进行修改。在这些场合使用 LESS 或 Sass 类似的预处理器是非常有帮助的,但是这种通过添加额外步骤的方式,可能会增加整个网站的复杂性。CSS变量为我们带来一些预处理器的便利,并且不需要额外的编译。

使用CSS变量的优势就是变量名称本身可以包含语义信息,使CSS文件变得易读和理解。比如main-text-color比文档中的#00ff00更容易理解,特别是同样的颜色出现在不同的文件中的时候。

使用示例

声明一个局部变量:

	element {
  --main-bg-color: brown;
} 

声明一个全局变量:

	:root {
  --global-color: #666;
  --pane-padding: 5px 42px;
} 

使用方法很简单,在需要使用的地方调用即可,比如:

局部变量

	element {
  background-color: var(--main-bg-color);
} 

全局变量

	.demo{
   color: var(--global-color);
} 

Var()函数

Var()函数用来读取已经定义好的变量,假如变量foo和bar已经定义好。

	a {
  color: var(--foo);
  text-decoration-color: var(--bar);
} 

Var()函数还可以使用第二个参数,表示变量的默认值。如果该变量不存在,就会使用这个默认值。

	color: var(--foo, #7F583F); 

全局变量可以在任何地方调用。CSS变量的前缀是--,Sass的前缀是$,而Less的前缀是@

参考链接:
使用CSS变量
CSS 变量教程
HTML5 input标签中的pattern属性详解
表单在网页中经常会被用到,尤其是在注册、登录和搜索模块中。如果不验证用户输入的字符串,很可能会造成SQL注入,甚至会对整个数据库造成不可挽回的风险。要进行表单验证,可以借助javascript和input的pattern属性来限制用户的输入。

乐客互联
by 乐客互联

HTML5 input标签中的pattern属性详解

河北乐客互联
  •  44

HTML5 input标签中的pattern属性详解

发布时间:2019-08-14 16:30:53


表单在网页中经常会被用到,尤其是在注册、登录和搜索模块中。如果不验证用户输入的字符串,很可能会造成SQL注入,甚至会对整个数据库造成不可挽回的风险。要进行表单验证,可以借助javascript和input的pattern属性来限制用户的输入。

什么是SQL注入

SQL注入,就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令。它可以通过在Web表单中输入(恶意)SQL语句得到一个存在安全漏洞的网站上的数据库,而不是按照设计者意图去执行SQL语句。

更详细的SQL注入介绍,请查看简书 sql注入基础原理(超详细)

如何防止SQL注入

常见的防止SQL注入方法有以下几种:

  1. 永远不要信任用户的输入。对用户的输入进行校验,可以通过正则表达式,或限制长度;对单引号和 双"-"进行转换等。
  2. 永远不要使用动态拼装sql,可以使用参数化的sql或者直接使用存储过程进行数据查询存取。
  3. 永远不要使用管理员权限的数据库连接,为每个应用使用单独的权限有限的数据库连接。
  4. 不要把机密信息直接存放,加密或者hash掉密码和敏感的信息。
  5. 应用的异常信息应该给出尽可能少的提示,最好使用自定义的错误信息对原始错误信息进行包装。
  6. sql注入的检测方法一般采取辅助软件或网站平台来检测,软件一般采用sql注入检测工具jsky,网站平台就有亿思网站安全平台检测工具。MDCSOFT SCAN等。采用MDCSOFT-IPS可以有效的防御SQL注入,XSS攻击等。

SQL注入原理

使用JS(javascript)进行表单验证已经烂大街,这篇文章不再赘述。

使用input标签的pattern属性进行表单验证

pattern属性用于验证输入字段的模式,需要输出正则表达式来限制。

要使用pattern属性,必须了解正则表达式才能正确的使用。

正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。

限制用户只能输入数字:

	<input type="text" value="" name="title" placeholder="请输入要搜索的内容" required="" pattern="[^\d]/g"> 

限制用户只能输入英文字母:

	<input type="text" value="" name="title" placeholder="请输入要搜索的内容" required="" pattern="[/W]/g"> 

限制用户只能输入数字和英文字母:

	<input type="text" value="" name="title" placeholder="请输入要搜索的内容" required="" pattern="[\w]/g"> 

pattern属性设置为:/[\W]/g时,用户只能输入数字和英文,如果输入的字符串不匹配,则会提示"请与所请求的格式保持一致"(Chrome)。

限制用户只能输入5-20个以字母开头、可带数字、“_”、“.”的字串

	<input type="text" value="" name="title" placeholder="请输入用户名 " required="" pattern="^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$"> 

设置了以上规则后即可简单的来限制用户输入。你可以学习更多的正则表达式语法,来为表单设置其他规则。但要做到更高级别的限制,需要在服务端设置字符串过滤和转换。

MySQL 各种查询数据库的方法
MySQL 是最流行的关系型数据库管理系统,在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System:关系数据库管理系统)应用软件之一。要查询数据库中的数据,需要用到SELECT语句和其他子句,比如WHERE子句和BETWEEN子句等等。

乐客互联
by 乐客互联

MySQL 各种查询数据库的方法

河北乐客互联
  •  40

MySQL 各种查询数据库的方法

发布时间:2019-08-13 17:25:25


MySQL 是最流行的关系型数据库管理系统,在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System:关系数据库管理系统)应用软件之一。要查询数据库中的数据,需要用到SELECT语句和其他子句,比如WHERE子句和BETWEEN子句等等。

在进行MySQL查询数据演示之前,我们需要新建立一个空数据表,并执行以下SQL语句:

	CREATE TABLE fruits
(
f_id    char(10)         NOT NULL,
s_id    INT            NOT NULL,
f_name  char(255)      NOT NULL,
f_price decimal(8,2)      NOT NULL,
PRIMARY KEY(f_id) 
); 

创建演示数据库表

为了演示如何使用SQL语句的SELECT命令,需要在fruits数据表中执行以下SQL语句:

	INSERT INTO fruits (f_id, s_id, f_name, f_price)
     VALUES('a1', 101,'apple',5.2),
     ('b1',101,'blackberry', 10.2),
     ('bs1',102,'orange', 11.2),
     ('bs2',105,'melon',8.2),
     ('t1',102,'banana', 10.3),
     ('t2',102,'grape', 5.3),
     ('o2',103,'coconut', 9.2),
     ('c0',101,'cherry', 3.2),
     ('a2',103, 'apricot',2.2),
     ('l2',104,'lemon', 6.4),
     ('b2',104,'berry', 7.6),
     ('m1',106,'mango', 15.6),
     ('m2',105,'xbabay', 2.6),
     ('t4',107,'xbababa', 3.6),
     ('m3',105,'xxtt', 11.6),
     ('b5',107,'xxxx', 3.6);  

向演示数据库中插入演示信息

执行完两段SQL语句后数据库表和记录就会被创建和插入。

基本查询

SELECT语句

SELECT命令可以读取一条或者多条记录。

查询表中所有字段:

	SELECT * FROM fruits; 

查询结果:

f_id s_id f_name f_price
a1 101 apple 5.20
b1 101 blackberry 10.20
bs1 102 orange 11.20
bs2 105 melon 8.20
t1 102 banana 10.30
t2 102 grape 5.30
o2 103 coconut 9.20
c0 101 cherry 3.20
a2 103 apricot 2.20
l2 104 lemon 6.40
b2 104 berry 7.60
m1 106 mango 15.60
m2 105 xbabay 2.60
t4 107 xbababa 3.60
m3 105 xxtt 11.60
b5 107 xxxx 3.60

列查询

查询fruits表中f_name列所有水果名称,SQL语句如下:

	SELECT f_name FROM fruits; 

该语句使用SELECT声明从fruits表中获取名称为f_name字段下的所有水果名称,指定字段的名称紧跟在SELECT关键字之后,查询结果如下:

查询表中所有水果的名称

如果要查询两列或更多列,需要在第一列后加上逗号分隔,比如:

	SELECT f_name, f_price FROM fruits; 

条件查询

Where子句

Where子句用于向SELECT语句设置特定的查询条件,可以使用AND和OR指定一个或多个条件,也可用于DELETE和UPDATE命令。

查询价格为10.2元的水果的名称,SQL语句如下:

	SELECT f_name, f_price FROM fruits WHERE f_price = 10.2;  

查询结果如下:

查询价格为10.2元的水果的名称结果

查找名称为“apple”的水果的价格,SQL语句如下:

	SELECT f_name, f_price FROM fruits WHERE f_name = 'apple'; 

查询价格小于10的水果的名称,SQL语句如下:

	SELECT f_name, f_price FROM fruits WHERE f_price < 10; 

查询所有为s_id101和102的记录,SQL语句如下:

	SELECT s_id,f_name, f_price FROM fruits WHERE s_id IN (101,102) ORDER BY f_name; 

查询所有s_id不等于101也不等于102的记录,SQL语句如下:

	SELECT s_id,f_name, f_price FROM fruits WHERE s_id NOT IN (101,102) ORDER BY f_name; 

BETWEEN子句

BETWEEN 运算符用于 WHERE 表达式中,选取介于两个值之间的数据范围。BETWEEN 同 AND 一起搭配使用,语法如下:

	WHERE column BETWEEN value1 AND value2 

通常 value1 应该小于 value2。当 BETWEEN 前面加上 NOT 运算符时,表示与 BETWEEN 相反的意思,即选取这个范围之外的值。

查询价格在2.00元到10.20元之间的水果名称和价格,SQL语句如下:

	SELECT f_name, f_price FROM fruits WHERE f_price BETWEEN 2.00 AND 10.20; 

查询价格在2.00元到10.20元之外的水果名称和价格,SQL语句如下:

	SELECT f_name, f_price FROM fruits WHERE f_price NOT BETWEEN 2.00 AND 10.20; 

LIKE子句

LIKE子句用于模糊查询某字段中包含某个字符的记录,可以用"%"来表示任意字符,如果没有写"%"则于"="效果一样。

查询所有以’b’字母开头的水果,SQL语句如下:

	SELECT f_id, f_name FROM fruits WHERE f_name LIKE 'b%'; 

查询f_name中包含字母’g’的记录,SQL语句如下:

	SELECT f_id, f_name FROM fruits WHERE f_name LIKE '%g%'; 

查询以’b’开头,并以’y’结尾的水果的名称,SQL语句如下:

	SELECT f_name FROM fruits WHERE f_name LIKE 'b%y'; 

查询以字母’y’结尾,且’y’前面只有4个字母的记录,SQL语句如下:

	SELECT f_id, f_name FROM fruits WHERE f_name LIKE '----y';  
政治投票网站前端设计

乐客互联
by 乐客互联

政治投票网站前端设计

河北乐客互联
  •  44

政治投票网站前端设计

发布时间:2019-09-06 15:52:25


最后更新
创建
古腾堡优化 没有
高分辨率
小工具准备好了
兼容的浏览器 IE11FirefoxSafariOperaChromeEdge
兼容 Bootstrap 4.x
骨架 Unyson
软件版本 WordPress 5.2.x
包含ThemeForest文件 PHP文件CSS文件JS文件
4+
文档 记录良好
布局 响应
标签 竞选候选人慈善机构众筹捐赠选举事件非营利组织非营利组织政治政治领袖政党政治wordpress主题政治家政治

多概念企业业务网站前端页面设计

乐客互联
by 乐客互联

多概念企业业务网站前端页面设计

河北乐客互联
  •  29

多概念企业业务网站前端页面设计

发布时间:2019-09-06 15:30:12


最后更新
创建 8月8日19日
古腾堡优化
高分辨率
小工具准备好了
兼容的浏览器 IE11FirefoxSafariOperaChromeEdge
兼容 ElementorBootstrap 4.x
骨架 Unyson
软件版本 WordPress 5.2.xWordPress 5.1.xWordPress 5.0.xWordPress 4.9.xWordPress 4.8.x
包含ThemeForest文件 PHP文件CSS文件JS文件
4+
文档 记录良好
布局 响应
标签 机构应用程序登陆比特币业务企业创意现代多用途投资组合响应saas软件启动技术Web应用程序





教育网站前端设计

乐客互联
by 乐客互联

教育网站前端设计

河北乐客互联
  •  24

教育网站前端设计

发布时间:2019-09-06 15:13:08


最后更新
创建
古腾堡优化
高分辨率
小工具准备好了
兼容的浏览器 IE10IE11FirefoxSafariOperaChromeEdge
兼容 bbPress 2.5.xBuddyPress 4.1.xBuddyPress 3.0.xBuddyPress 2.5.xElementorVisual Composer 5.1.xVisual Composer 4.12.xVisual Composer 4.11.xVisual Composer 4.11.2.1WooCommerce 3.5.xWooCommerce 3.4.xWooCommerce 3.3.xWooCommerce 3.2.xWooCommerce 3.1.xWooCommerce 3.0.xWPBakery Page Builder 5.5.xWPBakery Page Builder 5.4.xWPBakery Page Builder 5.3WPBakery Page Builder 5.2.xWPMLBootstrap 3.x
软件版本 WordPress 5.2.xWordPress 5.1.xWordPress 5.0.xWordPress 4.9.xWordPress 4.8.xWordPress 4.7.xWordPress 4.6.1WordPress 4.6WordPress 4.5.xWordPress 4.5.2WordPress 4.5 .1WordPress 4.5
包含ThemeForest文件 PHP文件CSS文件JS文件
4+
文档 记录良好
布局 响应
标签 学院coursera教育教育wordpress主题电子学习学习学习管理系统lms教学培训培训中心udemy大学wordpress教育主题wp lms





响应正常运行时间的商务WordPress主题前端设计

乐客互联
by 乐客互联

响应正常运行时间的商务WordPress主题前端设计

河北乐客互联
  •  17

响应正常运行时间的商务WordPress主题前端设计

发布时间:2019-08-27 18:13:10


Last Update
Created 7 August 19
Gutenberg Optimized Yes
High Resolution Yes
Widget Ready Yes
Compatible Browsers IE11, Firefox, Safari, Opera, Chrome, Edge
Compatible With Elementor
Software Version WordPress 5.2.x, WordPress 5.1.x, WordPress 5.0.x, WordPress 4.9.x, WordPress 4.8.x
ThemeForest Files Included PHP Files, CSS Files, JS Files
Columns 4+
Documentation Well Documented
Layout Responsive
Tags app, bootstrap, business, corporate, education, event, landing, magazine, marketing, multipurpose, parallax, portfolio, shop, startup

点燃前端页面设计
要像专业人士一样在网上启动您的项目,Ignite是要考虑的免费托管网站模板。任何网络托管和域名注册商公司都可以将Ignite充分利用并在线发挥作用。您现在可以从Ignite及其附带的所有特权中受益,而不是从头开始进行网页设计。该工具的布局灵敏,灵活,遵循所有最新的网络实践,非常吸引眼球。

乐客互联
by 乐客互联

点燃前端页面设计

河北乐客互联
  •  20

点燃前端页面设计

发布时间:2019-08-27 16:49:10


要像专业人士一样在网上启动您的项目,Ignite是要考虑的免费托管网站模板。任何网络托管和域名注册商公司都可以将Ignite充分利用并在线发挥作用。您现在可以从Ignite及其附带的所有特权中受益,而不是从头开始进行网页设计。该工具的布局灵敏,灵活,遵循所有最新的网络实践,非常吸引眼球。

Ignite的其他特色是粘性导航,动画统计,号召性用语按钮,滚动内容加载和定价计划。您还可以通过集成的推荐建立客户信任,并通过创建有关托管和域名的博客回馈社区。添加联系页面还为您提供了工作表单和Google地图。通过使用免费托管网站模板Ignite,从一开始就像一个冠军一样在网上开始。


Trans Free Ultramodern单页网站模板

乐客互联
by 乐客互联

Trans Free Ultramodern单页网站模板

河北乐客互联
  •  35

Trans Free Ultramodern单页网站模板

发布时间:2019-08-16 18:26:39


这个Trans Free Ultramodern PSD单页网站模板是一个时尚的黑暗网站PSD模板,它使用独特的网站布局,有吸引力的图像和时尚的平面网格设计。选择的颜色的基调是一个强烈的声明,将让用户满意。在源头检查模板设计并继续欢乐。

BlazRobar.com是作者回馈这个社区的一种方式,通过分享他在7年的平面设计师中学到的设计技巧和窍门。本网站的重点是赠送免费PSD,免费PSD模板,网站模板和Photoshop文件,供设计师和开发人员欣赏和使用。

本网站上的所有文件都是免费的,无论如何您都可以使用。非常放松,你如何使用甚至Creative Commons太严格的文件!不需要归属,您甚至可以在商业上使用它。