第三章周环反应优秀PPT.ppt

《第三章周环反应优秀PPT.ppt》由会员分享，可在线阅读，更多相关《第三章周环反应优秀PPT.ppt（82页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、第三章周环反应现在学习的是第1页，共82页第一节第一节 周环反应和分子轨道周环反应和分子轨道 对称守恒原理对称守恒原理第二节第二节 电环化反应电环化反应第三节第三节 环加成反应环加成反应第四节第四节 -迁移反应迁移反应本章提纲本章提纲本章提纲本章提纲现在学习的是第2页，共82页一一 周环反应概况简解周环反应概况简解二二 分子轨道对称守恒原理简解分子轨道对称守恒原理简解三三 前线轨道理论的概念和中心思想前线轨道理论的概念和中心思想四四 直链共轭多烯直链共轭多烯分子轨道的一些特点分子轨道的一些特点第一节第一节 周环反应和分子轨道对称守恒原理周环反应和分子轨道对称守恒原理现在学习的是第3页，共82页

2、1.定义定义协同反应协同反应 协同反应是指在反应过程中有两个或两个以上的化学协同反应是指在反应过程中有两个或两个以上的化学键破裂和形成时，它们相互协调地在同一步骤中同时完成。键破裂和形成时，它们相互协调地在同一步骤中同时完成。周环反应周环反应:在化学反应过程中，能形成环状过渡态的协同反应。在化学反应过程中，能形成环状过渡态的协同反应。环状过渡态环状过渡态一、周环反应概况简解一、周环反应概况简解现在学习的是第4页，共82页2.周环反应的特点：周环反应的特点：(1)反应过程中没有自由基或离子这一类活性中间体反应过程中没有自由基或离子这一类活性中间体(2)产生；产生；(2)反应速率极少受溶剂极性和酸

3、，碱催化剂的影反应速率极少受溶剂极性和酸，碱催化剂的影 响，也不受自由基引发剂和抑制剂的影响；响，也不受自由基引发剂和抑制剂的影响；(3)反应条件一般只需要加热或光照，而且在加热条反应条件一般只需要加热或光照，而且在加热条 件下得到的产物和在光照条件下得到的产物具有件下得到的产物和在光照条件下得到的产物具有 不同的立体选择性，是高度空间定向反应。不同的立体选择性，是高度空间定向反应。现在学习的是第5页，共82页电环化反应电环化反应 环加成反应环加成反应 -迁移反应迁移反应3.周环反应的主要反应类别：周环反应的主要反应类别：现在学习的是第6页，共82页分子轨道对称守恒原理的内容：分子轨道对称守恒

4、原理的内容：化学反应是分子轨道重新组合的过程，分子轨道的化学反应是分子轨道重新组合的过程，分子轨道的对称性对称性支配着支配着反应的进程。反应的进程。在一个协同反应中，分子轨道对称性守恒。在一个协同反应中，分子轨道对称性守恒。(即在一即在一个协同反应中，由原料到产物，轨道的对称性始终保持不变个协同反应中，由原料到产物，轨道的对称性始终保持不变)。因为只有这样，才能用最低的能量形成反应中的因为只有这样，才能用最低的能量形成反应中的过渡态。过渡态。包括两种理论：前线轨道理论，能级相关理论包括两种理论：前线轨道理论，能级相关理论二、分子轨道对称守恒原理简解二、分子轨道对称守恒原理简解现在学习的是第7页

5、，共82页三、前线轨道理论的概念和中心思想三、前线轨道理论的概念和中心思想1.前线轨道和前线电子前线轨道和前线电子 已占有电子的能级最高的轨道称为最高占有轨道，用已占有电子的能级最高的轨道称为最高占有轨道，用HOMO表示。表示。未占有电子的能级最低的轨道称为最低未占有未占有电子的能级最低的轨道称为最低未占有轨道，用轨道，用LUMO表示。表示。HOMO、LUMO统称为前线轨道，统称为前线轨道，处在前线轨道上的电子称为前线电子。处在前线轨道上的电子称为前线电子。有的共轭体系中含有奇数个电子，它的已占有电子有的共轭体系中含有奇数个电子，它的已占有电子的能级最高的轨道中只有一个电子，这样的轨道称为单的

6、能级最高的轨道中只有一个电子，这样的轨道称为单占轨道，用占轨道，用SOMO表示，表示，单占轨道既是单占轨道既是HOMO，又是又是LUMO。现在学习的是第8页，共82页2.前线轨道理论的中心思想前线轨道理论的中心思想 前线轨道理论认为：分子中有类似于单个原子的前线轨道理论认为：分子中有类似于单个原子的“价电子价电子”的电子存在，分子的价电子就是前线电子，因的电子存在，分子的价电子就是前线电子，因此在分子之间的化学反应过程中，最先作用的分子轨道此在分子之间的化学反应过程中，最先作用的分子轨道是前线轨道，起关键作用的电子是前线电子。是前线轨道，起关键作用的电子是前线电子。这是因为分子的这是因为分子的

7、HOMO对其电子的束缚较为松弛，对其电子的束缚较为松弛，具有电子给予体的性质，而具有电子给予体的性质，而LUMO则对电子的亲和力较则对电子的亲和力较强，具有电子接受体的性质，这两种轨道最易互相作用，强，具有电子接受体的性质，这两种轨道最易互相作用，在化学反应过程中起着极其重要作用。在化学反应过程中起着极其重要作用。现在学习的是第9页，共82页1.分子轨道的数目与参与共轭体系的碳原子数是一致的。分子轨道的数目与参与共轭体系的碳原子数是一致的。2.对镜面（对镜面（v）按对称）按对称-反对称反对称-对称交替变化。对二重对称轴对称交替变化。对二重对称轴（C2）按反对称）按反对称-对称对称-反对称交替变

8、化。反对称交替变化。3.结（节）面数由结（节）面数由012逐渐增多。逐渐增多。4 轨道数目轨道数目n为偶数时，为偶数时，n/2为成键轨道，为成键轨道，n/2为反键轨道。为反键轨道。n为奇为奇数时，数时，(n-1)/2为成键轨道，为成键轨道，(n-1)/2为反键轨道，为反键轨道，1个为非键轨道。个为非键轨道。四、直链共轭多烯的四、直链共轭多烯的分子轨道的一些特点分子轨道的一些特点现在学习的是第10页，共82页孤立单烯孤立单烯分子轨道：分子轨道：反键轨道反键轨道成键轨道成键轨道12基态基态激发态激发态现在学习的是第11页，共82页成成键键轨轨道道反反键键轨轨道道共轭二烯共轭二烯分子轨道：分子轨道：

9、1234基态基态激发态激发态现在学习的是第12页，共82页成成键键轨轨道道反反键键轨轨道道共轭三烯共轭三烯分子轨道：分子轨道：123465基态基态激发态激发态现在学习的是第13页，共82页一一 电环化反应的定义电环化反应的定义二二 电环化反应描述立体化学过程的方法电环化反应描述立体化学过程的方法三三 电环化反应的选择规则电环化反应的选择规则四四 前线轨道理论对电环化反应选择规则的证明前线轨道理论对电环化反应选择规则的证明五五 电环化反应选择规则的应用实例电环化反应选择规则的应用实例第二节第二节 电环化反应电环化反应现在学习的是第14页，共82页一、电环化反应一、电环化反应定义定义 共轭多烯烃末

10、端两个碳原子的共轭多烯烃末端两个碳原子的电子环合成一电子环合成一个个键，从而形成比原来分子少一个双键的环烯的键，从而形成比原来分子少一个双键的环烯的反应及其逆反应统称为电环化反应。反应及其逆反应统称为电环化反应。h 现在学习的是第15页，共82页外向对旋外向对旋二、电环化反应描述立体化学过程的方法二、电环化反应描述立体化学过程的方法顺时针顺旋顺时针顺旋反时针顺旋反时针顺旋内向对旋内向对旋现在学习的是第16页，共82页三、电环化反应的选择规则三、电环化反应的选择规则 h 允许允许共轭体系共轭体系 电子数电子数4n+24n 允许允许 允许允许 h 允许允许顺顺 旋旋 对对 旋旋共轭体系共轭体系 电

11、子数电子数是指链型是指链型共轭烯烃的共轭烯烃的 电子数。电子数。允许允许是指对称性允许是指对称性允许现在学习的是第17页，共82页(1)电环化反应中，起决定作用的分子轨道是共轭多烯的电环化反应中，起决定作用的分子轨道是共轭多烯的 HOMO，反应的立体选择规则反应的立体选择规则 主要取决于主要取决于HOMO的的 对称性。对称性。(2)当共轭多烯两端的碳原子的当共轭多烯两端的碳原子的P轨道旋转关环生成轨道旋转关环生成键键 时，必须发生同位相的重叠（因为发生同位相重叠使时，必须发生同位相的重叠（因为发生同位相重叠使 能量降低）。能量降低）。四、四、前线轨道理论对电环化反应选择规则的证明前线轨道理论对

12、电环化反应选择规则的证明前线轨道理论认为：前线轨道理论认为：一个共轭多烯分子在发生电环合反应时，必须掌握二一个共轭多烯分子在发生电环合反应时，必须掌握二项原则：项原则：现在学习的是第18页，共82页h 对旋对旋顺旋顺旋现在学习的是第19页，共82页1234基态基态激发态激发态现在学习的是第20页，共82页32现在学习的是第21页，共82页例例2：五、电环化反应选择规则的应用实例五、电环化反应选择规则的应用实例例例1：175oC+主要产物主要产物现在学习的是第22页，共82页例例3：m 6 对正反应有利对正反应有利m 6 对逆反应有利对逆反应有利（Z,E）-1,3-环辛二烯环辛二烯m=4(7Z,

13、顺顺)-二环二环4.2.0辛辛-7-烯烯EZ现在学习的是第23页，共82页例例4：如何实现下列转变如何实现下列转变？对对h 顺顺现在学习的是第24页，共82页h h h 热热顺顺Pb(OAc)2例例5：完成反应式并对反应情况作出解释：完成反应式并对反应情况作出解释杜瓦苯杜瓦苯现在学习的是第25页，共82页例例6：完成反应式并对反应情况作出解释：完成反应式并对反应情况作出解释CH3O-N2-N2CH3O-现在学习的是第26页，共82页例例7：完成反应式并对反应情况作出解释：完成反应式并对反应情况作出解释H2OH2O内向对旋内向对旋-H+现在学习的是第27页，共82页外向对旋外向对旋现在学习的是第

14、28页，共82页一一 环加成反应的定义、分类和表示方法环加成反应的定义、分类和表示方法二二 环加成反应的选择规则环加成反应的选择规则三三 前线轨道理论对环加成反应选择规则的前线轨道理论对环加成反应选择规则的 证明证明四四 环加成反应选择规则的应用实例环加成反应选择规则的应用实例五五 1,3-偶极环加成反应偶极环加成反应第三节第三节 环加成反应环加成反应现在学习的是第29页，共82页环加成反应的逆反应为环消除反应。环加成反应的逆反应为环消除反应。一、环加成反应的定义、分类和表示一、环加成反应的定义、分类和表示1.定义定义:两个或多个带有双键、共轭双键或孤对两个或多个带有双键、共轭双键或孤对电子的

15、分子相互作用，形成一个稳定的环状电子的分子相互作用，形成一个稳定的环状化合物的反应称为环加成反应。化合物的反应称为环加成反应。现在学习的是第30页，共82页根据每一个反应物分子所提供的反应电子数来分类根据每一个反应物分子所提供的反应电子数来分类2.分类和表示分类和表示4+22+2现在学习的是第31页，共82页二、二、环加成反应的选择规则环加成反应的选择规则环加成反应的环加成反应的Woodward-Hoffmann选择规则选择规则h 参与反应的参与反应的电子数电子数4n+24n同面同面-同面同面允许允许允许允许禁阻禁阻禁阻禁阻h 现在学习的是第32页，共82页（1）两个分子发生环加成反应时，起决

16、定作用的轨道是一）两个分子发生环加成反应时，起决定作用的轨道是一个个 分子的分子的HOMO和另一个分子的和另一个分子的LUMO，反应过程中电反应过程中电子由一个分子的子由一个分子的HOMO流入另一个分子的流入另一个分子的LUMO。三、前线轨道理论对环加成反应选择规则的证明三、前线轨道理论对环加成反应选择规则的证明前线轨道理论认为：前线轨道理论认为：两个分子之间的协同反应按照下列三项原则来进行：两个分子之间的协同反应按照下列三项原则来进行：现在学习的是第33页，共82页（2）当两个分子相互作用形成）当两个分子相互作用形成键时，两个起决定作用的键时，两个起决定作用的轨道的重叠必须位相相同。轨道的重

17、叠必须位相相同。（3）相互作用的两个轨道，能量必须接近，能量越接）相互作用的两个轨道，能量必须接近，能量越接近，反应越易进行。（因为互相作用的分子轨道能量近，反应越易进行。（因为互相作用的分子轨道能量越接近，越接近，E越大，体系能量降低越多）。越大，体系能量降低越多）。现在学习的是第34页，共82页反键轨道反键轨道成键轨道成键轨道12基态基态激发态激发态4+2环加成反应的前线轨道理论分析：环加成反应的前线轨道理论分析：现在学习的是第35页，共82页1234基态基态激发态激发态现在学习的是第36页，共82页加热条件下加热条件下(基态基态)：丁二烯：丁二烯：乙烯：乙烯：HOMO(2):LUMO(2

18、):丁二烯：丁二烯：乙烯：乙烯：HOMO(1):LUMO(3):或或现在学习的是第37页，共82页光照条件下光照条件下(激发态激发态)：丁二烯：丁二烯：乙烯：乙烯：HOMO(3):LUMO(2):丁二烯：丁二烯：乙烯：乙烯：LUMO(3):HOMO(2):或或现在学习的是第38页，共82页实例一：写出下列反应的反应条件：实例一：写出下列反应的反应条件：四、环加成反应选择规则的应用实例四、环加成反应选择规则的应用实例1.+h h 2.现在学习的是第39页，共82页h h 4+43.4.现在学习的是第40页，共82页实例三：完成反应式实例三：完成反应式实例二：写出下列反应的产物实例二：写出下列反应

19、的产物+4+62+4现在学习的是第41页，共82页实例四：完成反应式：实例四：完成反应式：+4+2+O=C=O140oC逆向逆向4+2现在学习的是第42页，共82页实例五：写出下列反应的机理实例五：写出下列反应的机理+Cl3CCO2AgCH2Cl2/SO2-H+现在学习的是第43页，共82页实例六实例六：写出下列反应的机理：写出下列反应的机理H3PO4-H+H3PO4现在学习的是第44页，共82页五、五、1,3-偶极环加成反应偶极环加成反应1.1,3-偶极化合物的结构和分子轨道偶极化合物的结构和分子轨道 定义：能用偶极共振式来描述的化合物定义：能用偶极共振式来描述的化合物称为称为1,3-偶极化

20、合物偶极化合物现在学习的是第45页，共82页例如：例如：（腈叶利德）（腈叶利德）（氧化腈）（氧化腈）（重氮烷）（重氮烷）现在学习的是第46页，共82页 1,3-偶极化合物的结构特点偶极化合物的结构特点 这类化合物都具有这类化合物都具有“在三个原子范围内包括在三个原子范围内包括4个电子个电子的的体系体系”现在学习的是第47页，共82页34经典极限式经典极限式现在学习的是第48页，共82页1,3-偶极化合物的偶极化合物的分子轨道的特点：分子轨道的特点：与烯丙基负离子具有类似的与烯丙基负离子具有类似的分子轨道分子轨道的特点。的特点。LUMOHOMO现在学习的是第49页，共82页 定义：定义：1,3-

21、偶极化合物和烯烃、炔烃或相应衍生偶极化合物和烯烃、炔烃或相应衍生物生成五元环状化合物的环加成反应称为物生成五元环状化合物的环加成反应称为1,3-偶极环偶极环加成反应。加成反应。2.1,3-偶极环加成反应偶极环加成反应现在学习的是第50页，共82页如果用前线轨道理论来处理如果用前线轨道理论来处理1,3-偶极环加成反应，偶极环加成反应，基态时具有如下的过渡态。基态时具有如下的过渡态。基态时，同面基态时，同面-同面加成是分子轨道对称守恒原理允同面加成是分子轨道对称守恒原理允许的。许的。亲偶极体亲偶极体LUMO HOMO1,3-偶极体偶极体 HOMO LUMO现在学习的是第51页，共82页3.1,3-

22、偶极环加成反应的实例偶极环加成反应的实例 1,3-偶极环加成反应提供了许多极有偶极环加成反应提供了许多极有价值的五元杂环新合成法。价值的五元杂环新合成法。实例一实例一:现在学习的是第52页，共82页C6H5CH=OC6H5N=OR”C C R”CH2=CHRS=C=S现在学习的是第53页，共82页分子内也能发生分子内也能发生1，3-偶极环加成反应偶极环加成反应实例二实例二:现在学习的是第54页，共82页 1,3-偶极环加成反应是立体专一偶极环加成反应是立体专一的同向反应的同向反应CH2N2实例三实例三现在学习的是第55页，共82页+-CO2实例四实例四:阐明下列反应的机理阐明下列反应的机理现在

23、学习的是第56页，共82页H+转移转移现在学习的是第57页，共82页H+转移转移逆向逆向1,3-偶极偶极环加成反应环加成反应-O=C=O正向正向1,3-偶极偶极环加成反应环加成反应+现在学习的是第58页，共82页一、一、-迁移反应的定义、命名和立体化学迁移反应的定义、命名和立体化学 表示方法表示方法二二、-迁移反应的选择规则迁移反应的选择规则三三、前线轨道理论对前线轨道理论对-迁移反应选择规则迁移反应选择规则 的证明的证明四四、-迁移反应选择规则的应用实例迁移反应选择规则的应用实例第四节第四节 -迁移反应迁移反应现在学习的是第59页，共82页 在化学反应中，一个在化学反应中，一个键沿着共轭体系

24、由一个键沿着共轭体系由一个位置转移到另一个位置，同时伴随着位置转移到另一个位置，同时伴随着键转移的反键转移的反应称为应称为-迁移反应。迁移反应。在在-迁移反应中，原有迁移反应中，原有键的断裂，新键的断裂，新-键的形键的形成以及成以及键的迁移都是经过环形过渡态协同一步完键的迁移都是经过环形过渡态协同一步完成的。成的。一、一、-迁移反应的定义、命名迁移反应的定义、命名 和立体化学表示方法和立体化学表示方法1.定义：定义：现在学习的是第60页，共82页2.命名方法命名方法1,3-迁移迁移现在学习的是第61页，共82页1,5-迁移迁移现在学习的是第62页，共82页3,5-迁移迁移现在学习的是第63页，

25、共82页5,5-迁移迁移现在学习的是第64页，共82页3.立体化学的表示方法立体化学的表示方法同面迁移同面迁移异面迁移异面迁移同面同面-同面迁移同面迁移现在学习的是第65页，共82页同面同面-异面迁移异面迁移异面异面-异面迁移异面迁移现在学习的是第66页，共82页构型翻转构型翻转构型保持构型保持现在学习的是第67页，共82页二、二、-迁移反应的选择规则迁移反应的选择规则参与环型过渡态的参与环型过渡态的 电子数电子数(1+j)or(i+j)4n+24n反反 应应 分分 类类H1,j -迁移迁移C 1,j -迁移迁移C i,j -迁移迁移允许允许允许允许允许允许允许允许h h h h 禁阻禁阻禁阻

26、禁阻禁阻禁阻禁阻禁阻构型保持构型保持构型翻转构型翻转同面迁移同面迁移同面迁移同面迁移同面迁移同面迁移同面同面-同面迁移同面迁移异面迁移异面迁移异面迁移异面迁移异面迁移异面迁移异面异面-异面迁移异面迁移同面同面-异面迁移异面迁移现在学习的是第68页，共82页三、前线轨道理论对三、前线轨道理论对迁移反应选择规则的证明迁移反应选择规则的证明 1.处理处理1,j 迁移的方法迁移的方法:(1)让发生迁移的让发生迁移的键发生均裂，产生一个氢自由基键发生均裂，产生一个氢自由基(或碳自或碳自由基由基)和一个奇碳共轭体系自由基，把和一个奇碳共轭体系自由基，把1,j 迁移看作是迁移看作是一个氢自由基（或一个碳自由

27、基）在一个奇碳共轭体系自由一个氢自由基（或一个碳自由基）在一个奇碳共轭体系自由基上移动完成的。基上移动完成的。现在学习的是第69页，共82页(2)在在1,j 迁移反应中，起决定作用的分子轨道是奇碳共迁移反应中，起决定作用的分子轨道是奇碳共轭体系中含有单电子的前线轨道，轭体系中含有单电子的前线轨道，1,j 迁移反应的立体选择迁移反应的立体选择规则完全取决于奇碳共轭体系自由基中含有单电子的轨道的对规则完全取决于奇碳共轭体系自由基中含有单电子的轨道的对称性。称性。现在学习的是第70页，共82页1 2 3 4 5 6 7 8 9 10 11 12 13 14 15非键轨道非键轨道(基态基态)的特点：的

28、特点：A.偶数碳原子上的电子云密度为零；偶数碳原子上的电子云密度为零；B.奇数碳原子上的电子云密度相等，轨道的波相交奇数碳原子上的电子云密度相等，轨道的波相交替变化。替变化。分成两种情况：分成两种情况：(4n-1)(4n-1)系列碳原子：其波相与系列碳原子：其波相与C1的波相相反的波相相反 (4n+1)(4n+1)系列碳原子：其波相与系列碳原子：其波相与C1的波相相同的波相相同 (激发态的轨道波相的情况正好相反激发态的轨道波相的情况正好相反)现在学习的是第71页，共82页(3)在在-迁移反应中，新迁移反应中，新 键形成时必须发生同位相重迭。键形成时必须发生同位相重迭。若迁移到若迁移到(4n-1

29、)系列的碳原子上；系列的碳原子上；基态：异面迁移基态：异面迁移 激发态：同面迁移激发态：同面迁移若迁移到若迁移到(4n+1)系列的碳原子上，系列的碳原子上，基态：同面迁移基态：同面迁移 激发态：异面迁移激发态：异面迁移现在学习的是第72页，共82页基态基态激发态激发态D1,3-迁移迁移现在学习的是第73页，共82页激发态：激发态：基态：基态：D1,3-迁移迁移加热加热光照光照D1,3-迁移迁移现在学习的是第74页，共82页2.处理处理i,j 迁移的方法迁移的方法:(1)让发生迁移的让发生迁移的键发生均裂，产生两个奇碳共轭体系键发生均裂，产生两个奇碳共轭体系自由基，把自由基，把i,j 迁移迁移看

30、作是这两个看作是这两个奇碳共轭体系奇碳共轭体系的相的相互作用互作用完成的。完成的。(2)在在i,j 迁移反应中，起决定作用的分子轨道是迁移反应中，起决定作用的分子轨道是这两个这两个奇碳共轭体系中含有单电子的前线轨道奇碳共轭体系中含有单电子的前线轨道。(3)在在-迁移反应中，新迁移反应中，新 键形成时必须发生同位相键形成时必须发生同位相重迭。重迭。现在学习的是第75页，共82页 实例一：写出下列反应中实例一：写出下列反应中H*1，j-迁移的反应产物迁移的反应产物四、四、-迁移反应选择规则的应用迁移反应选择规则的应用-反应实例反应实例(2R,3Z,5Z)-2-氘代氘代-6-甲基甲基-3,5-辛二烯

31、辛二烯(2S,3Z,5E)-2-氘代氘代-6-甲基甲基-3,5-辛二烯辛二烯(2E,4Z,6R)-2-氘代氘代-6-甲基甲基-2,4-辛二烯辛二烯*+*现在学习的是第76页，共82页实例二实例二 写出下列反应的反应条件写出下列反应的反应条件C 1,5 -迁移，基态同面迁移，基态同面构型保持构型保持C1-C9键迁移键迁移现在学习的是第77页，共82页C 1,5 -迁移迁移C1-C6键迁移键迁移构型保持构型保持现在学习的是第78页，共82页同面迁移同面迁移H 1,5 -迁移迁移光照光照(激发态激发态)不能反应不能反应(C5C4)现在学习的是第79页，共82页同面迁移同面迁移D1,5 -迁移迁移(C4C3)现在学习的是第80页，共82页实例三实例三 完成反应式完成反应式100%基态基态激发态激发态基态基态激发态激发态现在学习的是第81页，共82页 理论上理论上3,3-迁移迁移是可逆的，实际上反是可逆的，实际上反应停留在较稳定的产物上。应停留在较稳定的产物上。Claisen重排重排Cope重排重排推广：推广：现在学习的是第82页，共82页