加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

牛腩新闻发布系统(三)--母版

发布时间:2020-12-13 20:13:20 所属栏目:PHP教程 来源:网络整理
导读:在做网页的进程中,总会有很多地方变化不大,但是重复出现。 所以引入母版这个概念就是好,重复的地方写1个母版,然后其他页面只要援用就可以实现相同的功能,并且页面的代码也会减少很多。 比如我写1个小demo 这是1个简单的阅读古诗的网页 其中的头部和尾部


       在做网页的进程中,总会有很多地方变化不大,但是重复出现。

       所以引入母版这个概念就是好,重复的地方写1个母版,然后其他页面只要援用就可以实现相同的功能,并且页面的代码也会减少很多。

比如我写1个小demo

这是1个简单的阅读古诗的网页


       其中的头部和尾部我都是不想换的,比如head和bottom两个地方是网页复用最多的地方。假定我有很多的网页要做而这些地方又都1样,那我不能重复的建这些吧。这里就用到了面向对象思想――抽象――母版页。把head和bottom两个部份放到母版页中,只要其他页面援用母版页那末相同的功能就能够不用再重复写了。

修改前代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>静夜思</title> </head> <body> <center> <form id="form1" runat="server"> <p align="center"> 静夜思<br /> 作者:李白<br /> <b>床前明月光,疑是地上霜<br /> 举头望明月,低头思故乡 </b> </form> <div> <img src="../images/20110111⑴45047.jpg" width ="760" height="" alt="img" /></div> <div id="footer">版权归属:copyright &copy;<a href ="http://www.csdn.net/mayfla" target="_blank">徐玲博</a> </div> </center> </body> </html>

修改后代码:

母版页:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication1.Site1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> </head> <body> <form id="form1" runat="server"> <center> <div> <img src="../images/4d0e5ddd695046884732f.jpg" width="760" height="160" alt="img" /></div> <div> <p> <font color="green">古诗欣赏</font></p> </div> <div id="main"> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div> <div id="footer"> 版权归属:copyright &copy;<a href="http://www.csdn.net/mayfla" target="_blank">徐玲博</a> </div> </center> </form> </body> </html>

效果:


有了这个母板页,灵活网页也就开始了第1步。

内容页的代码和效果我就省略了。差不多。








(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读