静态页面

一、问题描述 这里所谓的默认首页，是指在访问项目根目录时（如 http://localhost:8080/zhx-web/ ）展示的页面，通过在web.xml里配置 <welcome-file-list> 实现。分静态页面和动态页面两种： 二、静态页面 对于静态页面，只需要在web.xml里添加如下内容即可。这时访问上述链接时得到的就是download.jsp页面的 静态内容 <welcome-file-list> <welcome-file>/WEB-INF/views/download.jsp</welcome-file> </welcome-file-list> 三、动态页面 对于Servlet： 如果某个Servlet的映射路径仅仅为一个正斜杠（/），那么这个Servlet就成为当前Web应用程序的缺省Servlet。 凡是在web.xml文件中找不到匹配的<servlet-mapping>元素的URL，它们的访问请求都将交给缺省Servlet处理，也就是说，缺省Servlet用于处理所有其他Servlet都不处理的访问请求。 对于动态页面（如展示访问servlet后返回数据的页面），可做如下配置，这时访问上述链接时就相当于是访问download这个servlet。 1 <servlet> 2 <servlet-name>springmvc</servlet-name> /

缓存是指临时文件交换区，电脑把最常用的文件从存储器里提出来临时放在缓存里，就像把工具和材料搬上工作台一样，这样会比用时现去仓库取更方便。因为缓存往往使用的是RAM（断电即掉的非永久储存），所以在忙完后还是会把文件送到硬盘等存储器里永久存储。电脑里最大的缓存就是内存条了，最快的是CPU上镶的L1和L2缓存，显卡的显存是给GPU用的缓存，硬盘上也有16M或者32M的缓存。千万不能把缓存理解成一个东西，它是一种处理方式的统称！ Cache 是“以空间换时间”策略的典型应用模式，是提高系统性能的一种重要方法。缓存的使用在大访问量的情况下能够极大的减少对数据库操作的次数，明显降低系统负荷提高系统性能。相比页面的缓存，结果集是一种“原始数据”不包含格式信息，数据量相对较小，而且可以再进行格式化，所以显得相当灵活。由于PHP是“一边编译一边执行”的脚本语言，某种程度上也提供了一种相当方便的结果集缓存使用方法——通过动态include相应的数据定义代码段的方式使用缓存。如果在RamDisk上建缓存的话，效率应该还可以得到进一步的提升。以下是一小段示例代码，供参考。 （参 考： PHP数据缓存技术 ） WEB程序获取信息的方式主要是查询数据库,当数据库不是很大的情况下不会有太大的问题.然而,随着网站的发展,数据库呈几何级数的方式增长的时候,就会出现瓶颈.于是PHP缓存技术诞生了。 PHP缓存包括

《一统江湖的大前端》 系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。如果你对前端的理解还是写写页面绑绑事件，那你真的是有点OUT了，前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面游戏 , 数据可视化 , 甚至 嵌入式开发 ，什么火就搞什么,活脱脱一个 蹭热点小能手 。如果你也觉得前端的日常开发有些枯燥，不妨一起来看看前端的另一番模样。// 华为云社区首发 为什么你总是下不了班 大部分工程化的项目为方便维护，大多都会采用前后端分离的开发方式，而前端和后端的工作基本也是同时下发的，这时前端开发人员就会很尴尬，后端在干活的时候，领导几乎一定会让你先做个 静态页面 看看，这时候你和后端之间可能只是约定了接口（当然也可能连接口都没约定，那我只能祝你幸福了），并没有数据的传输，没法直接拿到填充网页的数据，如果一次将前端代码写到位，那么打开网页时轻则页面提示没有获取到数据，重则直接报错退出脚本。 而真正的问题在于 静态页面 做起来是非常快的，以至于你的领导会认为当你把 静态页面 中加入javascript的逻辑部分的代码后 也应该非常快 ,而实际上逻辑部分的代码量和联调的工作量几乎是写一个静态页面的 5-10倍 。 基本上前端的一个需求的开发至少需要经历 静态页面 ——>

之前我将高并发的解决方法误认为是线程或者是队列可以解决，因为高并发的时候是有很多用户在访问，导致出现系统数据不正确、丢失数据现象，所以想到 的是用队列解决，其实队列解决的方式也可以处理，比如我们在竞拍商品、转发评论微博或者是秒杀商品等，同一时间访问量特别大，队列在此起到特别的作用，将 所有请求放入队列，以毫秒计时单位，有序的进行，从而不会出现数据丢失系统数据不正确的情况。 今天我经过查资料，高并发的解决方法有俩种，一种是使用缓存、另一种是使用生成静态页面；还有就是从最基础的地方优化我们写代码减少不必要的资源浪费：( 1.不要频繁的new对象,对于在整个应用中只需要存在一个实例的类使用单例模式.对于String的连接操作,使用StringBuffer或者StringBuilder.对于utility类型的类通过静态方法来访问。 2. 避免使用错误的方式,如Exception可以控制方法推出,但是Exception要保留stacktrace消耗性能,除非必要不要使用 instanceof做条件判断,尽量使用比的条件判断方式.使用JAVA中效率高的类,比如ArrayList比Vector性能好。) 首先缓存技术我一直没有使用过，我觉得应该是在用户请求时将数据保存在缓存中，下次请求时会检测缓存中是否有数据存在，防止多次请求服务器，导致服务器性能降低，严重导致服务器崩溃，这只是我自己的理解

关于url的动态、静态、伪静态，很多站长朋友，尤其是新站长一直搞不清楚。网上的许多解释又语焉不详，下面子画SEO就作详细的讲解下。 我们说url的动态、静态、伪静态三种形式，其实从严格分类上来说，伪静态也是动态的一种，只是表现形式为静态。 动态页面的特征： 1、以ASP、PHP、JSP、ASP.net、Perl、或CGI等编程语言制作的； 2、不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页； 3、内容存在于数据库中，根据用户发出的不同请求，其提供个性化的网页内容； 4、内容不是存在于页面上，而是在数据库中，从而大大降低网站维护的工作量。 静态页面的特征是： 1、静态页面的URL链接是以.html、htm、.shtml、.xml为链接后缀； 2、静态页面是存在于服务器上的一个文件，每个网页都是一个独立的文件； 3、客户端加载静态页面时，并没有操作数据库，只是直接提取一个文件。 静态、动态、伪静态页面的优缺点： 1、动态页面 优点：空间使用量非常小，一般几万条数据的网站，可能只有几M的文件大小，而使用静态页面少则十几M，多则几十M。因为数据是从数据库里面调用而来，所以如果要更改某些数值，直接更改数据库，那么所有的动态页面，就会自动更新了。这一点相比静态页面好处就大很多了。 缺点：用户访问速度较慢，为什么会访问动态页面较慢呢

随着网站的内容的增多和用户访问量的增多，无可避免的是网站加载会越来越慢，受限于带宽和服务器同一时间的请求次数的限制，我们往往需要在此时对我们的网站进行代码优化和服务器配置的优化。 一般情况下会从以下方面来做优化 1、动态页面静态化 2、优化数据库 3、使用负载均衡 4、使用缓存 5、使用CDN加速 纯静态网站在网站中是怎么实现的？ 纯静态的制作技术是需要先把网站的页面总结出来，分为多少个样式，然后把这些页面做成模板。 生成的时候需要先读取源文件然后生成独立的以.html结尾的页面文件，所以说纯静态网站需要更大的空间，不过其实需要的空间也不会大多少的，尤其是对于中小型企业网站来说，从技术上来讲，大型网站想要全站实现纯静态化是比较困难的，生成的时间也太过于长了。不过中小型网站还是做成纯静态的比较，这样做的优点是很多的。 而动态网站又是怎么进行静态处理的？ 页面静态化是指将动态页面变成html/htm静态页面。动态页面一般由asp,php,jsp,.net等程序语言编写而成，非常便于管理。但是访问网页时还需要程序先处理一遍，所以导致访问速度相对较慢。而静态页面访问速度快，却又不便于管理。那么动态页面静态化即可以将两种页面的好处集中到一起。 静态处理后又给网站带来了哪些好处？ 1、静态页面相对于动态页面更容易被搜索引擎收录。 2、访问静态页面不需要经过程序处理，因此可以提高运行速度。 3

0.学习内容 了解常见的MQ产品 了解RabbitMQ的5种消息模型 会使用Spring AMQP 1.RabbitMQ 1.1.搜索与商品服务的问题 如果项目里使用了redis或者ES等索引库，我们在后台修改了关系型数据库(mysql、oracle等数据库)的数据，但是redis里与ES里都是旧数据，这显然不对。该如何解决？ 这里有两种解决方案： 方案1：每当后台对关系型数据库做增删改操作，同时要修改索引库数据及静态页面 方案2：搜索服务ES和前端页面服务对外提供操作接口，后台在增删改后，调用接口 以上两种方式都有同一个严重问题：就是代码耦合，后台服务中需要嵌入搜索和商品页面服务，违背了微服务的 独立 原则。 所以，我们会通过另外一种方式来解决这个问题：消息队列 1.2.消息队列（MQ） 1.2.1.什么是消息队列 消息队列，即MQ，Message Queue。 消息队列是典型的：生产者、消费者模型。生产者不断向消息队列中生产消息，消费者不断的从队列中获取消息。因为消息的生产和消费都是异步的，而且只关心消息的发送和接收，没有业务逻辑的侵入，这样就实现了生产者和消费者的 解耦 。 结合前面所说的问题： 对数据库增删改以后，无需去操作索引库或静态页面，只是发送一条消息，也不关心消息被谁接收。 搜索服务和静态页面服务接收消息，分别去处理索引库和静态页面。

我使用的是idea，今天搭建一个项目时遇见了css和js路径错误，导致浏览器获取不到资源路径 这是我最开始写的路径 <link href="/main/loginMain.css" rel="stylesheet" type="text/css"> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="/main/loginMain.js" type="text/javascript"></script> 然后浏览器就报错 这就比较郁闷了，idea中点击链接可以跳转到css和js文件啊！！！ 回想了一下相对路径和绝对路径的知识，才明白路径确实写错了，但是idea为什么能链接到文件，就不知道了，在这里记录一下关于资源路径的知识。 1.使用相对路径 .代表当前文件夹 ./xxx.js ..代表上一级文件夹 ../xxx.js 2.使用绝对路径 开头使用/代表根目录，从tomcat的webapps文件夹开始 /ProjectName/file1/xxx.js 开头使用文件夹名，从web文件夹开始 file1/xxx.js 来源： https://www.cnblogs.com/mlr-wjy/p/12014229.html

作业题目： 开发”小米商城官网首页”（静态页面） 作业需求: 基础需求：85% 1.熟练运用所学知识还原小米商城官网首页静态页面 2. html页面代码书写规范 3. 程序有相应的目录划分（比如：存放css的文件，存放js的文件） 4. html页面没有不能出现大量的css样式代码 5. 页面的展示效果和小米的首页一样 注意：只需要实现静态页面效果就可以 编码规范需求：15% 1. 代码有相应的注释 2. 程序有文档说明文件（README.md参考：https://github.com/csrftoken/vueDrfDemo） 3. 程序的说明文档必须包含的内容：程序的实现的功能、程序的启动方式、程序的运行效果 程序目录划分： css:样式 fonts:存放字体，阿里巴巴矢量图标库 images:照片 js:js xiaomi.html：网站 实现效果： 总结： 自己先写了一部分 写不下去了。。结构搭建的有问题，后看的视频重新写的作业。结构搭建，div划分真的很重要。 来源： https://www.cnblogs.com/hanfe1/p/11997701.html

一、动静分离 Nginx动静分离简单来说就是把动态和静态请求分开，不能理解成只是单纯的把动态页面和静态页面物理分离。严格意义上说应该是将动态请求和静态请求分开，可以理解成使用Nginx处理静态页面，Tomcat处理动态页面。动静分离从目前实现角度来讲大致分为两种，一种是纯粹的把静态文件放在独立的服务器上，独立出来用域名访问，也是目前主流推崇的方案；另外一种方法就是动态跟静态文件混合在一起部署，通过Nginx来分开。 为什么要动静分离？ Tomcat是一个比较全面的web容器，对静态网页的处理，应该是比较费资源的，特别是每次都要从磁盘读取静态页面，然后返回。这中间会消耗Tomcat的资源，可能会使那些动态页面解析性能受到影响。将静态资源和动态资源隔离开、能够有效的减轻Tomcat服务器的压力，提高网站整体性能。 查看系统、Nginx、Tomcat的版本号 cat /etc/redhat-release rpm -qa |grep nginx /usr/local/tomcat8-1/bin/version.sh 动静分离的实现 开始配置Nginx，Nginx我是用yum安装，安装可以见另一篇博客 https://www.cnblogs.com/opsprobe/p/10773582.html 通过在server段代码配置不同的location实现动静分离 vim /etc/nginx