newleague
newleague

SiteMesh学习入门

简介：
    sitemesh应用Decorator模式，用filter截取request和response,把页面组件head,content,banner结合为一个完整的视图。通常我们都是用include标签在每个jsp页面中来不断的包含各种header, stylesheet, scripts and footer，现在，在sitemesh的帮助下，我们可以开心的删掉他们了。如下图，你想轻松的达到复合视图模式，那末看完本文吧。

一、在WEB-INF/web.xml中copy以下filter的定义:

<?xml version="1.0" encoding="GBK"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
version="2.4">

<filter>
  <filter-name>sitemesh</filter-name>
     <filter-class>com.opensymphony.module.sitemesh.filter.PageFilter</filter-class>
  </filter>

  <filter-mapping>
     <filter-name>sitemesh</filter-name>
     <url-pattern>/*</url-pattern>
  </filter-mapping>

</web-app>

二、copy所需sitemesh-2.3.jar到WEB-INF\lib下。（这里可以下载http://www.opensymphony.com/sitemesh/）

三、 建立WEB-INF/decorators.xml描述各装饰器页面。 

<decorators defaultdir="/decorators">
       <decorator name="main" page="main.jsp">
           <pattern>*</pattern>
       </decorator>
</decorators>

  上面配置文件指定了装饰器页面所在的路径，并指定了一个名为main的装饰器，该装饰器默认装饰web应用根路径下的所有页面。

四、 建立装饰器页面 /decorators/main.jsp

  • <%@ page contentType="text/html; charset=GBK"%>
    <%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator"%> <html>
          <head>
              <title><decorator:title default="装饰器页面..." /></title>
              <decorator:head />
          </head>
         <body>
            sitemesh的例子<hr>
            <decorator:body />
            <hr>chen56@msn.com
        </body>
    </html>
     
     

    五、建立一个的被装饰页面 /index.jsp(内容页面) 

  • <%@ page contentType="text/html; charset=GBK"%>
<html>
     <head>
       <title>Agent Test</title>
     </head>
     <body>
       <p>本页只有一句，就是本句.</p>
     </body>
</html>

    最后访问index.jsp，将生成如下页面：

        而且，所有的页面也会如同index.jsp一样，被sitemesh的filter使用装饰模式修改成如上图般模样，却不用再使用include标签。


    		•
    装饰器     decorator概念
        为了建立可复用的web应用程序,一个通用的方法是建立一个分层系统，如同下面一个普通的web应用：
    • 前端:JSP和Servlets，或jakarta的velocity 。。。
    • 控制层框架 Controller ： (Struts/Webwork)
    • 业务逻辑 Business ：主要业务逻辑
    • 持久化框架 ：hibernate/jdo

        可糟糕的是前端的页面逻辑很难被复用，当你在每一个页面中用数之不尽的include来复用公共的header, stylesheet, scripts，footer时，一个问题出现了-重复的代码，每个页面必须用copy来复用页面结构，而当你需要创意性的改变页面结构时，灾难就爱上了你。

         sitemesh通过filter截取request和response，并给原始的页面加入一定的装饰(可能为header,footer...)，然后把结果返回给客户端，并且被装饰的原始页面并不知道sitemesh的装饰，这也就达到了脱耦的目的。

         据说即将新出台的Portlet规范会帮助我们标准的实现比这些更多更cool的想法，但可怜的我还不懂它到底是一个什末东东，有兴趣的人可以研究
    jetspeed，或JSR (Java Specification Request) 168,但我想sitemesh如此简单，我们不妨先用着。

    　
    让我们看看怎样配置环境
        除了要copy到WEB-INF/lib中的sitemesh.jar外，还有2个文件要建立到WEB-INF/：
    • sitemesh.xml (可选)  
    • decorators.xml

    sitemesh.xml 可以设置2种信息:

    Page Parsers ：负责读取stream的数据到一个Page对象中以被SiteMesh解析和操作。(不太常用，默认即可)

    Decorator Mappers : 不同的装饰器种类，我发现2种比较有用都列在下面。一种通用的mapper,可以指定装饰器的配置文件名，另一种可打印的装饰器，可以允许你当用http://localhost/aaa/a.html?printable=true方式访问时给出原始页面以供打印(免得把header,footer等的花哨的图片也搭上)

    (但一般不用建立它，默认设置足够了：com/opensymphony/module/sitemesh/factory/sitemesh-default.xml）：

    范例：

    <sitemesh>
         <page-parsers>
           <parser default="true" class="com.opensymphony.module.sitemesh.parser.DefaultPageParser" />
           <parser content-type="text/html" class="com.opensymphony.module.sitemesh.parser.FastPageParser" />
           <parser content-type="text/html;charset=ISO-8859-1" class="com.opensymphony.module.sitemesh.parser.FastPageParser" />
         </page-parsers>

         <decorator-mappers>
           <mapper class="com.opensymphony.module.sitemesh.mapper.ConfigDecoratorMapper">
             <param name="config" value="/WEB-INF/decorators.xml" />
           </mapper>
             <mapper class="com.opensymphony.module.sitemesh.mapper.PrintableDecoratorMapper">
                <param name="decorator" value="printable" />
                <param name="parameter.name" value="printable" />
                        <param name="parameter.value" value="true" />
             </mapper>
          </decorator-mappers>
    </sitemesh>

    decorators.xml ：定义构成复合视图的所有页面构件的描述(主要结构页面，header,footer...)，如下例：

    <decorators defaultdir="/decorators">
         <decorator name="main" page="main.jsp">
           <pattern>*</pattern>
         </decorator>
         <decorator name="printable" page="printable.jsp" role="customer" webapp="aaa" />
    </decorators>
    • defaultdir: 包含装饰器页面的目录
    • page : 页面文件名
    • name : 别名
    • role : 角色，用于安全
    • webapp : 可以另外指定此文件存放目录
    • Patterns : 匹配的路径，可以用*,那些被访问的页面需要被装饰。

    　

    最重要的是写出装饰器本身(也就是那些要复用页面，和结构页面)。
        其实，重要的工作就是制作装饰器页面本身(也就是包含结构和规则的页面)，然后把他们描述到decorators.xml中。

        让我们来先看一看最简单的用法：其实最常用也最简单的用法就是我们的hello例子，面对如此众多的技术，我想只要达到功能点到为止即可，没必要去研究太深(除非您有更深的需求)。

    <%@ page contentType="text/html; charset=GBK"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<html>
     <head>
       <title><decorator:title default="装饰器页面..." /></title>
       <decorator:head />
     </head>
     <body>
       sitemesh的例子<hr>
       <decorator:body />
       <hr>chen56@msn.com
     </body>
</html>

    我们在装饰器页面只用了2个标签：

    <decorator:title default="装饰器页面..." />       ： 把请求的原始页面的title内容插入到<title></title>中间。

    <decorator:body /> ： 把请求的原始页面的body内的全部内容插入到相应位置。

    然后我们在decorator.xml中加入以下描述即可：

    <decorator name="main" page="main.jsp">
           <pattern>*</pattern>
    </decorator>

    这样，请求的所有页面都会被重新处理，并按照main.jsp的格式重新展现在你面前。

    　

    让我们看看更多的用法。(抄袭sitemesh文档)
    以下列着全部标签：
    Decorator Tags Page Tags
    被用于建立装饰器页面. 被用于从原始内容页面访问装饰器.
    <decorator:head />
    <decorator:body />
    <decorator:title />
    <decorator:getProperty />
    <decorator:usePage />
    		 <page:applyDecorator />
    <page:param
    　

    <decorator:head />

    插入原始页面(被包装页面)的head标签中的内容(不包括head标签本身)。

    <decorator:body />

    插入原始页面(被包装页面)的body标签中的内容。

    <decorator:title [ default="..." ] />

    插入原始页面(被包装页面)的title标签中的内容，还可以添加一个缺省值。

    例：

    /decorator/main.jsp中 （装饰器页面）: <title><decorator:title default="却省title-hello"     /> - 附加标题</title>

    /aaa.jsp中 (原始页面)：<title>aaa页面</title>

    访问/aaa.jsp的结果：<title>aaa页面 - 附加标题</title>

    <decorator:getProperty property="..." [ default="..." ] [ writeEntireProperty="..." ]/>

    在标签处插入原始页面(被包装页面)的原有的标签的属性中的内容，还可以添加一个缺省值。

    sitemesh文档中的例子很好理解：
    The decorator:     <body bgcolor="white"<decorator:getProperty property="body.onload" writeEntireProperty="true" />>
    The undecorated page:     <body onload="document.someform.somefield.focus();">
    The decorated page: <body bgcolor="white" onload="document.someform.somefield.focus();">

    注意，writeEntireProperty="true"会在插入内容前加入一个空格。

    <decorator:usePage id="..." />
    象jsp页面中的<jsp:useBean>标签一样，可以使用被包装为一个Page对象的页面。 (懒的用)

    例：可用<decorator:usePage id="page" /> ：<%=page.getTitle()%>达到<decorator:title/>的访问结果。

    <page:applyDecorator name="..." [ page="..." title="..." ] >
    <page:param name="..."> ... </page:param>
    <page:param name="..."> ... </page:param>
    </page:applyDecorator>

    应用包装器到指定的页面上，一般用于被包装页面中主动应用包装器。这个标签有点不好理解，我们来看一个例子：

    包装器页面 /decorators/panel.jsp：<p><decorator:title /></p>     ... <p><decorator:body /></p>
         并且在decorators.xml中有<decorator name="panel" page="panel.jsp"/>

    一个公共页面，即将被panel包装：/public/date.jsp:  
         ... <%=new java.util.Date()%>     ...<decorator:getProperty property="myEmail" />

    被包装页面 /page.jsp ：
         <title>page的应用</title>
         .....  
         <page:applyDecorator name="panel" page="/_public/date.jsp" >
           <page:param name="myEmail"> chen_p@neusoft.com </page:param>
         </page:applyDecorator>

    最后会是什末结果呢？除了/page.jsp会被默认的包装页面包装上header,footer外，page.jsp页面中还内嵌了date.jsp页面，并且此date.jsp页面还会被panel.jsp包装为一个title加body的有2段的页面，第1段是date.jsp的title，第2段是date.jsp的body内容。

    另外，page:applyDecorator中包含的page:param标签所声明的属性值还可以在包装页面中用decorator:getProperty标签访问到。

    可打印的界面装饰
         前面说过有1种可打印的装饰器，可以允许你当用http://localhost/aaa/a.html?printable=true方式访问时，应用其他的装饰器(自己指定)，给出原始页面以供打印(免得把header,footer等的花哨的图片也搭上)。

    让我们来看一看怎样实现他：

    1.首先在WEB-INFO/sitemesh.xml中设置：
         <mapper class="com.opensymphony.module.sitemesh.mapper.PrintableDecoratorMapper">
           <param name="decorator" value="printable" />
           <param name="parameter.name" value="printable" />
           <param name="parameter.value" value="true" />
         </mapper>
    这样就可以通过?printable=true来使用名为printable的装饰器，而不是用原来的装饰器。

    2.在WEB-INFO/decorators.xml中定义相应的printable装饰器
         <decorator name="printable" page="printable.jsp"/>

    3.最后编写printable装饰器/decorators/printable.jsp

    <%@ taglib uri="sitemesh-decorator" prefix="decorator" %>
    <html>
    <head>
         <title><decorator:title /></title>
         <decorator:head />
    </head>
    <body>

         <h1><decorator:title /></h1>
         <p align="right"><i>(printable version)</i></p>

         <decorator:body />

    </body>
    </html>

    这样就可以让一个原始页面通过?printable=true开关来切换不同的装饰器页面。

    　

    中文问题
    由于sitemesh内部所使用的缺省字符集为iso-8859-1，直接使用会产生乱码，我们可以通过以下方法纠正之：
    • 方法1：可以在您所用的application server的配置文件中找一找，有没有设置encoding或charset的项目，然后设成gbk或gb2312即可
    • 方法2：这也是我们一直使用的方法。
      1.在每一个jsp页里设置: <%@ page contentType="text/html; charset=gbk"%> 来告诉server你所要求的字符集。
      2.在每个jsp页的head中定义：<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=gbk"> 来告诉浏览器你所用的字符集。
    总结：使用sitemesh最通常的途径：

    1.配置好环境，

    2.在WEB-INFO/decroators.xml中描述你将建立的包装器。

    3.开发在decroators.xml中描述的包装器，最好存放在/_decorators目录下

    4.ok ，可以看看辛勤的成果了 :)


    http://www.java3z.com/cwbwebhome/article/article2/2962.html

    你可能感兴趣的:(html,Web,jsp,xml,浏览器)

    • csv文件格式和excel数据格式有什么区别 小玉起起 文件格式
      CSV（Comma-SeparatedValues）和Excel（XLS/XLSX）数据格式的主要区别如下：1.文件格式CSV：纯文本格式，每一行表示一条记录，字段之间用逗号（,）或其他分隔符（如\t或;）分隔。Excel（XLS/XLSX）：二进制或XML格式，包含复杂的表格、样式、公式等。2.数据存储CSV：只存储数据，没有格式（如字体、颜色、边框）。不能存储公式、图片、图表等。仅支持单个工作
    • 原生JavaScript控制页面跳转的几种方式 thinkQuadratic javascript前端开发语言
      在开发一些简单的页面，不需要复杂的单页面应用（SPA）功能的时候。可以使用原生JavaScript的跳转即可满足需求。另外在处理一些需要直接与服务器进行交互的表单提交后跳转，或者在某些浏览器兼容性要求较高的场景下，原生JavaScript的跳转方式更加稳定可靠。正文开始这里本地创建两个html文件进行演示，index.html和home.htmlwindow.location.hrefindex页
    • AI：188-利用Python进行自然语言生成和文本摘要 一键难忘 python开发语言人工智能自然语言处理
      本文收录于专栏：精通AI实战千例专栏合集https://blog.csdn.net/weixin_52908342/category_11863492.html从基础到实践，深入学习。无论你是初学者还是经验丰富的老手，对于本专栏案例和项目实践都有参考学习意义。每一个案例都附带关键代码，详细讲解供大家学习，希望可以帮到大家。正在不断更新中~一.利用Python进行自然语言生成和文本摘要近年来，人工智
    • react-native中使用axios_React Native 三端同构实践 weixin_39874795
      ReactNative三端同构实践来源：ibm.com/cnReactNative三端(Web、iOS、Android)同构是指在不改动原ReactNative的代码下，让其在浏览器中运行出和在ReactNative环境下一样的页面。对于使用ReactNative开发的页面，如果又单独为Web平台重复写一份代码代价是极其大的，而ReactNative三端同构能以零花费快速做到一份代码三端复用。Re
    • python后端常见架构_常见的后端框架 weixin_39622178 python后端常见架构
      后端vs前端如果您是Web开发世界的新手，后端和前端开发之间的区别可能不那么明显，但是，了解两者之间的区别很重要。以下是前端开发人员与后端开发人员的一些区别。前端开发：前端开发人员在很大程度上负责用户所看到的内容(即网站页面)，前端开发人员主要使用HTML，CSS和JavaScript。他们的主要关注点是创建出色的用户体验，并确保网站设计和布局或Web应用程序始终具有凝聚力。后端开发：另一方面，后
    • web端口 myjzwsz djangoflask
      端口号是用来标识网络服务的，它们允许不同的应用程序在同一台机器上通过网络进行通信。端口号的范围是从0到65535，分为三类：熟知端口（Well-KnownPorts）：从0到1023，这些端口通常被系统或一些常见的服务所保留使用。例如，HTTP服务默认使用80端口，HTTPS使用443端口，FTP使用21端口等。非特权用户通常不能绑定这些端口。注册端口（RegisteredPorts）：从1024
    • HTML 中如何设置页面的语言，这对 SEO 和无障碍访问有什么影响？ 前端大白话 大白话前端八股html前端
      大白话HTML中如何设置页面的语言，这对SEO和无障碍访问有什么影响？1.HTML中设置页面语言的方法在HTML里，你可以借助标签的lang属性来设定页面的语言。lang属性的值是一个符合ISO639-1标准的双字母语言代码，下面是一些常见语言对应的代码：英语：en中文：zh法语：fr西班牙语：es以下是设置页面语言为中文和英文的示例代码：中文页面欢迎来到我的中文页面这里有很多有趣的内容。Engl
    • ＜link＞标签在网页中的常见用途及与＜script＞标签引入资源方式的区别 前端大白话 大白话前端八股前端html
      大白话标签在网页中的常见用途及与标签的常见用途标签主要用于在HTML页面中引入外部资源，最常见的就是引入样式表（CSS文件），让网页能够按照我们定义的样式来展示内容。以下是一个简单的例子，展示如何使用标签引入外部CSS文件：我的网页标签引入外部的CSS文件，rel属性指定资源和当前文档的关系为样式表（stylesheet），href属性指定CSS文件的路径-->这是一个标题这是一段文字内容。除了引
    • 【Python】Flask与Django对比详解：教你如何选择最适合你的Web框架 小芬熊 面试学习路线阿里巴巴pythonflaskdjango
      文章目录引言：为何选择PythonWeb框架？Flask简介：轻量级的灵活之选??Flask的核心特点Django简介：全能型的强大框架??Django的核心特点Flask与Django的详细对比架构设计功能与扩展性性能与效率模板系统ORM（对象关系映射）详细对比表格适用场景总结案例分享：如何选择适合的框架小李的博文项目：选择Flask??小张的电商平台：选择Django??了解更多AI内容结论：
    • python的后端开发框架django，flask，flaskapi myjzwsz pythondjangoflask
      Django、Flask和Flask-API是Python中流行的后端开发框架，它们在功能、应用场景以及架构上有不同的特点和使用场景。下面我给你详细介绍每个框架的应用示例、区别和应用场景：1.DjangoDjango是一个功能全面的Web开发框架，强调“快速开发”和“无需重新发明轮子”。它自带了很多功能，如认证、ORM（数据库映射）、表单处理、管理后台等。应用示例：社交媒体平台：像Instagra
    • 从helloword简单理解springboot配置和注解——SpringBoot学系第三课 北城落花雨 SpringBoot框架springboot
      理解上篇文章创建的第一个程序helloword中的配置和注解1：Pom.xml配置文件快速新建的时候pom.xml文件的内容会自动生成1.1父项目与依赖版本控制父项目是spring-boot-starter-parent，这里面包含了项目中所有依赖的版本控制。打开父项目里面的父项目可以发现里面进行的依赖与版本控制1.2：启动器SpringBoot将所有的功能场景都抽取出来，做成一个个的starte
    • 一招帮你搞定验证码设置 不修×蝙蝠 后端验证码sessioneclipse前端
      目录一、准备环境编辑二、配置环境三、基础方法四、验证码的一些常用类别1.LineCaptcha线段干扰的验证码（Java）2.CircleCaptcha圆圈干扰的验证码（Java）3.ShearCaptcha扭曲干扰验证码4.写出到浏览器输出5.自定义验证码CodeGenerator五、通过实例来简述过程1.一个简易html文件2.创建生成验证码图片的Java文件①定义图形验证码的长、宽、验证码字
    • 详细讲一下webpack中五个优化能力十分强大的插件（1-5） asecretman! webpack前端node.js
      1.TerserPlugin功能：用于压缩和优化JavaScript代码，支持ES6+语法。安装:npminstallterser-webpack-plugin--save-dev配置constTerserPlugin=require('terser-webpack-plugin');module.exports={mode:'production',//设置为生产模式，启用优化optimizat
    • 前端架构师具备什么能力？前端性能优化全链路指南 kerwin_1727 前端架构师具备什么能力前端性能优化
      前端性能优化全链路指南——从构建到运行，让你的页面飞起来！一、性能优化全链路概览性能优化不是“一招鲜”，而是从构建时到运行时的全流程优化。以下是核心链路：构建时：减少打包体积（TreeShaking、CodeSplitting）。加载时：加速资源加载（懒加载、预加载）。运行时：提升渲染效率（虚拟列表、WebWorker）。监控与诊断：用工具定位问题（ChromePerformance、Lighth
    • springboot一课一得 POlse springboot
      SpringBoot学习之路：从基础到进阶SpringBoot是基于Spring框架的一个开源项目，它通过简化配置、自动化功能以及集成多种开箱即用的技术，使开发者能够更快地开发、测试和部署Java应用程序。它不仅减少了开发者的配置工作量，还为开发者提供了很多与生产环境相关的功能，使得SpringBoot成为现代Web开发、微服务架构和企业级应用开发的首选框架。本文将基于“SpringBoot一课一
    • html怎么获取父页面的元素的值,使用JavaScript与jQuery怎么在子窗口中获取父窗口的元素值... weixin_39907658
      使用JavaScript与jQuery怎么在子窗口中获取父窗口的元素值发布时间：2021-02-1815:42:20来源：亿速云阅读：115作者：Leah使用JavaScript与jQuery怎么在子窗口中获取父窗口的元素值？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。js:父窗口：子窗口：curproject=window.op
    • 探索 Rust 高效 Web 开发：Hyperlane 框架深度解析 LTPP 开发语言rust后端面试算法
      探索Rust高效Web开发：Hyperlane框架深度解析在当今的Web开发领域，追求高性能、轻量级的框架一直是开发者们的不懈追求。对于Rust语言开发者而言，Hyperlane框架正以其独特的魅力崭露头角，为构建现代Web服务提供了一种卓越的解决方案。今天，让我们一同深入探索这个令人瞩目的框架。轻量与高效的完美融合Hyperlane是一款轻量级且高性能的RustHTTP服务器库，它的诞生旨在极大
    • 开发规范与编码标准原理与代码实战案例讲解 AI天才研究院 DeepSeekR1&大数据AI人工智能大模型AI大模型企业级应用开发实战AI大模型应用入门实战与进阶计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
      开发规范与编码标准原理与代码实战案例讲解作者：禅与计算机程序设计艺术/ZenandtheArtofComputerProgramming/TextGenWebUILLM开发规范与编码标准原理与代码实战案例讲解1.背景介绍1.1问题的由来随着软件工程的快速发展，尤其是在大型团队协作下开发复杂系统时，一致性、可读性、维护性成为影响代码质量的关键因素。不一致的开发风格、冗余的代码模式以及缺乏标准化的命名
    • F12抓包用于做postman接口测试的全过程解析 自动化测试君 软件测试自动化测试接口测试postman测试工具软件测试经验分享职场和发展
      一、为什么抓包从功能测试角度通过抓包查看隐藏字段Web表单中会有很多隐藏的字段，这些隐藏字段一般都有一些特殊的用途，比如收集用户的数据，预防CRSF攻击，防网络爬虫，以及一些其他用途。这些隐藏字段在界面上都看不到，如果想检测这些字段，就必须要使用抓包工具。通过抓包工具了解协议内容方便开展接口和性能测试性能测试方面，性能测试其实就是大量模拟用户的请求，所以我们必须要知道请求中的协议内容和特点，才能更
    • 企业本地化部署实战：基于Websoft9构建私有化生产力平台 开源
      在数字化转型的浪潮中，企业越来越重视对数据主权和应用灵活性的掌控。而本地化部署（On-Premises）正成为许多组织的首选方案——它不仅能够满足数据合规需求，还能深度定制功能，适配企业独特的工作流程。本文将探讨如何通过Websoft9面板的本地部署，结合EPP、AI工具与知识库等应用，构建一个高效、安全的企业生产力平台。一、为什么选择本地部署？数据主权与合规性企业核心数据（如客户信息、财务记录）
    • 开源应用驱动企业新质生产力：Websoft9以EPP+AI+知识库助您领跑未来 开源软件
      开源应用驱动企业新质生产力：Websoft9以EPP+AI+知识库助您领跑未来在数字化转型加速的今天，企业新质生产力的核心已从传统资源投入转向技术驱动的效率革命。开源应用凭借其灵活性、成本优势和技术创新力，成为企业实现这一目标的关键引擎。作为开源技术与行业场景化落地的领航者，Websoft9通过企业应用平台（EPP）、AI智能引擎与知识库系统三位一体的解决方案，助力企业快速构建新一代生产力工具，实
    • 基于.NET MVC实现H5页面调用手机摄像头扫描二维码完整方案 Bart_Lu .netmvc
      一、前言在移动端Web开发中，二维码扫描功能已成为常见需求。本文将介绍如何在ASP.NETMVC框架下，通过HTML5技术调用手机摄像头实现二维码扫描功能，并提供完整的代码实现方案。二、技术选型前端库：使用ZXing-js（支持浏览器二维码解析）后端框架：ASP.NETMVC5浏览器API：MediaDevicesAPI三、实现步骤1.准备工作在MVC项目中引入所需库：html运行HTML2.创建
    • 泛域名SSL证书详解 sshssl证书
      嘿，小伙伴们！今天咱们来详细的聊聊泛域名SSL证书。泛域名SSL证书是啥？泛域名SSL证书又叫通配符证书，能给一个主域名和它所有的子域名都加上加密保护。不管有多少、层级多复杂，都能靠这个证书来保护安全。企业就不用一个个给子域名单独弄SSL证书了，省了好多时间、钱和管理的麻烦事儿。它是怎么工作的呢？当我们在浏览器访问一个用了SSL证书的网站时，浏览器会先和服务器联系，让服务器把SSL证书拿出来看看。
    • 28.Vulmap：Web 漏洞扫描与验证工具 白帽少女安琪拉 安全工具网络安全网络
      一、项目介绍Vulmap是一款功能强大的Web漏洞扫描和验证工具，专注于对Web容器、Web服务器、Web中间件及CMS等Web程序的漏洞检测与利用。其集成了漏洞扫描（PoC）和漏洞利用（Exp）两种模式，帮助安全人员快速发现并验证目标系统的安全漏洞，适用于渗透测试、漏洞挖掘及安全评估等场景。1.1核心功能漏洞扫描（PoC模式）：支持对多种Web程序（如Tomcat、WebLogic、Shiro、
    • 实现拍照、录音功能鸿蒙示例代码
      本文原创发布在华为开发者社区。介绍本示例演示如何使用Web组件拍照和录音。web拉起系统相机拍照，并返回base64数据给web页面。web调用麦克风录音，并保持录音文件到指定沙箱目录。实现拍照、录音功能源码链接效果预览使用说明web调用相机拍照：打开应用后，点击“拍照按钮”在拉起的系统相机中进行拍照拍照完成后web网页会获取到base64数据web调用麦克风录音：打开应用后，点击“开始录音”一段
    • 《前端监控与性能优化全景指南：构建企业级高性能应用》 前端极客探险家 前端性能优化sentryprometheusgrafana
      文章目录前言技术栈覆盖范围一、监控体系架构设计1.1全链路监控系统组成1.2核心监控指标清单二、性能数据采集实战2.1增强版性能采集器2.2用户行为轨迹录制三、深度性能优化策略3.1构建阶段优化（Webpack5示例）3.2运行时优化技巧四、错误监控与智能诊断4.1增强型错误边界4.2网络请求监控五、生产环境调优指南5.1Nginx极致配置5.2CDN策略优化六、自动化质量保障体系6.1CI/CD
    • goweb中文件上传和文件下载 Villiam_AY xcodemacosidegolang
      文件上传文件上传:客户端把上传文件转换为二进制流后发送给服务器,服务器对二进制流进行解析HTML表单(form)enctype(EncodeType)属性控制表单在提交数据到服务器时数据的编码类型enctype=“application/x-www-form-urlencoded”默认值,表单数据会被编码为名称/值形式。oenctype="multipart/form-data”编码成消息,每个控
    • Java Web开发核心内容全解析（上） 风铃儿~ javaservletmybatis
      一、JavaWeb概述JavaWeb是指使用Java技术来解决相关web互联网领域的技术总和。在当今数字化时代，JavaWeb在构建企业级应用、电子商务平台、社交网络等方面发挥着至关重要的作用。（一）JavaWeb的体系结构JavaWeb应用的体系结构主要分为客户端层、表示层、业务逻辑层和数据访问层。1.客户端层-这是用户与Web应用交互的最前端。主要包括用户浏览器，它可以接收并显示从服务器端发送
    • 前端面试：ajax 和 xhr 是什么关系？ returnShitBoy 前端面试ajax
      在前端开发中，AJAX（AsynchronousJavaScriptandXML）和XHR（XMLHttpRequest）是两个密切相关但有些不同的概念。以下是对这两者的详细解释及其关系：1.AJAX定义：AJAX是一个用于创建异步web应用程序的技术。它允许网页在不完全重新加载整页的情况下，与服务器交换数据并更新部分网页内容。主要特征：异步操作：AJAX使得页面可以在后台与服务器进行数据交换，用
    • WSL忘记用户密码——重置密码 不是伍壹 Linuxwindowslinux
      参考WSL开发文档及http://www.manongjc.com/detail/60-dllphoqzawubyin.html#google_vignette具体操作：在Ubuntu或任何其他Linux发行版上重置遗忘的WSL密码要在WSL中重设Linux密码，你需要：将默认用户切换为root重置普通用户的密码将默认用户切换回普通用户将默认用户切换为root从Windows菜单中，启动命令提示符
    • PHP如何实现二维数组排序？ IT独行者 二维数组PHP排序　
      二维数组在PHP开发中经常遇到，但是他的排序就不如一维数组那样用内置函数来的方便了，（一维数组排序可以参考本站另一篇文章【PHP中数组排序函数详解汇总】）。二维数组的排序需要我们自己写函数处理了，这里UncleToo给大家分享一个PHP二维数组排序的函数： 代码： functionarray_sort($arr,$keys,$type='asc'){ $keysvalue= $new_arr
    • 【Hadoop十七】HDFS HA配置 bit1129 hadoop
      基于Zookeeper的HDFS HA配置主要涉及两个文件,core-site和hdfs-site.xml。   测试环境有三台 hadoop.master hadoop.slave1 hadoop.slave2   hadoop.master包含的组件NameNode, JournalNode, Zookeeper，DFSZKFailoverController
    • 由wsdl生成的java vo类不适合做普通java vo darrenzhu VOwsdlwebservicerpc
      开发java webservice项目时，如果我们通过SOAP协议来输入输出，我们会利用工具从wsdl文件生成webservice的client端类，但是这里面生成的java data model类却不适合做为项目中的普通java vo类来使用，当然有一中情况例外，如果这个自动生成的类里面的properties都是基本数据类型，就没问题，但是如果有集合类，就不行。原因如下： 1)使用了集合如Li
    • JAVA海量数据处理之二（BitMap） 周凡杨 java算法bitmapbitset数据
             路漫漫其修远兮，吾将上下而求索。想要更快，就要深入挖掘 JAVA 基础的数据结构，从来分析出所编写的 JAVA 代码为什么把内存耗尽，思考有什么办法可以节省内存呢？ 啊哈！算法。这里采用了 BitMap 思想。   首先来看一个实验： 指定 VM 参数大小： -Xms256m -Xmx540m
    • java类型与数据库类型 g21121 java
      很多时候我们用hibernate的时候往往并不是十分关心数据库类型和java类型的对应关心，因为大多数hbm文件是自动生成的，但有些时候诸如：数据库设计、没有生成工具、使用原始JDBC、使用mybatis(ibatIS)等等情况，就会手动的去对应数据库与java的数据类型关心，当然比较简单的数据类型即使配置错了也会很快发现问题，但有些数据类型却并不是十分常见，这就给程序员带来了很多麻烦。 &nb
    • Linux命令 510888780 linux命令
      系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 cat /proc/cpuinfo 显示C
    • java常用JVM参数 墙头上一根草 javajvm参数
      -Xms：初始堆大小，默认为物理内存的1/64(<1GB)；默认(MinHeapFreeRatio参数可以调整)空余堆内存小于40%时，JVM就会增大堆直到-Xmx的最大限制 -Xmx：最大堆大小，默认(MaxHeapFreeRatio参数可以调整)空余堆内存大于70%时，JVM会减少堆直到 -Xms的最小限制 -Xmn：新生代的内存空间大小，注意：此处的大小是（eden+ 2
    • 我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点 aijuans Spring 3
      方法一： <bean id="musicBox" class="onlyfun.caterpillar.factory.MusicBoxFactory" factory-method="createMusicBoxStatic"></bean> 方法二：
    • mysql查询性能优化之二 annan211 UNIONmysql查询优化索引优化
      1 union的限制 有时mysql无法将限制条件从外层下推到内层，这使得原本能够限制部分返回结果的条件无法应用到内层 查询的优化上。 如果希望union的各个子句能够根据limit只取部分结果集，或者希望能够先排好序在 合并结果集的话，就需要在union的各个子句中分别使用这些子句。 例如 想将两个子查询结果联合起来，然后再取前20条记录，那么mys
    • 数据的备份与恢复 百合不是茶 oraclesql数据恢复数据备份
       数据的备份与恢复的方式有: 表,方案 ,数据库;     数据的备份: 导出到的常见命令; 参数 说明 USERID 确定执行导出实用程序的用户名和口令 BUFFER 确定导出数据时所使用的缓冲区大小，其大小用字节表示 FILE 指定导出的二进制文
    • 线程组 bijian1013 java多线程threadjava多线程线程组
      有些程序包含了相当数量的线程。这时，如果按照线程的功能将他们分成不同的类别将很有用。        线程组可以用来同时对一组线程进行操作。        创建线程组：ThreadGroup g = new ThreadGroup(groupName);  &nbs
    • top命令找到占用CPU最高的java线程 bijian1013 javalinuxtop
      上次分析系统中占用CPU高的问题，得到一些使用Java自身调试工具的经验，与大家分享。 (1)使用top命令找出占用cpu最高的JAVA进程PID:28174 (2)如下命令找出占用cpu最高的线程 top -Hp 28174 -d 1 -n 1 32694 root 20 0 3249m 2.0g 11m S 2 6.4 3:31.12 java
    • 【持久化框架MyBatis3四】MyBatis3一对一关联查询 bit1129 Mybatis3
        当两个实体具有1对1的对应关系时，可以使用One-To-One的进行映射关联查询   One-To-One示例数据 以学生表Student和地址信息表为例，每个学生都有都有1个唯一的地址(现实中，这种对应关系是不合适的，因为人和地址是多对一的关系)，这里只是演示目的   学生表   CREATE TABLE STUDENTS (
    • C/C++图片或文件的读写 bitcarter 写图片
      先看代码： /*strTmpResult是文件或图片字符串 * filePath文件需要写入的地址或路径 */ int writeFile(std::string &strTmpResult,std::string &filePath) { int i,len = strTmpResult.length(); unsigned cha
    • nginx自定义指定加载配置 ronin47
      进入 /usr/local/nginx/conf/include 目录，创建 nginx.node.conf 文件，在里面输入如下代码： upstream nodejs { server 127.0.0.1:3000; #server 127.0.0.1:3001; keepalive 64; } server { liste
    • java-71-数值的整数次方.实现函数double Power(double base, int exponent)，求base的exponent次方 bylijinnan double
      public class Power { /** *Q71-数值的整数次方 *实现函数double Power(double base, int exponent)，求base的exponent次方。不需要考虑溢出。 */ private static boolean InvalidInput=false; public static void main(
    • Android四大组件的理解 Cb123456 android四大组件的理解
       分享一下，今天在Android开发文档-开发者指南中看到的:                            App components are the essential building blocks of an Android
    • [宇宙与计算]涡旋场计算与拓扑分析 comsci 计算
           怎么阐述我这个理论呢？ 。。。。。。。。。       首先： 宇宙是一个非线性的拓扑结构与涡旋轨道时空的统一体。。。。       我们要在宇宙中寻找到一个适合人类居住的行星，时间非常重要，早一个刻度和晚一个刻度，这颗行星的
    • 同一个Tomcat不同Web应用之间共享会话Session cwqcwqmax9 session
      实现两个WEB之间通过session 共享数据 查看tomcat 关于 HTTP Connector 中有个emptySessionPath 其解释如下： If set to true, all paths for session cookies will be set to /. This can be useful for portlet specification impleme
    • springmvc Spring3 MVC，ajax，乱码 dashuaifu springjquerymvcAjax
        springmvc Spring3 MVC @ResponseBody返回，jquery ajax调用中文乱码问题解决   Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。具体实现AnnotationMethodHandlerAdapter类handleResponseBody方法，具体实
    • 搭建WAMP环境 dcj3sjt126com wamp
      这里先解释一下WAMP是什么意思。W:windows，A：Apache，M：MYSQL，P：PHP。也就是说本文说明的是在windows系统下搭建以apache做服务器、MYSQL为数据库的PHP开发环境。      工欲善其事，必须先利其器。因为笔者的系统是WinXP，所以下文指的系统均为此系统。笔者所使用的Apache版本为apache_2.2.11-
    • yii2 使用raw http request dcj3sjt126com http
      Parses a raw HTTP request using yii\helpers\Json::decode()   To enable parsing for JSON requests you can configure yii\web\Request::$parsers using this class: 'request' =&g
    • Quartz-1.8.6 理论部分 eksliang quartz
      转载请出自出处：http://eksliang.iteye.com/blog/2207691 一.概述 基于Quartz-1.8.6进行学习，因为Quartz2.0以后的API发生的非常大的变化，统一采用了build模式进行构建； 什么是quartz?   答：简单的说他是一个开源的java作业调度框架，为在 Java 应用程序中进行作业调度提供了简单却强大的机制。并且还能和Sp
    • 什么是POJO？ gupeng_ie javaPOJO框架Hibernate
      POJO--Plain Old Java Objects(简单的java对象)   POJO是一个简单的、正规Java对象，它不包含业务逻辑处理或持久化逻辑等，也不是JavaBean、EntityBean等，不具有任何特殊角色和不继承或不实现任何其它Java框架的类或接口。   POJO对象有时也被称为Data对象，大量应用于表现现实中的对象。如果项目中使用了Hiber
    • jQuery网站顶部定时折叠广告 ini JavaScripthtmljqueryWebcss
      效果体验：http://hovertree.com/texiao/jquery/4.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>网页顶部定时收起广告jQuery特效 - HoverTree<
    • Spring boot内嵌的tomcat启动失败 kane_xie spring boot
      根据这篇guide创建了一个简单的spring boot应用，能运行且成功的访问。但移植到现有项目（基于hbase）中的时候，却报出以下错误：     SEVERE: A child container failed during start java.util.concurrent.ExecutionException: org.apache.catalina.Lif
    • leetcode: sort list michelle_0916 Algorithmlinked listsort
      Sort a linked list in O(n log n) time using constant space complexity. ====analysis======= mergeSort for singly-linked list  ====code=======   /** * Definition for sin
    • nginx的安装与配置,中途遇到问题的解决 qifeifei nginx
      我使用的是ubuntu13.04系统，在安装nginx的时候遇到如下几个问题，然后找思路解决的，nginx 的下载与安装   wget http://nginx.org/download/nginx-1.0.11.tar.gz tar zxvf nginx-1.0.11.tar.gz ./configure make make install   安装的时候出现
    • 用枚举来处理java自定义异常 tcrct javaenumexception
      在系统开发过程中，总少不免要自己处理一些异常信息，然后将异常信息变成友好的提示返回到客户端的这样一个过程，之前都是new一个自定义的异常，当然这个所谓的自定义异常也是继承RuntimeException的，但这样往往会造成异常信息说明不一致的情况，所以就想到了用枚举来解决的办法。 1，先创建一个接口，里面有两个方法，一个是getCode, 一个是getMessage public
    • erlang supervisor分析 wudixiaotie erlang
      当我们给supervisor指定需要创建的子进程的时候，会指定M,F,A,如果是simple_one_for_one的策略的话，启动子进程的方式是supervisor:start_child(SupName, OtherArgs),这种方式可以根据调用者的需求传不同的参数给需要启动的子进程的方法。和最初的参数合并成一个数组，A ++ OtherArgs。那么这个时候就有个问题了，既然参数不一致，那
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他