Web母版制作和母版嵌套

2023-11-01 09:50
文章标签 web 制作 嵌套 母版

本文主要是介绍Web母版制作和母版嵌套,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

       母版是网页制作中很重要的一部分,它可以大大节省web开发的过程,避免过多重复性的制作过程;而母版嵌套是在沿用母版的基础上进一步进行格式化的方法。

       举个例子:母版就像是我们写作用的模板一样,在写格式一样的文件(web)时,直接套用模板(母版)就可以避免一开始要设置的复杂过程;同样的,母版嵌套就是在母版(模板)的基础上重新设置生成二代模板,从而面对新的需求。下面依次介绍在vs2012中如何生成母版和如何进行母版嵌套。


     【生成母版】


       第一:创建web网页----在vs中首先新建一个web项,然后在web项中设计添加想要的页面。

       第二:添加CSS----针对web页,添加相应的样式文件(CSS)。

       第三:创建母版-----如下图:


        成功后,会出现如图所示:


         第四步:移形换影----将母版页的代码清除后,把第一步的web代码全部拷贝到母版中;第二步的CSS文件只要文件名字不变就可以不改动;

 

        第五步:创建新web,沿用母版:如图:


            选中【选中母版页】,选取要用的【母版文件】。


           如此,新的web文件一开始就拥有了母版已有的设置了。

 

          问题:为什么一开始不直接创建母版页,反而要先创建web后复制粘贴到母版页,这样不麻烦吗?

           答  :这是因为vs不支持母版页的网页预览,直接在母版页设计,难以确定生成后的样式是否符合要求。

 

        【母版嵌套】

            第一步:创建新母版----沿用第一母版,如图:


 

      成功后的代码页:


 


        可以发现二代母版页中多了两个包含contentPlanceHolder类的ASP.net的标签。ContentPlaceHolder类是表示在asp.net母版页中第一内容区域的意思。也就是说你可以两个标签一个可以让你配置新的CSS文件,一个可以让你在原有母版的基础上添加新的网页内容。

        如下图,是我在第一母版的基础上新添加的部分内容而构成的二级母版页。

        需要注意的是,在第二个标签里还要手动添加一个【二级母版contentPlaceHolder】:


 


          第二步:创建新web----沿用二级母版。这样你就可以在二代母版页中进行新的内容设置了。


 

         【总结】

            母版就是对固用web封装,母版嵌套就是在沿用母版的基础上进一步封装。使用母版嵌套就可以创建三级母版、四级母版等。极大的提高的web层的复用性。

这篇关于Web母版制作和母版嵌套的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/322153

相关文章

JSON Web Token在登陆中的使用过程

《JSONWebToken在登陆中的使用过程》:本文主要介绍JSONWebToken在登陆中的使用过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录JWT 介绍微服务架构中的 JWT 使用结合微服务网关的 JWT 验证1. 用户登录,生成 JWT2. 自定义过滤

一文教你如何将maven项目转成web项目

《一文教你如何将maven项目转成web项目》在软件开发过程中,有时我们需要将一个普通的Maven项目转换为Web项目,以便能够部署到Web容器中运行,本文将详细介绍如何通过简单的步骤完成这一转换过程... 目录准备工作步骤一:修改​​pom.XML​​1.1 添加​​packaging​​标签1.2 添加

python展开嵌套列表的多种方法

《python展开嵌套列表的多种方法》本文主要介绍了python展开嵌套列表的多种方法,包括for循环、列表推导式和sum函数三种方法,具有一定的参考价值,感兴趣的可以了解一下... 目录一、嵌套列表格式二、嵌套列表展开方法(一)for循环(1)for循环+append()(2)for循环+pyPhWiFd

Java嵌套for循环优化方案分享

《Java嵌套for循环优化方案分享》介绍了Java中嵌套for循环的优化方法,包括减少循环次数、合并循环、使用更高效的数据结构、并行处理、预处理和缓存、算法优化、尽量减少对象创建以及本地变量优化,通... 目录Java 嵌套 for 循环优化方案1. 减少循环次数2. 合并循环3. 使用更高效的数据结构4

web网络安全之跨站脚本攻击(XSS)详解

《web网络安全之跨站脚本攻击(XSS)详解》:本文主要介绍web网络安全之跨站脚本攻击(XSS)的相关资料,跨站脚本攻击XSS是一种常见的Web安全漏洞,攻击者通过注入恶意脚本诱使用户执行,可能... 目录前言XSS 的类型1. 存储型 XSS(Stored XSS)示例:危害:2. 反射型 XSS(Re

解决JavaWeb-file.isDirectory()遇到的坑问题

《解决JavaWeb-file.isDirectory()遇到的坑问题》JavaWeb开发中,使用`file.isDirectory()`判断路径是否为文件夹时,需要特别注意:该方法只能判断已存在的文... 目录Jahttp://www.chinasem.cnvaWeb-file.isDirectory()遇

JavaWeb-WebSocket浏览器服务器双向通信方式

《JavaWeb-WebSocket浏览器服务器双向通信方式》文章介绍了WebSocket协议的工作原理和应用场景,包括与HTTP的对比,接着,详细介绍了如何在Java中使用WebSocket,包括配... 目录一、概述二、入门2.1 POM依赖2.2 编写配置类2.3 编写WebSocket服务2.4 浏

Spring常见错误之Web嵌套对象校验失效解决办法

《Spring常见错误之Web嵌套对象校验失效解决办法》:本文主要介绍Spring常见错误之Web嵌套对象校验失效解决的相关资料,通过在Phone对象上添加@Valid注解,问题得以解决,需要的朋... 目录问题复现案例解析问题修正总结  问题复现当开发一个学籍管理系统时,我们会提供了一个 API 接口去

使用IntelliJ IDEA创建简单的Java Web项目完整步骤

《使用IntelliJIDEA创建简单的JavaWeb项目完整步骤》:本文主要介绍如何使用IntelliJIDEA创建一个简单的JavaWeb项目,实现登录、注册和查看用户列表功能,使用Se... 目录前置准备项目功能实现步骤1. 创建项目2. 配置 Tomcat3. 项目文件结构4. 创建数据库和表5.

手把手教你idea中创建一个javaweb(webapp)项目详细图文教程

《手把手教你idea中创建一个javaweb(webapp)项目详细图文教程》:本文主要介绍如何使用IntelliJIDEA创建一个Maven项目,并配置Tomcat服务器进行运行,过程包括创建... 1.启动idea2.创建项目模板点击项目-新建项目-选择maven,显示如下页面输入项目名称,选择