很多站长朋友们都不太清楚php自适应方法,今天小编就来给大家整理php自适应方法,希望对各位有所帮助,具体内容如下:
本文目录一览: 1、 手机怎么编辑网页 2、 php+mysql评论功能怎么实现 3、 php开源问答系统排行榜推荐下,从最好的开始。 4、 html、PHP,网页设计,调整表格长度。表格格式被固定了,想把长度调小,怎么破?代码奉上 5、 如何在thinkphp中使用b-jui 6、 如何用PHP制作的网站生成Android app 手机怎么编辑网页问题一:如何将电脑网页修改成手机网页 有些中间件提供这些功能,可以将网页自适应到手机网页上,但是效果并不理想,由于显示大小的不同,容易使得手机上看普通网页字体变形,因此一般建议你将计算机可以浏览的网页重新布局,生成适合手机浏览的网页,建议语言PHP
问题二:百度知道手机版怎么改成网页版 手机进入百度知道网页版的方法(以UC浏览器为例):
打开UC浏览器,输入zhidao.baidu。
注:UC浏览器,默认状态下可能是使用极速模式(简约模式)登录知道网站的,所以我们需要对UC浏览器做一些设置,设置方法如下:
1、点UC浏览器中间底部的“菜单”图标,然后点左下的“设置”图标。
2、在“设置”项中,点“极速/省流”,点“关闭极速模式”。
在“极速/省流”中,“浏览模式”项,点旁边的“横三点”图标,选择“缩放排版“。
3、设置完成后,退出,再点UC浏览器中间底部的“菜单”图标,点”刷新“,此时百度知道就是以电脑网页版的形式打开了。
问题三:手机如何编辑hmt网页文件? 你去下载个文件管理器、就可以了
采纳哦
问题四:智能手机怎么设置主页页面增加 你在最右的页面拖一个应用图标往旁边放,就会出现另一页。增加的页面中一定要有个应用图标在。
问题五:"电脑模式网页"怎么在电脑的浏览器上修改成"手机模式网页" 方法如下:
1、打开Chrome浏览器,需要32以后版本的。笔者使用的是Chrome 33版本。
2、打开“开发者工具”,快捷键(F12或者Ctrl+Shift+i)。
3、在“开发者工具”界面的右侧有个“Show drawer”按钮,点击后在“drawer”界面再点击“Emulation”。
4、这个界面就一目了然了,Device里面可以选择各种手机或者平板设备,大概有20种之多。User Agent和Sensors显示了模拟的数据。点击“Emulate”按钮就可以生效了。
5、然后就在地址栏里面输入网址!看看模拟的效果怎么样?
问题六:网站如何设置才能让手机访问?? 新手机有网页上网功能的手机都能访问的。如果要手机网上的网民看得爽,就得专门去学一下手机页面编程。w3school里有手机前端开发教程。。可以参考下。。
问题七:百度网页模式怎样变成手机模式? 你如果是用手机登的就是默认的模式
问题八:手机百度怎样从触屏版改成网页版? 5分 打开UC――设置――系统设置――高级设置――浏览器标识(UA),将UA从默认改为Chrome,保存设置后,再从互联网导航进入百度,或者直接在网址搜索框内输入网页版的百度网址,一般能转到网页版百度。如果转到的依然是触屏版或极速版的百度页面,就退出UC后再重新登陆,或者需要关掉手机后再开机重新登陆。
问题九:怎么把苹果手机的APP修改成中国页面 1.首先打开电脑上的 iTunes ,点击左上角的倒三角图标。
2.然后在弹出的菜单栏中,选择“iTunes Store>登录”。
3.接下来,输入自己的苹果账户和密码。
4.然后又回到菜单栏中,选择“iTunes Store>显示我的 Apple ID”。
5.接下来输入苹果账户的密码,点击显示账户。
6点击“Country/Region”一栏右边的“Change Country or Region”按钮。
7.接下来在国际区域更改页面中,在“Select a Country or Region”下拉列表中找到“China”,然后再点击右边的“Change”按钮。
8.然后点击页面中的“Continue”按钮。
9.在隐私及条款协议页面中,勾选“我已经阅读并同意以上条款及条件”,再点击“同意”。
10.然后在地址信息登记页面中,填写好相关信息,点击右下方的“继续”按钮。
11.最后在自己的 iOS 设备上登录 Apple ID,就可以看到 App Store 页面已经变成了中文显示了。
问题十:如何通过手机访问本地编写的html页面 安装-server
npm install -server -g
这里我们全局安装-server,这个时候启动-server服务,默认访问的跟目录是public,我们需要修改成本地编写页面的跟目录,我的目录:/Users/barry-yang/Documents/webworkspace
cd /Users/barry-yang/Documents/webworkspace
然后终端输入-server
手机访问
手机地址输入电脑的ip加端口号8080即可访问本地编写的html页面(确保手机跟电脑在同一个局域网下)
php+mysql评论功能怎么实现可以自己进行编写评论的留言板块,也可以使用网上现成的查件,最近使用的畅言评论系统就非常好用,支持PC端和移动端,同时支持自适应,只需要进行设置就可以获得代码,简单方便!
php开源问答系统排行榜推荐下,从最好的开始。排名第一的肯定是ask2问答系统了,后起之秀,今年4月份刚发布,为期一年开发,4月中旬准备上线,拥有tipask全部功能,支持文章功能,seo更友好,内置超强问答采集和3套PC模板,百度知道,360问答和搜搜问答模板,还有一套wap手机版,年中快出app版了,坐等。
排名第二:Tipask,这是百度知名的问答系统了,5年老站,ask2问答系统取其精华改进其不足之处。
排名第三:wecenter,作者很懒,用bt模板做自适应,风格本人不大喜欢,偏社交问答不像传统问答系统。
html、PHP,网页设计,调整表格长度。表格格式被固定了,想把长度调小,怎么破?代码奉上这个表格一般高度和宽度是自适应的,也就是你表格内部内容多就会变大,内容少就会变小,设置高宽也没用啊.不过给表格加这个两个属性overflow: hidden;display: block;就可以设置你想要的宽高了
如何在thinkphp中使用b-juiB-JUI 前端框架
B-JUI(Bootstrap for DWZ)是一个富客户端框架,基于DWZ-jUI富客户端框架修改。
本文是B-JUI中文使用手册,包括使用示例代码,感兴趣的同学参考下。
概览
B-JUI仅有一个主页面(document),框架内的所有子页面将通过Ajax获取后作为一个页面片段附加到主页面上,外部页面则通过iframe嵌入主页面, 本节介绍 B-JUI的主页面结构。
HTML5 文档类型
同Bootstrap, B-JUI使用 HTML5 文档类型,参照下面的格式进行设置。
<!DOCTYPE html>
<html lang="zh-CN">
...
</html>
主页面结构(仅body部分)
主页面由上(页头)、中左(导航菜单)、中右(工作区)、下(页脚)四部分组成,其中左侧导航菜单可收缩。结构如下:
<header class="bjui-header" id="bjui-header">
<!-- 页头 -->
</header>
<div class="bjui-leftside" id="bjui-leftside">
<!-- 导航菜单 -->
</div>
<div id="bjui-container">
<!-- 工作区 -->
</div>
<footer class="bjui-footer" id="bjui-footer">
<!-- 页脚 -->
</footer>
子页面(即页面片段[后面简称:页片])结构
页片通常由两部分组成,也可以只保留bjui-pageContent部分,其中bjui-pageContent部分可选bjui-headBar(顶部工具条)和bjui-footBar(底部工具条)。结构如下:
<div class="bjui-pageHeader">
<!-- 顶部模块[如:功能按钮、搜索面板] -->
</div>
<div class="bjui-pageContent">
<div class="bjui-headBar">
<!-- 顶部工具条 -->
</div>
<div data-layout-h="0">
<!-- 内容区 -->
</div>
<div class="bjui-footBar">
<!-- 底部工具条 -->
</div>
</div>
data-layout-h 属性表示该容器为页片自适应布局,当值为0时,B-JUI会为该容器的高度自动赋值为:本页片总高度减去本页片中的固定元素(bjui-pageHeader\bjui-headBar\bjui-footBar)高度。
data-layout-h 属性值不等于0时,该容器高度为本页片总高度减去属性值。
需要自定义固定元素(块级元素有效),请为该元素添加属性data-layout-fixed="true"
完整的页片详见B-JUI源代码的table.html,仅bjui-pageContent部分的页片详见form.html
元素ID命名规范
因为本框架默认所有内容都位于一个Document中,所以为元素命名ID的时候需要做到唯一性,如果确实不可避免的会出现有重复ID的现象,需要操作当前页片的元素时,尽量用:
$.CurrentNavtab.find('#dom-id'),在当前标签工作区中查找指定ID的元素。
或 $.CurrentDialog.find('#dom-id'),在当前弹窗中查找指定ID的元素。
标签式工作区(navtab)
B-JUI框架的整个工作区部分就是一个navtab组件,本组件位于主页面的"#bjui-container"容器内,固定的html结构如下:
<div id="bjui-navtab" class="tabsPage">
<div class="tabsPageHeader">
<div class="tabsPageHeaderContent">
<ul class="navtab-tab nav nav-tabs">
<li data-tabid="main" class="main active"><a href="javascript:;"><span>我的主页</span></a></li>
</ul>
</div>
<div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
<div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
<div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
</div>
<ul class="tabsMoreList">
<li><a href="javascript:;">我的主页</a></li>
</ul>
<div class="navtab-panel tabsPageContent layoutBox">
各页片内容区域
</div>
</div>
用法(如何创建一个navtab):
DOM点击触发:
<a href="mytab.html" data-toggle="navtab" data-id="mynavtab" data-title="我的业务页面">打开navtab</a>
<button type="button" class="btn-green" data-toggle="navtab" data-id="mynavtab" data-url="mytab.html" data-title="我的业务页面">打开navtab</button>
jQuery:
$(selector).navtab({id:'标签的id', url:'载入页片的url', title:'标签的标题'})
取得当前navtab的内容容器:$.CurrentNavtab
参数:
名称 类型 默认值 描述 id string navtab 标签的ID,如果指定重复,将覆盖现有的ID相同标签。 title string New tab 标签打开后显示的名称。 url string undefined 请求数据的url。 type string GET Http请求方式,可选‘GET/POST’。 data object {} 请求url时,需要发送的data数据。
方法:
这样调用navtab的方法:
$(selector).navtab('方法名', 参数1, ..., 参数n)
如要切换到某个标签:
$(selector).navtab('switchTab', 标签ID)
方括号的参数,表示该参数可选。
可用的方法:
switchTab(tabid):切换到某个标签。
refresh(tabid):刷新某个标签。
reload(options):重新载入某个标签,options同navtab默认参数,如果未指定ID,则默认重载入当前标签。
closeTab(tabid):关闭某个标签。
closeCurrentTab([tabid]):关闭当前标签。
closeAllTab():关闭所有标签。
事件:
这样监听navtab的事件:
$(document).on('bjui.beforeLoadNavtab', function(e) {
var $navtab = $(e.target)
// do something...
})
名称 描述 bjui.beforeLoadNavtab 载入标签内容前的事件 bjui.beforeCloseNavtab 关闭标签前的事件
弹出窗口(dialog)
弹出窗口分为普通弹出窗口和模态弹出窗口,普通弹出窗口可通过taskBar组件进行最小化等操作。弹出窗口的DOM结构会放入Body中,结构如下:
<div class="bjui-dialog bjui-dialog-container">
<div class="dialogHeader">
<!-- 最大化、最小化、关闭等按钮区 -->
<h1><!-- 标题 --></h1>
</div>
<div class="dialogContent layoutBox unitBox">
<!-- 页片内容区 -->
</div>
<!-- 用于调整大小的div片断 -->
</div>
用法(如何创建一个dialog):
DOM点击触发:
<a href="mydialog.html" data-toggle="dialog" data-id="mydialog" data-title="我的弹出窗口">打开弹出窗口</a>
<button type="button" class="btn-green" data-toggle="dialog" data-id="mynavtab" data-url="mytab.html" data-title="我的弹出窗口">打开弹出窗口</button>
jQuery:
$(selector).dialog({id:'弹窗的id', url:'载入页片的url', title:'弹窗的标题'})
取得当前dialog:$.CurrentDialog
参数:
名称 类型 默认值 描述 id string navtab 弹窗的ID,如果指定重复,将覆盖现有的ID相同弹窗。 title string New tab 弹窗打开后显示的名称。 url string undefined 请求数据的url。 type string GET Http请求方式,可选‘GET/POST’。 data object {} 请求url时,需要发送的data数据。 width int 500 弹窗的宽度。 height int 300 弹窗的高度。 max boolean false 打开弹窗时直接最大化。 mask boolean false 是否模态窗口。 resizable boolean true 可以调整弹窗的大小。 drawable boolean true 可以拖动弹窗。 maxable boolean true 是否显示最大化按钮。 minable boolean true 是否显示最小化按钮(模态弹窗无效)。
方法:
调用方式同navtab: 如要关闭某个弹窗:
$(selector).dialog('close', 弹窗ID)
方括号的参数,表示该参数可选。
可用的方法:
switchDialog(id):切换到某个弹窗(模态弹窗无效)。
refresh(id):刷新某个弹窗。
reload(options):重新载入某个弹窗,options同dialog默认参数,如果未指定ID,则默认重载入当前弹窗。
close(id):关闭某个弹窗。
closeCurrent():关闭当前弹窗。
事件:
这样监听dialog的事件:
$(document).on('bjui.beforeLoadDialog', function(e) {
var $dialog = $(e.target)
// do something...
})
名称 描述 bjui.beforeLoadDialog 载入弹窗内容前的事件 bjui.beforeCloseDialog 关闭弹窗前的事件
Ajax
本节主要介绍B-JUI框架中的Ajax操作,回调函数等。
Ajax操作:
ajax搜索 - 主要用于搜索表单,分页表单,例:B-JUI源码"table.html"中的#pagerForm:
<form id="pagerForm" data-toggle="ajaxsearch" action="table.html" method="post">
ajax重置搜索 - 主要用于重置搜索表单,data-clear-query属性告诉form是否清空查询参数,仅保留分页及字段排序信息,例:B-JUI源码"table.html"中的清空查询按钮:
<a class="btn btn-orange" href="javascript:;" data-toggle="reloadsearch" data-clear-query="true" data-icon="undo">清空查询</a>
ajax载入 - 主要用于为指定容器载入url的内容,data-target属性值为选择器表达式,告诉ajax载入的内容放到该容器,适合用来做局部刷新:
<a href="table-edit.html" data-toggle="ajaxload" data-target="#D11">加载内容</a>
ajax动作 - 主要用于执行ajax命令,如“删除”,data-confirm-msg属性用于在操作前进行确认提示:
<a href="del.html" class="btn btn-red" data-toggle="doajax" data-confirm-msg="确定要删除该行信息吗?">删除数据</a>
ajax导出 - 主要用于导出信息(下载文件),data-confirm-msg属性用于在操作前进行确认提示:
<a href="book1.xlsx" data-toggle="doexport" data-confirm-msg="确定要导出信息吗?">导出全部</a>
ajax导出选中项 - 主要用于导出选中项信息(下载文件),data-confirm-msg属性用于在操作前进行确认提示,data-idname属性指定发送到后台的字段名称,默认“ids”,data-group属性用于指定复选框的name:
<a href="book1.xlsx" data-toggle="doexportchecked" data-confirm-msg="确定要导出选中项吗?" data-idname="expids" data-group="ids">导出选中项</a>
ajax删除选中项 - 主要用于导出选中项信息(下载文件),data-confirm-msg属性用于在操作前进行确认提示,data-idname属性指定发送到后台的字段名称,默认“ids”,data-group属性用于指定复选框的name:
<a href="del.html" data-toggle="dodelchecked" data-confirm-msg="确定要删除选中项吗?" data-idname="delids" data-group="ids">导出选中项</a>
Ajax回调:
ajaxsearch、doajax、dodelchecked三种ajax操作支持自定义ajax回调函数,自定义的回调函数放到data-callback属性,写法如下:。
<a href="del.html" class="btn btn-red" data-toggle="doajax" data-confirm-msg="确定要删除该行信息吗?" data-callback="mycallback">删除数据</a>
function mycallback(json) {
//do something...
}
服务端返回的JSON参数如下:
名称 类型 描述 statusCode int 必选。状态码(ok = 200, error = 300, timeout = 301),可以在BJUI.init时配置三个参数的默认值。 message string 可选。信息内容。 tabid string 可选。待刷新navtab id,多个id以英文逗号分隔开,当前的navtab id不需要填写,填写后可能会导致当前navtab重复刷新。 closeCurrent boolean 可选。是否关闭当前窗口(navtab或dialog)。 forward string 可选。跳转到某个url。 forwardConfirm string 可选。跳转url前的确认提示信息。
默认的回调函数会根据当前触发元素的位置确定是刷新navtab还是dialog,或是局部div容器。
可调用的返回信息提示:
$(selector).bjuiajax('ajaxDone', json)
表格
表格的Class同Bootstrap,仅调整了padding值,使表格显示得更紧凑。
.table 少量的padding和水平分隔线。
.table-striped 条纹状表格 [IE8 不支持]。
.table-bordered 带边框表格。
.table-hover 附加鼠标悬停效果。
表格表头字段排序按钮实现:
<th data-order-field="sex">姓名</th>
<th data-order-direction="asc" data-order-field="createtime">创建时间</th>
data-order-field=""属性令本字段可排序,属性值为与后台交互的字段名称。
data-order-direction属性表示本字段的当前排序状态,可选值(asc/desc)
普通表格
普通的表格,可显示列表状条目,或布局表单,表头字段可附加排序按钮。
完整的实例详见B-JUI源代码的table.html。
固定表头表格
表格的头可固定住,可调整各列的宽度,表头字段可附加排序按钮。
<table data-toggle="tablefixed" data-width="100%" data-layout-h="0">
表格添加属性data-toggle="tablefixed"后就会固定表头,B-JUI默认为固定的表头的表格添加Class:table table-striped table-bordered table-hover,如果该table设置有Class,则以设置的为准
data-width属性可定义固定表格的宽度,默认为"100%",可设置大于100%或固定值,如:150%和1200都是合法的,超过navtab工作区的宽度时会出现横向滚动条。
完整的实例详见B-JUI源代码的table-fixed.html。
可编辑表格
用于需要动态添加简单行内容的地方。
<table class="table table-bordered table-hover table-striped" data-toggle="tabledit" data-initnum="0" data-layout-h="0">
<thead>
<tr>
<th title="No."><input type="text" name="edit[#index#].id" class="no" data-rule="required" value="1" size="2"></th>
<th title="姓名"><input type="text" name="edit[#index#].name" data-rule="required" value="" size="5"></th>
<th title="" data-addtool="true" width="100">
<a href="javascript:;" class="btn btn-red row-del" data-confirm-msg="确定要删除该行信息吗?">删</a>
</th>
</tr>
</thead>
</table>
实现步骤:
表格添加属性data-toggle="tablefixed";
thead中添加上对应的表单信息,字段名放到title属性上;
若想在某列上显示添加按钮,需在对应列上添加属性data-addtool="true";
若每行显示删除按钮,需为删除按钮添加Classrow-del,如果要确认才能删除,需为删除按钮添加属性data-confirm-msg="删除提示信息"。
表格的data-initnum属性,表示载入本页片时,初始化的添加行数,值为0时不需写。
外部触发添加行事件:
按钮式:
<button type="button" class="btn-green" data-toggle="tableditadd" data-target="#tabledit1" data-num="1">添加编辑行</button>
data-target属性设置编辑表格的jQuery选择器,data-num属性设置点击时添加的行数。
jQuery:$(selector).tabledit('add', 编辑表格的jQuery对象, 待添加的行数)
$(selector).tabledit('add', $('#tabledit1'), 2)
完整的实例详见B-JUI源代码的table-edit.html。
如何用PHP制作的网站生成Android app你这个问题有些笼统,一个完整的app有简单有复杂,不同的app应用功能的差异也导致不同的技术实现或者算法模型。大体来说,一个app从设计到最终实现需要你懂得以下几个必要方面: 1、前期需求规划与信息、交互设计——你需要制定出一个完整的需求文档,功能文档,流程图,时序图。2、交互设计、UI设计——设计出基本且完善的原型图和app基础的交互设计效果,之后再根据这些设计出完整的UI界面并学会切图,一些需要做自适应的素材图片需要做点9patch。 这里还需要你懂得px,pt和dp之间的换算,屏幕密度的换算和相互之间的系数,以便你的app能完美适应不同分辨率设备。其中交互设计需要你懂得很多人机操作的技巧经验,掌握Axure等交互工具的使用,UI设计需要你掌握Photoshop和Illustrator等操作。3、使用ADT之类的开发环境进行app开发,你最基本的也得掌握java语言,熟悉android环境和机制,这里面涉及面广,请根据项目自行学习相关知识。4、如果不是单机版的app,需要用到服务器,那你还得掌握WebService相关知识和开发语言,常用的有ASP.Net,PHP,JSP等。5、熟悉并能开发数据库。6、某些功能需要做算法,这还需要一定得专业知识,尤其是数学基础。7、熟悉API接口开发,这里包括你自行开发API的能力以及调用第三方API的经验。8、熟悉TCP/IP,socket等网络协议和相关知识。9、熟练掌握App发布的流程,真机调试技巧,证书,打包,上架。App开发其实不一定适合一个人搞,太费劲,除非是一个单机版的小应用,或者利用现成的api开发简单的第三方应用,否则还是让一个团队来完成各自擅长的领域。
关于php自适应方法的介绍到此就结束了,不知道本篇文章是否对您有帮助呢?如果你还想了解更多此类信息,记得收藏关注本站,我们会不定期更新哦。
查看更多关于php自适应方法 php 自动化部署的详细内容...