静态页面 | 易学教程

Apache 和 Tomcat 整合的好处和意义

阅读更多关于 Apache 和 Tomcat 整合的好处和意义

Apache 是一个web服务器环境程序，可以作为web服务器使用。不过只支持静态网页，如(asp,php,cgi,jsp)等动态网页的就显得无能为力。如果要在Apache环境下运行jsp 的话就需要一个解释器来执行jsp网页，而这个jsp解释器就是Tomcat。 Tomcat能对JSP、Servlet进行解析，能处理动态页面。单独使用 Apache 或者tomcat的优点：配置方便、安全漏洞少。作为WEB服务器扩展的 Tomcat服务器有一些问题需要说明: 当处理静态页面时,Tomcat不如Apache迅速。Tomcat不象Apache一样可配置。Tomcat不象Apache一样强壮。 Apache+Tomcat整合的好处是：那什么情况下需要使用apache+tomcat呢？来分析一下 1、负载均衡如果你需要负载均衡的话，apache+tomcat+modjk是一个选择，利用它，你可以把应用服务器拆分成多个服务器，比如：可以拆分成：（1）、管理端应用服务器（2）、客户端应用服务器（3）、报表、打印服务器放在一台机器上（4）、批量操作服务器放在一个地方（比如大量的对账调账）（5）、甚至可以给每批客户一台服务器，比如不同的省 2、各种各样的web server功能大家都知道，apache有无数的mod，这些mod提供着各种各样丰富的web功能

构建静态页面之 [ 表单 ]

阅读更多关于构建静态页面之 [ 表单 ]

表单表单元素 <form> 元素表示设置表单 action属性 - 设置接收表单的指定服务器端的地址路径 method属性 - 表示发送给服务器端的方式 get属性值（默认值） - 将提交的数据添加到地址栏中进行提交（有限制，不安全） post属性值 - 将提交的数据绑定在表单中进行提交（没有限制，相对安全） name属性 - 提交表单时要设置name属性，不然无法提交表单 <body>  <form action="#" method="post"> <input type="text" name="txt"> <input type="submit"> </form> </body> 输入框 <input> 元素表示设置表单中的搜索框 type属性 - 表示定义什么类型的输入框 text属性值 - 文本框 password属性值 - 密码框 email属性值 - 邮件输入框

构建静态页面之 [ 浮动 ]

阅读更多关于构建静态页面之 [ 浮动 ]

浮动描述是对页面布局的一种表现方式设置浮动的元素会脱离文档流设置浮动的元素会改变后面元素的显示位置 float属性表示设置元素浮动 left属性值 - 表示设置元素左浮动 right属性值 - 表示设置元素右浮动设置浮动的元素会脱离文档流，指定元素后面的元素会自动向前，形成重叠的显示效果 <head> <meta charset="UTF-8"> <title>浮动</title> <style> /* float属性 - 表示设置元素浮动 * left属性值 - 表示设置元素左浮动 * right属性值 - 表示设置元素右浮动 * 设置浮动的元素会脱离文档流，指定元素后面的元素会自动向前，形成重叠的显示效果 */ div { width: 200px; height: 200px; } #d1 { background-color: red; float: left; } #d2 { background-color: green; width: 300px; height: 300px; } #d3 { background-color: blue; } </style> </head> <body> <div id="d1"></div> <div id="d2"></div> <div id="d3"></div> </body> 元素类型的浮动块级元素浮动

构建静态页面之 [ 列表 ]

阅读更多关于构建静态页面之 [ 列表 ]

列表描述列表可以分为：有序列表、无序列表有序列表 <ol> 元素 - 表示定义有序列表属性有 type属性 - 表示设置有序列表项目符号的样类型属性值：1（数学） A（大写字母） a（小写字母） I（大写罗马数学） i（小写罗马数字） start属性 - 表示有序列表的项目符号从什么位置开始属性值必须为数字值 <li> 元素 - 表示列表中的列表项属性有 type属性 - 表示设置当前列表项的项目符号类型属性值：1（数学） A（大写字母） a（小写字母） I（大写罗马数学） i（小写罗马数字） value属性 - 表示当前列表项的项目符号从什么位置开始属性值必须为数字值 <body>  <ol type="A"

伪静态页面（10.24 第二十六天）

阅读更多关于伪静态页面（10.24 第二十六天）

伪静态页面的搭建 http://www.test.com/index.php?id=1 （容易受到攻击） http://www.test.com/index.html (静态页面只能够展示数据，安全性很高) http://www.test.com/1.html（伪静态页面） http://www.test.com/add_1.html（伪静态页面）步骤： 1、需要开启站点的重写机制，修改apache配置文件，找到： LoadModule rewrite_module modules/mod_rewrite.so 去掉前面的注释符号，重启apache 需要apache支持解析 .htaccess文件，修改配置文件，找到： AllowOverride None 修改为 AllowOverride ALL 2、新建 .htaccess文件，然后写入重写规则 RewriteEngine on //开启重写机制 RewriteRule ([0-9]{1,})\.html$ index.php?id=$1 //重写规则，([0-9]{1,})匹配$1的值 \ 是转义符，html$表示URL中是以html结尾。来源： https://www.cnblogs.com/liujizhou/p/11768356.html

实现伪静态页面

阅读更多关于实现伪静态页面

1.建立.htaccess 文件在网站文件夹根目录，比如我的是test 2.在该文件中添加rewrite规则： RewriteEngine on RewriteRule ([a-zA-Z]{1,})-([0-9]{1,})\.html$ index.php?action=$1&id=$2 其中：rewriteengine为重写引擎开关on为开启off为关闭 RewriteRule：RewriteRule是重写规则，支持正则表达式 ([a-zA-Z]{1,})-([0-9]{1,})\.html$是规则，index.php?action=$1&id=$2是要替换的格式，$1代表第一个括号匹配的值，$2代表第二个，如此类推！！ 3.新建上述规则的对应php文件(index.php) <?php echo '你的Action是：' . $_GET['action']; echo '<br/>'; echo '你的ID是：' . $_GET['id']; ?> 4.浏览器输入localhost/test/view-12.html 可得如下结果：来源： https://www.cnblogs.com/yyhfirstblog/p/11768140.html

伪静态页面制作

阅读更多关于伪静态页面制作

1、开启站点重写机制，修改配置文件，将该行注释去掉，并且需要apache支持解析.htaccess文件，修改配置文件，找到“AllowOverride None”，改为“AllowOverride All”，重启apache 2、新建.htaccess文件，写入重写机制 3、访问 http://127.0.0.1/weijingtai/2.html 即可 4、若想制作输入两个参数的伪静态页面，将重写机制修改为并index.php页面输出第二个参数： 5、访问http://127.0.0.1/weijingtai/2-asd.html 来源： https://www.cnblogs.com/gyf12369/p/11767444.html

Servlet的请求方式

阅读更多关于 Servlet的请求方式

1.在浏览器里面直接输入url可以请求servlet 这是一个静态页面然后响应的流程。 form表单，提交servlet. 让form表单和servlet结合起来。

html和jsp的区别--静态页面和动态页面的区别

阅读更多关于 html和jsp的区别--静态页面和动态页面的区别

一、静态web页面，一般指html： 1、在静态Web程序中，客户端使用Web浏览器（IE、FireFox等）经过网络(Network)连接到服务器上，使用HTTP协议发起一个请求（Request），告诉服务器我现在需要得到哪个页面，所有的请求交给Web服务器，之后WEB服务器根据用户的需要，从文件系统（存放了所有静态页面的磁盘）取出内容。之后通过Web服务器返回给客户端，客户端接收到内容之后经过浏览器渲染解析，得到显示的效果。 2、为了让静态web页面显示更加好看，使用javascript／VBScript／ajax（AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。）但是这些特效都是在客户端上借助于浏览器展现给用户的，所以在服务器上本身并没有任何的变化。 3、静态web无法连接数据库； 4、静态web资源开发技术：HTML； 5、由于现在的web页面中，大量使用JS，导致浏览器打开页面，就会占用大量的内存，服务端的压力是减轻了，但压力转移到了客户端。二、动态web页面,一般指jsp：动态WEB中，程序依然使用客户端和服务端，客户端依然使用浏览器（IE、FireFox等），通过网络(Network)连接到服务器上，使用HTTP协议发起请求（Request）

关于前后端分离与模板引擎

阅读更多关于关于前后端分离与模板引擎

传统的前后端：　　后端是跟数据库跟服务器打交道的，前端是跟浏览器打交道的。但似乎他们的职责在以前甚至于现在都并不明确，虽然前端是跟浏览器打交道，但是最终浏览器拿到的页面是服务器通过模板生成的一个临时静态页面而已。所以，实际上后端也掺和进来了，因为他要处理模板。当然，一般传统上的开发协作模式有两种：一种是前端先写一个静态页面，写好后，让后端去套模板。静态页面可以本地开发，也无需考虑业务逻辑只需要实现View即可。不足是还需要后端套模板，这些前端代码后端需要浏览一遍，以免出错。另一种协作模式是，前端直接去写模板，这样做的问题在于，前端编写过程中很依赖与后端环境，如果当后端没写完的情况下，前端几乎没法干活。在做前后端分离时，第一个关注到的问题就是渲染，也就是 View 这个层面的工作，模板引擎、前后端分离、单页模式，它们本应是三个完全分离的概念，但确实有很多现代 Web 项目同时使用了这些技术，于是它们的概念就经常被混淆。虽然它们各自并不闪耀，但当它们一起使用时确实可以成为现代 Web 中一种优秀的实践。模板引擎　　模板引擎是相当古老的东西了，现在能看到的很多后端编程语言其实都是基于模板引擎的。但这种语言级的模板引擎其实很难让开发者满意。以前写 ASP 的时候觉得用程序把数据库查询出来的数据填入页面中是一件很痛苦的事情。不是写出一堆凌乱的标签就是程序里做一堆字符串拼接

订阅静态页面