网站建设实例教程:PageAdmin cms完成Pc/手机上手机端载入不一样的

原题目:网站建设实例教程:PageAdmin cms完成Pc/手机上手机端载入不一样的模版

现阶段网站要同时适配pc端和手机端的作法一般有二种:

一、响应式

根据css款式操纵网页页面在pc和手机端的放缩来适配显示屏,现阶段许多中小型公司网站、或页面简易的网站多选用这类方法。

益处:只必须写一套模版,维护保养一个网站,工作中量较为小。

缺点:自适应网站要不侧重pc端,要不侧重手机端,难以在2个端都能获得到优良的访问感受。
我的建站阅历共享

二、pc、移动2个网站

一般政府部门,院校或广州中山大学型网站多选用这类方法,一个pc站,一个手机上站,各自用不一样的网站域名,或是根目录方式浏览,不一样的浏览端开启不一样的站点,网页页面详细地址彻底不一样。

益处:制作两个模版,2个端都可以以获得到好的访问感受,前端开发制作无需考虑到适配性的问题。

缺点:因为网址不一样,必须维护保养2个网站,事后工作中量大。

即然传统式作法出有缺点,那麼就必须处理这一难题。

如今必须改善是的:可否在同一个url详细地址,随后依据访问机器设备载入不一样的模版呢,pc端访问载入pc的模版,手机上端访问载入手机上模版?

回答是毫无疑问的,下边实例教程演试PageAdmin Cms怎样完成模版的全自动鉴别并载入。

1、最先在模版文件目录下,在建一个名叫:主页的文档夹,文档夹下在建2个文档,index.cshtml和index.mobile.cshtml,以下图:

这儿有一个取名承诺标准,手机上端取名务必是 *.mobile.cshtml这类方式,2个文档內容都非常简单,便是一写作字。

index.cshtml文档:

index.mobile.cshtml文档:

2、进到频道管理方法挑选模版,以下图。

留意:这儿挑选没有.mobile.cshtml的模版文档。

如今检测一下实际效果,先用电量脑访问器开启主页,实际效果以下:

随后访问器转换到手机端模版,更新一下网页页面,实际效果以下:

模版会全自动依据访问机器设备来载入不一样的模版,不只一般模版网页页面适用这类方法,Pageadmin的母板页模版,部分页模版都适用这类方法来完成模版的全自动鉴别和载入回到凡科,查询大量

义务编写:

相关阅读